.enerval-oelrechner{--green:#315b37;--green2:#55765b;--line:#d8e2d5;--soft:#f3f7f1;--yellow:#ffc400;font-family:Arial,sans-serif;color:#18231b;border:1px solid var(--line);border-radius:22px;padding:28px;background:linear-gradient(145deg,#fff,#f1f6f2);box-sizing:border-box}.enerval-oelrechner *{box-sizing:border-box}.enerval-oelrechner__grid{display:grid;grid-template-columns:1fr 1fr 1fr minmax(190px,.72fr);gap:24px;align-items:start}.enerval-panel h3{color:#18601f;text-align:center;font-size:clamp(24px,2.5vw,36px);margin:4px 0 22px}.enerval-tank-stage{display:flex;justify-content:center;align-items:stretch;height:190px}.enerval-scale{width:86px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font-size:12px;padding:0 9px 0 0;border-right:1px solid #87968a}.enerval-tank{width:min(220px,70%);height:170px;margin-left:8px;border:2px solid #9da49e;border-radius:40px;position:relative;overflow:visible;background:linear-gradient(100deg,#e6e9e7,#fff 34%,#daddda);box-shadow:inset 8px 0 12px #d2d7d3}.enerval-tank-cap{position:absolute;width:58px;height:19px;border:2px solid #858985;border-radius:8px 8px 0 0;top:-20px;left:50%;transform:translateX(-50%);background:linear-gradient(#eee,#aeb3af)}.enerval-oil{position:absolute;left:18px;right:18px;bottom:13px;height:0;border-radius:0 0 22px 22px;background:linear-gradient(#ffd940,#f2ac00);transition:height .25s ease}.enerval-tank>i{position:absolute;bottom:-15px;width:42px;height:26px;border:1px solid #999;border-radius:4px;background:linear-gradient(#e9ece9,#b9bfba)}.enerval-tank>i:nth-of-type(1){left:32px}.enerval-tank>i:nth-of-type(2){right:32px}.enerval-controls,.enerval-delivery-row{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 3px 14px rgba(36,74,44,.06)}.enerval-controls label,.enerval-delivery-row label{display:block;font-size:13px;color:#4b5b4e}.enerval-controls label>span,.enerval-delivery-row label>span{display:block;margin-bottom:7px}.enerval-controls input[type=range],.enerval-delivery-row input[type=range]{width:100%;accent-color:#56a630}.enerval-number-wrap{display:flex;margin-top:9px;border:1px solid #b7c7b9;border-radius:8px;overflow:hidden;background:#fff}.enerval-number-wrap:focus-within{border-color:#56a630;box-shadow:0 0 0 3px rgba(86,166,48,.15)}.enerval-number-wrap input{min-width:0;width:100%;font:700 19px Arial;border:0;padding:9px 10px;outline:0}.enerval-number-wrap span{padding:11px 10px;background:var(--soft);color:#435847}.enerval-delivery-visual{height:78px;position:relative;overflow:hidden;margin-top:-5px}.enerval-truck{position:absolute;font-size:44px;left:8%;animation:enerval-drive 4s ease-in-out infinite}.enerval-delivery-drop{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--yellow);left:56%;top:44px;animation:enerval-drop 1.3s infinite}.enerval-delivery-list{display:grid;gap:10px}.enerval-delivery-row{position:relative;padding-right:42px}.enerval-remove-delivery{position:absolute;right:9px;top:9px;width:27px;height:27px;border:0;border-radius:50%;background:#f8e9e9;color:#a12f2f;font-size:20px;cursor:pointer}.enerval-add-delivery{width:100%;border:1px dashed var(--green2);background:#fff;color:var(--green);border-radius:9px;padding:10px;margin-top:10px;font-weight:700;cursor:pointer}.enerval-add-delivery:hover{background:var(--soft)}.enerval-total-card{text-align:center;margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.enerval-total-card strong,.enerval-total-card span{display:block}.enerval-total-card strong{font-size:20px}.enerval-total-card span{font-size:13px;color:#617064;margin-top:4px}.enerval-result{border:1px solid var(--green2);border-radius:18px;padding:24px 12px;text-align:center;background:rgba(255,255,255,.52);margin-top:40px}.enerval-result>span{display:block;font-size:19px;font-weight:700}.enerval-result-liters{display:block;color:var(--green);font-size:52px;margin-top:12px}.enerval-result b{font-size:24px}.enerval-result hr{border:0;border-top:1px solid #c9d7cc;margin:18px 0}.enerval-result-kwh{display:block;font-size:22px;color:#245529}.enerval-result small{display:block;margin-top:18px;color:#607064}.enerval-message{margin-top:16px;padding:12px 15px;border-radius:9px;background:#fff0f1;border:1px solid #efb5ba;color:#8c2530}.enerval-initial-delivery{display:none}@keyframes enerval-drive{0%,100%{left:8%}50%{left:58%}}@keyframes enerval-drop{0%{opacity:0;top:37px}40%{opacity:1}100%{opacity:0;top:72px}}@media(max-width:1050px){.enerval-oelrechner__grid{grid-template-columns:1fr 1fr}.enerval-result{margin-top:0}}@media(max-width:620px){.enerval-oelrechner{padding:18px 12px}.enerval-oelrechner__grid{grid-template-columns:1fr}.enerval-panel h3{margin-top:15px}.enerval-tank{width:210px}.enerval-result{order:4}.enerval-tank-stage{height:185px}}
.enerval-panel--delivery .enerval-delivery-visual{height:190px;margin-top:0;overflow:visible}