:root{--navy:#0b1834;--blue:#1769ff;--cyan:#39bdf8;--green:#0eb77c;--ink:#14213d;--muted:#68738a;--line:#dfe5ef;--bg:#f6f8fc;--white:#fff;--radius:22px;--shadow:0 24px 70px rgba(12,29,61,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.55}.container{width:min(1160px,calc(100% - 36px));margin:auto}.site-header{position:relative;z-index:5;background:#fff;border-bottom:1px solid #eef1f6}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:850;color:var(--navy);letter-spacing:-.5px}.brand>span:last-child>span{color:var(--blue)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:24px;box-shadow:0 8px 20px rgba(23,105,255,.28)}.nav-trust{display:flex;gap:24px;font-size:13px;font-weight:700;color:#516079}.hero{position:relative;overflow:hidden;padding:70px 0 86px;background:radial-gradient(circle at 85% 20%,rgba(57,189,248,.22),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#edf4ff 100%)}.hero:before{content:"";position:absolute;inset:auto -160px -260px auto;width:560px;height:560px;border:1px solid rgba(23,105,255,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(23,105,255,.04),0 0 0 140px rgba(23,105,255,.03)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e7f0ff;color:#095bdc;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-2.7px;margin:20px 0 22px;color:var(--navy)}.hero-copy>p{font-size:19px;color:#53617b;max-width:650px}.trust-row{display:flex;gap:32px;margin-top:34px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:18px;color:var(--navy)}.trust-row span{font-size:12px;color:var(--muted)}.calculator-card{background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:var(--shadow);padding:28px;position:relative}.stepbar{display:flex;align-items:center;margin-bottom:24px}.stepbar span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8edf5;color:#718096;font-size:13px;font-weight:800}.stepbar span.active{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #e6efff}.stepbar i{height:2px;flex:1;background:#e5e9f1}.form-step{display:none}.form-step.active{display:block;animation:fade .25s ease}.form-step h2{font-size:27px;letter-spacing:-.7px;margin:0}.muted{color:var(--muted);margin-top:4px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.segmented input{display:none}.segmented span{display:block;text-align:center;padding:11px;border:1px solid var(--line);border-radius:12px;font-weight:800;cursor:pointer}.segmented input:checked+span{background:#eaf2ff;color:#0b5de2;border-color:#9fc2ff}.field{display:block;margin:15px 0}.field>span{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field em{font-style:normal;color:#8d98aa;font-weight:500}.field input,.field select{width:100%;height:51px;border:1px solid #ced7e4;border-radius:12px;padding:0 14px;font:inherit;background:#fff;outline:none;transition:.2s}.field input:focus,.field select:focus{border-color:#6ba0ff;box-shadow:0 0 0 4px rgba(23,105,255,.09)}.field small{display:block;color:var(--green);font-weight:750;margin-top:6px;min-height:18px}.input-suffix{display:flex;border:1px solid #ced7e4;border-radius:12px;overflow:hidden}.input-suffix:focus-within{border-color:#6ba0ff;box-shadow:0 0 0 4px rgba(23,105,255,.09)}.input-suffix input{border:0;box-shadow:none!important}.input-suffix b{white-space:nowrap;display:flex;align-items:center;padding:0 13px;background:#f4f7fb;color:#59667e;font-size:12px}.household-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.household-buttons button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 4px;font-size:11px;cursor:pointer}.primary{width:100%;height:54px;border:0;border-radius:13px;background:linear-gradient(135deg,#1769ff,#0f56d7);color:#fff;font-weight:850;font-size:16px;cursor:pointer;margin-top:20px;box-shadow:0 12px 28px rgba(23,105,255,.27)}.primary:hover{transform:translateY(-1px)}.back{border:0;background:transparent;color:#5f6d85;padding:0;margin:0 0 18px;cursor:pointer}.upload{display:flex;gap:13px;align-items:center;border:1px dashed #aebbd0;border-radius:14px;padding:14px;cursor:pointer;background:#f8fbff}.upload input{display:none}.upload-icon{width:42px;height:42px;border-radius:10px;background:#e7f0ff;color:#1769ff;display:grid;place-items:center;font-size:22px}.upload small{display:block;color:#8792a6}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.consent{display:flex;gap:10px;font-size:12px;color:#56637a;align-items:flex-start;margin-top:14px}.consent input{margin-top:4px}.consent a{color:#1769ff}.micro{font-size:11px;color:#8590a2;text-align:center}.quote-preview{margin:15px 0;padding:15px;background:#f0f7ff;border:1px solid #cfe1ff;border-radius:14px}.quote-preview h4{margin:0 0 7px}.quote-preview p{margin:4px 0;font-size:13px}.hidden{display:none!important}.success{text-align:center;padding:42px 10px}.success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e2f8ef;color:#0ba66f;font-size:32px;font-weight:900}.hp{position:absolute!important;left:-9999px!important}.benefits{padding:94px 0;background:#fff}.section-head{text-align:center;max-width:760px;margin:auto}.section-head span{color:#1769ff;font-weight:850;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.section-head h2{font-size:40px;line-height:1.15;letter-spacing:-1.4px;margin:12px 0 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{border:1px solid #e5eaf2;border-radius:20px;padding:28px;background:#fff;box-shadow:0 12px 40px rgba(20,33,61,.05)}.cards article>div{font-size:12px;color:#1769ff;font-weight:900}.cards h3{font-size:21px;margin:12px 0 8px}.cards p{color:var(--muted);margin:0}.transparency{padding:88px 0;background:var(--navy);color:#fff}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.split h2{font-size:40px;line-height:1.15;letter-spacing:-1.3px}.split p{color:#b9c5db}.split ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.split li{padding:16px 18px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.05)}.split b{color:#50d3a6;margin-right:8px}footer{background:#071128;color:#aeb9cf;padding:50px 0 24px}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start}.brand.light{color:#fff}.footer-grid p{font-size:13px}.footer-grid>div:last-child{display:flex;gap:22px}.footer-grid a{color:#c2cbe0;text-decoration:none}.footnote{font-size:11px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:32px}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:42px}.nav-trust{display:none}.hero-copy{text-align:center}.trust-row{justify-content:center}.cards{grid-template-columns:1fr}.calculator-card{max-width:620px;margin:auto}.split{gap:25px}}@media(max-width:560px){.container{width:min(100% - 22px,1160px)}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.trust-row{gap:12px;justify-content:space-between}.trust-row strong{font-size:14px}.calculator-card{padding:20px;border-radius:20px}.two{grid-template-columns:1fr}.household-buttons{grid-template-columns:1fr 1fr}.footer-grid{display:grid;gap:24px}.footer-grid>div:last-child{flex-direction:column;gap:8px}.section-head h2,.split h2{font-size:32px}}
.instant-estimate{margin-top:16px;display:grid;gap:12px}.estimate-loading,.estimate-error{padding:14px;border:1px solid #d6e3f7;border-radius:14px;background:#f5f9ff;color:#52617a;font-size:13px}.estimate-error{background:#fff1f1;border-color:#ffd0d0;color:#a72a2a}.estimate-location{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;background:#edf8f3;border:1px solid #ccebdc}.estimate-location span{font-size:12px;color:#0b825c;font-weight:800}.estimate-location b{font-size:13px;color:#153c30;text-align:right}.estimate-product{border:1px solid #cfe0fb;border-radius:17px;padding:15px;background:linear-gradient(180deg,#f8fbff,#fff)}.estimate-product.verified{border-color:#bfe7d7;background:linear-gradient(180deg,#f2fbf7,#fff)}.estimate-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.estimate-title h3{margin:0;font-size:16px;line-height:1.25;text-align:right}.estimate-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e5efff;color:#1556b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.estimate-tag.live{background:#ddf6e9;color:#08764f}.price-comparison{display:grid;grid-template-columns:1fr 1fr;gap:9px}.price-comparison>div{border:1px solid #dfe7f2;border-radius:12px;padding:11px;background:#fff}.price-comparison>div.offer{border-color:#9cc1ff;background:#eef5ff}.price-comparison span,.cost-row span{display:block;color:#738096;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.price-comparison strong{display:block;margin:4px 0;font-size:18px;color:#0f1e3b}.price-comparison small{display:block;color:#6c7890;font-size:10px;line-height:1.35}.cost-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin-top:10px;padding:10px;border-radius:11px;background:#f7f9fc}.cost-row b{font-size:12px;text-align:right}.saving-line{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:10px;padding:12px;border-radius:12px;background:#e7f8ef;color:#087650}.saving-line span{font-size:11px;font-weight:800}.saving-line b{font-size:14px;text-align:right}.estimate-note{font-size:10px!important;line-height:1.45!important;color:#7c8799!important;margin:9px 0 0!important}.quote-preview{display:grid;gap:10px}.quote-preview .estimate-location{margin-bottom:0}.quote-preview .estimate-product{padding:13px}.quote-preview .estimate-title h3{font-size:14px}@media(max-width:560px){.estimate-location,.estimate-title,.saving-line{align-items:flex-start;flex-direction:column}.estimate-location b,.estimate-title h3,.saving-line b{text-align:left}.price-comparison{grid-template-columns:1fr}.cost-row{grid-template-columns:1fr}.cost-row b{text-align:left}}

/* v3: savings-first Rechnungsprüfstelle result design */
.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.result-product{display:flex;gap:10px;align-items:center}.result-product small{display:block;color:#70809b;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.result-product h3{margin:2px 0 0;font-size:15px;line-height:1.25}.result-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1769ff,#39bdf8);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 20px rgba(23,105,255,.2)}
.saving-hero{position:relative;overflow:hidden;text-align:center;padding:20px 16px;border-radius:16px;background:linear-gradient(135deg,#087650 0%,#0eb77c 100%);color:#fff;box-shadow:0 14px 30px rgba(14,183,124,.19)}.saving-hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-75px;top:-80px;background:rgba(255,255,255,.1)}.saving-hero>span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.saving-amount{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:4px 0 2px}.saving-amount strong{font-size:clamp(32px,6vw,44px);line-height:1;letter-spacing:-1.5px}.saving-amount em{font-style:normal;font-size:13px;font-weight:800}.saving-hero p{margin:8px 0 0;font-size:13px}.saving-hero p b{font-size:16px}
.monthly-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:12px}.monthly-comparison>div{padding:12px;border:1px solid #e0e7f1;border-radius:13px;background:#fff}.monthly-comparison>div.target{border-color:#9cc1ff;background:#edf5ff}.monthly-comparison span{display:block;color:#738096;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.monthly-comparison strong{display:block;font-size:19px;margin-top:3px;color:#12203d}.monthly-comparison small{display:block;color:#7c8799;font-size:10px}.monthly-comparison i{font-style:normal;color:#1769ff;font-weight:900}
.result-benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.result-benefits span{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f0f6ff;color:#285486;font-size:10px;font-weight:800}
.calculation-details{margin-top:11px;border:1px solid #e3e9f2;border-radius:13px;background:#fafcff;overflow:hidden}.calculation-details summary{cursor:pointer;padding:10px 12px;color:#51617c;font-size:11px;font-weight:850;list-style:none}.calculation-details summary::-webkit-details-marker{display:none}.calculation-details summary:after{content:"+";float:right;color:#1769ff;font-size:16px;line-height:1}.calculation-details[open] summary:after{content:"−"}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}.detail-grid>div{padding:9px;border-radius:10px;background:#fff;border:1px solid #edf0f5}.detail-grid span{display:block;color:#7b879b;font-size:9px;font-weight:800;text-transform:uppercase}.detail-grid b{display:block;color:#162441;font-size:12px;margin-top:2px}.detail-grid small{display:block;color:#7c8799;font-size:9px;margin-top:2px}
.result-next{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff7e8;border:1px solid #ffe0a6;color:#704b08}.result-next b{font-size:12px}.result-next span{font-size:10px;line-height:1.4}.combined-saving{text-align:center;padding:16px;border-radius:15px;background:linear-gradient(135deg,#0b1834,#173e7a);color:#fff;box-shadow:0 12px 28px rgba(11,24,52,.18)}.combined-saving span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#a8c9ff}.combined-saving strong{display:block;font-size:21px;margin:4px 0}.combined-saving small{display:block;color:#d2def1;font-size:11px}
.instant-estimate{margin-top:16px}.estimate-product{box-shadow:0 10px 28px rgba(12,29,61,.07)}.estimate-location{position:relative}.quote-preview .saving-amount strong{font-size:32px}.quote-preview .result-next{display:none}.quote-preview .calculation-details:not([open]) .detail-grid{display:none}.primary:disabled{cursor:wait;opacity:.75;transform:none}.form-step>.muted{margin-bottom:14px}.calculator-card:before{content:"Digitale Rechnungsprüfstelle";position:absolute;right:22px;top:-14px;padding:6px 10px;border-radius:999px;background:#0b1834;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 18px rgba(11,24,52,.16)}
@media(max-width:560px){.result-head{flex-direction:column}.monthly-comparison{grid-template-columns:1fr}.monthly-comparison i{transform:rotate(90deg);text-align:center}.detail-grid{grid-template-columns:1fr}.saving-amount{flex-direction:column;align-items:center;gap:2px}.saving-amount strong{font-size:38px}.calculator-card:before{right:16px}.result-benefits{display:grid;grid-template-columns:1fr}.combined-saving strong{font-size:18px}}

/* v4: conversion confirmation and direct-call option */
.success{padding:34px 6px 22px}.success-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e6f8f0;color:#087650;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.success h2{margin:12px 0 8px;font-size:28px;letter-spacing:-.7px}.success>p{color:#657189;max-width:520px;margin:0 auto 18px}.callback-number{display:grid;gap:3px;margin:18px auto 12px;padding:16px;border:1px solid #dce6f4;border-radius:15px;background:#f8fbff;max-width:520px}.callback-number span{font-size:12px;color:#66758e}.callback-number strong{font-size:27px;letter-spacing:.2px;color:#0b1834}.call-now-box{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;margin:12px auto;padding:16px;border-radius:16px;background:linear-gradient(135deg,#0b1834,#17437f);color:#fff;max-width:520px;box-shadow:0 14px 32px rgba(11,24,52,.18)}.call-now-box div{display:grid;gap:2px}.call-now-box b{font-size:14px}.call-now-box span{font-size:11px;color:#cbd8ed;line-height:1.4}.call-now-box a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:11px;background:#fff;color:#0b56d5;text-decoration:none;font-size:12px;font-weight:900}.success-note{font-size:10px!important;color:#8a95a8!important;margin-top:12px!important}
@media(max-width:560px){.call-now-box{align-items:stretch;flex-direction:column;text-align:center}.call-now-box a{width:100%}.callback-number strong{font-size:23px}}