:root{--bg:#f6f5ef;--paper:#fff;--ink:#192f28;--muted:#65716a;--line:#dedfd6;--green:#b9df9d;--orange:#ec9b58;--soft:#eef0e8;--dark:#19382d;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}header,main,footer{max-width:1240px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #56952e;outline-offset:4px}.brand{font-size:24px;letter-spacing:-1px;font-weight:750;text-decoration:none;white-space:nowrap}.dot{color:#6a9e4d}.brandmark{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;background:var(--ink);color:var(--green);border-radius:9px;margin-right:7px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.header-note{font-size:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding:80px 0 70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 20px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#77995b;border-radius:50%;margin-right:8px}h1{font-size:clamp(56px,6.7vw,84px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin:0 0 25px}h1 em{font-family:Georgia,serif;font-weight:400;color:#688558}.intro{max-width:460px;color:var(--muted);font-size:17px}.button{display:inline-flex;gap:45px;align-items:center;padding:14px 22px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600;margin-top:15px}.dark{background:var(--ink);color:var(--bg)}.micro{font-size:11px;color:var(--muted);margin-top:14px}.hero-art{background:var(--dark);border-radius:20px;color:#e3efdf;padding:28px 26px 24px;box-shadow:0 20px 50px #163b2410;transform:rotate(2deg)}.art-label{font-size:9px;letter-spacing:2px;opacity:.65}.hero-art svg{width:100%;display:block;margin:20px 0}.art-bottom{border-top:1px solid #ffffff25;padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.art-bottom span{opacity:.6}.calculator{padding:45px 0 75px;border-top:1px solid var(--line)}h2{font-size:clamp(30px,3.3vw,42px);font-weight:500;letter-spacing:-1.6px;line-height:1.15;margin:0 0 20px}h3{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:0 0 14px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-top>p{color:var(--muted);font-size:14px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}form{padding:30px}.form-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.text-button{padding:0;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}label{display:block;font-size:12px;font-weight:600;margin:12px 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}select,.input-wrap,input#oil-quote{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);width:100%;margin-top:6px}select{padding:13px 12px}.input-wrap{display:flex;align-items:center;overflow:hidden}.input-wrap input{border:0;min-width:0;width:100%;background:none;padding:12px;color:var(--ink);font-size:19px;font-variant-numeric:tabular-nums;outline-offset:-3px}.input-wrap>span{color:var(--muted);font-size:11px;font-weight:400;padding-right:12px;white-space:nowrap}.field-note{font-size:11px;color:var(--muted);line-height:1.6}.remember{display:flex;gap:8px;align-items:center;font-weight:400;color:var(--muted)}input[type=checkbox]{accent-color:var(--dark);width:16px;height:16px}.results{background:#edf2e5;padding:32px}.result-status{font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#66874b}.results h3{font-size:27px;line-height:1.2;font-weight:500;max-width:340px;margin:23px 0 8px}.saving{font-size:17px;color:#4f713b;margin:0}.result-note{font-size:11px;color:var(--muted);margin-top:24px}.costs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:22px;border-bottom:1px solid #cad5c0}.costs>div>span{font-size:12px}.key{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.pump{background:#608644}.existing{background:var(--orange)}.costs strong{display:block;font-size:26px;letter-spacing:-1px;font-weight:500}.costs strong small{font-size:11px;letter-spacing:0}.thresholds{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.thresholds span,.thresholds small{display:block;font-size:10px;color:var(--muted)}.thresholds strong{display:block;font-size:20px;font-weight:500;margin:4px 0}.result-disclaimer{font-size:10px;color:var(--muted);margin-top:25px}.chart-card{padding:30px;margin-top:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.chart-heading{display:flex;justify-content:space-between;align-items:center}.chart-heading .eyebrow{margin-bottom:7px}.legend{display:flex;gap:20px;font-size:11px}#chart{width:100%;display:block;overflow:visible;touch-action:pan-y;cursor:crosshair}#scenario{width:100%;accent-color:#608644;cursor:pointer}.slider-label{display:flex;justify-content:space-between;margin:12px 0 0}.slider-label strong{font-size:15px}.scenario-result{font-size:13px}.market{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.market>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:420px}.market-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.market-tags span{padding:5px 12px;border:1px solid var(--line);border-radius:30px;font-size:10px}.market-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px}.badge{font-size:9px;letter-spacing:1.2px;background:var(--soft);padding:6px 9px;border-radius:4px}.market-card h3{margin-top:18px}.market-card p{font-size:12px}.provider{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:15px;text-decoration:none}.provider span{font-size:11px;color:var(--muted)}.provider:hover span{color:var(--ink)}.import-price{margin-top:24px}.import-price>div{display:flex;gap:8px}input#oil-quote{padding:10px;width:55%;margin:0;min-width:0}.import-price button{border:0;background:var(--ink);color:var(--bg);border-radius:6px;padding:10px;font-size:12px;cursor:pointer}#quote-status{font-size:12px}.next-step{padding:55px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.next-step>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:410px}.next-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.next-cards article{background:var(--soft);padding:22px;border-radius:12px}.next-cards article>span{font-size:9px;letter-spacing:1px}.next-cards h3{margin-top:20px;line-height:1.3}.next-cards p{font-size:12px;color:var(--muted)}.next-cards small{font-size:10px;display:block;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}.knowledge{padding:60px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:13px;color:var(--muted)}form summary{font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:28px 0;gap:20px}footer>span{font-size:11px;color:var(--muted)}footer button{font-size:11px;border:0;background:none;color:var(--muted);cursor:pointer}dialog{max-width:600px;width:calc(100% - 30px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:36px}dialog::backdrop{background:#10251f99}dialog p{font-size:14px}.close{float:right;font-size:25px;background:none;border:0;color:var(--ink);cursor:pointer}.error{color:#b74528;font-size:12px}.results.invalid{opacity:.5}.results.invalid .costs,.results.invalid .thresholds,.results.invalid .saving{visibility:hidden}[hidden]{display:none!important}#chart text{font-family:Arial,sans-serif;fill:var(--muted);font-size:12px}#chart .gridline{stroke:var(--line);stroke-dasharray:3 5}#chart .pump-line{stroke:#608644;stroke-width:3;stroke-dasharray:8 6}#chart .existing-line{stroke:var(--orange);stroke-width:3}#chart .be-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:4}#chart .selection{stroke:var(--ink);opacity:.35}#chart .current{fill:var(--ink);stroke:var(--paper);stroke-width:3}@media(min-width:1500px){header,main,footer{max-width:1280px}}@media(max-width:1320px){header,main,footer{margin-left:5%;margin-right:5%}.hero{gap:50px}}@media(max-width:800px){header{height:80px}.header-note{display:none}nav{gap:15px}nav a{font-size:12px}.hero{gap:25px;padding:50px 0}h1{font-size:64px}.hero-art{padding:18px}.art-bottom{font-size:10px}.pair{gap:12px}form,.results,.chart-card{padding:23px}.costs strong{font-size:23px}.thresholds{grid-template-columns:1fr}.market,.knowledge{gap:30px}.next-step{grid-template-columns:1fr}.next-cards article{padding:22px}}@media(max-width:580px){header{height:auto;min-height:85px;flex-wrap:wrap;gap:10px;padding:17px 0}.brand{font-size:22px}nav{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.hero-art{transform:none}.hero-art svg{max-height:230px;margin:5px 0}.hero-art .art-label{font-size:8px}h1{font-size:68px}.intro{font-size:15px}.section-top{display:block}.section-top>p{font-size:12px}.calc-grid,.market,.knowledge{grid-template-columns:1fr}.results h3{max-width:none}.thresholds{grid-template-columns:1fr 1fr}.chart-heading{align-items:flex-start;gap:12px;flex-direction:column}.chart-card{padding:20px 15px}#chart{margin-top:12px}.chart-heading h3{font-size:18px}.market{gap:20px;padding:40px 0}.next-cards{grid-template-columns:1fr}.knowledge{gap:8px;padding:35px 0}.calculator{padding-top:30px;padding-bottom:40px}footer{flex-wrap:wrap}footer>span{display:none}footer>div{margin-left:auto}.costs strong{font-size:24px}.thresholds strong{font-size:18px}.eyebrow{font-size:9px}}@media(prefers-color-scheme:dark){:root{--bg:#101e19;--paper:#192a23;--ink:#eef1e7;--muted:#a6b1a6;--line:#34443a;--soft:#20352a;--dark:#19382d;color-scheme:dark}.results{background:#263e29}.saving{color:#b9df9d}.costs{border-color:#4c6346}.dark,.import-price button{background:#b9df9d;color:#19382d}.brandmark{background:#b9df9d;color:#19382d}.error{color:#ffb29b}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.usage-options{border:0;padding:0;margin:12px 0 16px}.usage-options legend{font-size:13px;font-weight:600;margin-bottom:8px}.usage-options label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;margin:7px 0;cursor:pointer;font-weight:400}.usage-options label:has(input:checked){border-color:#71974f;background:var(--soft)}.usage-options input{accent-color:#71974f;margin-top:5px;flex-shrink:0}.usage-options strong{display:block;font-size:13px}.usage-options small{display:block;font-size:11px;color:var(--muted);font-weight:400}.mode-help{font-size:12px;background:var(--soft);padding:12px;border-radius:7px;color:var(--muted)}.assumption-help{font-size:12px;color:var(--muted);margin-top:-5px}.scope-badge{font-size:10px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:14px;line-height:1.6}.results{align-self:stretch}.result-assumptions{font-size:12px}

.offer-section{padding:60px 0;border-top:1px solid var(--line)}.offer-intro{max-width:660px;color:var(--muted);font-size:14px}.offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.offer-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px;display:flex;flex-direction:column}.offer-kind{font-size:10px;letter-spacing:1px;color:var(--muted)}.offer-card h3{font-size:23px;margin:14px 0 10px}.offer-card p{font-size:13px;color:var(--muted);flex:1}.offer-button{display:block;font-size:12px;font-weight:600;padding:12px;border-radius:7px;background:var(--ink);color:var(--bg);text-decoration:none;margin:16px 0 12px}.offer-button:hover{opacity:.85}.offer-card small{font-size:10px;color:var(--muted)}.offer-disclosure{font-size:12px;border-left:3px solid #71974f;padding:10px 16px;background:var(--soft)}.offer-process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.offer-process strong{font-size:13px;display:block}.offer-process span{font-size:12px;color:var(--muted);display:block}.water-advice{border:1px solid var(--line);border-radius:12px;padding:25px;margin:20px 0}.water-advice p{font-size:13px;color:var(--muted)}@media(max-width:800px){.offer-cards{grid-template-columns:1fr}.offer-process{grid-template-columns:1fr;gap:14px}.offer-section{padding:40px 0}}

.calc-with-products{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.product-rail{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:18px}.product-rail>.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}.product-rail>h3{font-size:26px;line-height:1.12;font-weight:500}.rail-intro{font-size:12px;color:var(--muted)}.water-product{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:15px;margin:15px 0}.product-badge{font-size:8px;letter-spacing:1px;color:var(--muted)}.product-visual{display:flex;align-items:center;justify-content:center;position:relative;background:var(--soft);border-radius:6px;margin:10px 0;height:130px}.product-visual img{display:block;object-fit:contain}.product-visual small{position:absolute;bottom:5px;right:7px;font-size:8px;color:var(--muted)}.product-brand{font-size:11px;letter-spacing:.7px}.water-product h4{font-size:16px;line-height:1.3;letter-spacing:-.4px;margin:5px 0}.water-product p{font-size:11px;color:var(--muted);margin:7px 0 12px}.product-shop{display:block;border:1px solid var(--line);background:var(--ink);color:var(--bg);padding:10px 9px;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none}.product-shop:hover{opacity:.85}.product-link-note{display:block;margin-top:8px;font-size:9px;color:var(--muted)}.rail-note{font-size:10px;line-height:1.6;color:var(--muted)}@media(min-width:1101px){.calc-with-products .calc-grid{grid-template-columns:1fr}.calc-with-products .results{padding:30px}.calc-with-products .thresholds{grid-template-columns:1fr 1fr}.calc-with-products .costs strong{font-size:28px}.calc-with-products .product-rail{position:sticky;top:20px}}@media(min-width:1450px){header,main,footer{max-width:1360px}.calc-with-products{grid-template-columns:minmax(0,1fr) 260px}.calc-with-products .calc-grid{grid-template-columns:1fr 1fr}.calc-with-products .thresholds{grid-template-columns:1fr}}@media(max-width:1100px){.calc-with-products{grid-template-columns:1fr}.product-rail{padding:22px}#water-product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.water-product{margin:8px 0}.rail-intro{max-width:600px}}@media(max-width:650px){#water-product-cards{grid-template-columns:1fr}.water-product{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:16px;padding:14px}.product-visual{grid-column:1;grid-row:1/7;height:150px;margin:0}.product-visual img{width:80px;height:120px}.product-badge,.product-brand,.water-product h4,.water-product p,.product-shop,.product-link-note{grid-column:2}.product-brand{margin-top:5px}.water-product h4{font-size:17px}.product-rail>h3 br{display:none}nav{flex-wrap:wrap;gap:10px}.water-product p{margin-bottom:8px}.product-link-note{margin-top:6px}}

.legal-page{max-width:860px;padding:55px 0 70px;min-height:70vh}.legal-page h1{font-size:48px;letter-spacing:-2px;overflow-wrap:anywhere}.legal-page h2{font-size:24px;margin:32px 0 12px;letter-spacing:-.6px}.legal-page p{font-size:15px;line-height:1.8}.legal-page a{overflow-wrap:anywhere}.legal-date{color:var(--muted);font-size:12px!important;border-top:1px solid var(--line);padding-top:20px;margin-top:35px}footer>div{display:flex;gap:18px}footer>div>a{font-size:12px;color:var(--muted)}@media(max-width:580px){.legal-page{padding-top:35px}.legal-page h1{font-size:38px}}

.liability-notice{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.liability-notice h4{font-size:13px;line-height:1.4;margin:0 0 9px}.liability-notice p{font-size:12px;line-height:1.65;color:var(--muted);margin:9px 0}.liability-notice a{text-decoration:underline;text-underline-offset:3px}.legal-page #haftung{border-top:1px solid var(--line);margin-top:35px;padding-top:8px;scroll-margin-top:25px}.legal-page #haftung h3{margin-top:25px}footer>div{flex-wrap:wrap}

/* A deliberately light appearance, independent of the device's dark-mode setting. */
:root{--bg:#fbf9f5;--paper:#ffffff;--ink:#34444b;--muted:#64747a;--line:#e2e7e7;--green:#d4e8dc;--orange:#d69570;--soft:#f0f5f3;--dark:#ebf2f6;color-scheme:light}
body{background:var(--bg);color:var(--ink)}.hero-art{background:linear-gradient(145deg,#edf4f6,#f5efea);color:#3a535b;box-shadow:0 18px 45px #738b9510}.hero-art .art-label{opacity:1;color:#64767c}.art-bottom{border-color:#d9e3e4}.art-bottom span{opacity:1;color:#667b80}h1 em{color:#6d9687}.results{background:#edf5ef}.saving{color:#3c705a}.dark,.brandmark{background:#577e83;color:#fff}.live-dot{background:#6d9687}.scope-badge{color:#536e64}.result-status{color:#536e64}.costs{border-color:#d4e4d8}.product-rail{background:#f6efe8}.product-visual{background:#f2f6f6}.mode-help{background:#f0f5f7;color:#566e77}.usage-options label:has(input:checked){background:#eef5f1}.liability-notice{border-color:#d4e4d8}.error{color:#a64a37}.product-rail h3{color:#66574b}.product-link-note{color:#69777b}.legal-page h2{color:#405d65}footer>div>a{color:#536b74}