/* TopEnergieausweis – hell, ruhig, klare Kanten; Grün = Handlung und Ergebnis */
:root{--ink:#0b0b10;--ink2:#3b3f4a;--mute:#5d6470;--line:#e6e8ec;--grau:#f4f5f7;--blau:#0b7a39;--blau2:#085c2b;--blauhell:#e8f7ee;--gruen:#0b7a39;--gruenhell:#e8f7ee;--orange:#c2410c;--orangehell:#fff1e7;
--disp:'Plus Jakarta Sans','Inter',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--r:20px;--max:1160px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%}a{color:var(--blau)}p{margin:0 0 1em}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:9}
.w{max-width:var(--max);margin:0 auto;padding:0 20px}.schmal{max-width:820px}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 .5em}
h1{font-size:clamp(34px,5.6vw,64px)}h2{font-size:clamp(27px,3.6vw,44px)}h3{font-size:19px;letter-spacing:-.015em;line-height:1.25}
h1 em,h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.klein-h{font-size:22px}.klein-h1{font-size:clamp(30px,4vw,44px)}
.mk{font:700 14px/1 var(--disp);color:var(--blau2);margin:0 0 12px}
.klein{font-size:13.5px;color:var(--mute)}
.kopf{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.kopf .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.marke{font:700 20px/1 var(--disp);letter-spacing:-.03em;color:var(--ink);text-decoration:none}.marke i{font-family:var(--serif);font-weight:400}.marke span{color:var(--blau)}
.nav{display:flex;align-items:center;gap:22px;font:600 15px var(--disp)}.nav a:not(.btn){color:var(--ink2);text-decoration:none}.nav a:not(.btn):hover{color:var(--blau)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blau);color:#fff!important;text-decoration:none;border:0;border-radius:999px;padding:11px 22px;font:700 15px/1.2 var(--disp);cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:var(--blau2);transform:translateY(-1px)}.btn.gross{padding:15px 28px;font-size:16.5px}.btn.grau{background:var(--grau);color:var(--ink)!important}.btn.grau:hover{background:#eceef2}
.held{padding:clamp(40px,7vw,88px) 0 24px;text-align:center}.held .lead{font-size:clamp(18px,2vw,21px);color:var(--ink2);max-width:700px;margin:0 auto 26px}.held p:last-child{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.krumen{font-size:13px;color:var(--mute);margin:0 0 22px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.krumen a{color:var(--mute);text-decoration:none}.krumen a:hover{color:var(--ink)}
.antwort{max-width:820px;margin:8px auto 32px;padding:22px 26px;background:var(--blauhell);border-radius:var(--r);border-left:5px solid var(--blau)}.antwort p:last-child{margin:0;font-size:18px;color:var(--ink)}.antwort .mk{margin-bottom:8px}
.blk{padding:clamp(24px,4vw,52px) 0}.blk.grau{background:var(--grau)}.blk .schmal{margin:0 auto}
.blk ul,.blk ol{padding-left:22px}.blk li{margin:.35em 0}
table{width:100%;border-collapse:collapse;font-size:15.5px;margin:12px 0 20px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}thead th{background:var(--grau);font-family:var(--disp)}tbody th{font-weight:700;width:30%}
.fakten th{width:34%}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.karten.zwei{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.karte{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:block;color:inherit;text-decoration:none}.karte p{color:var(--mute);margin:0;font-size:15.5px}
.karte.link:hover{border-color:var(--blau);box-shadow:0 12px 30px -12px rgba(16,24,40,.2)}
.karte.preis .betrag{font:800 48px/1 var(--disp);letter-spacing:-.04em;color:var(--ink);margin:6px 0 12px}.karte.preis .btn{margin-top:18px}
.ablauf{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;counter-reset:s}
.ablauf li{counter-increment:s;background:#fff;border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:6px}.ablauf li:before{content:counter(s);font:800 28px var(--disp);color:var(--blau)}.ablauf span{color:var(--mute);font-size:15px}
.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:16px;padding:0 22px}.faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font:700 17px/1.35 var(--disp);position:relative}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:14px;font:400 26px var(--sans);color:var(--blau)}.faq details[open] summary:after{content:"–"}.faq .inhalt{color:var(--ink2);padding-bottom:6px}
.quellen{list-style:none;padding:0!important}.quellen li{margin:.4em 0}
.orte{columns:2;column-gap:28px;list-style:none;padding:0!important}@media(min-width:760px){.orte{columns:3}}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,30px);box-shadow:0 12px 32px -12px rgba(16,24,40,.14)}
.schritt{display:none}.schritt.an{display:block}
.wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.wahl button{all:unset;box-sizing:border-box;cursor:pointer;border:2px solid var(--line);border-radius:16px;padding:16px 18px;font:700 16px/1.25 var(--disp);display:flex;flex-direction:column;gap:4px;background:#fff}
.wahl button small{font:500 13px/1.35 var(--sans);color:var(--mute)}.wahl button:hover,.wahl button:focus-visible{border-color:var(--blau)}
.urteil{border-radius:16px;padding:18px 20px;margin-bottom:18px;background:var(--gruenhell);border:1px solid #bfe6cf}.urteil.pflicht{background:var(--orangehell);border-color:#f6c9a8}.urteil b{display:block;font:800 22px var(--disp);margin-bottom:6px}
form label{display:block;font:600 14px var(--disp);margin:0 0 14px}form input,form select,form textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #cfd3da;border-radius:12px;font:400 16px var(--sans);background:#fff}
form input:focus,form select:focus,form textarea:focus{outline:2px solid var(--blau);border-color:var(--blau)}
.zwei-sp{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .check{display:flex;gap:10px;font:400 14px/1.45 var(--sans);align-items:flex-start}form .check input{width:20px;margin:2px 0 0}.hp{position:absolute;left:-999px;opacity:0}
.fehler{color:#b42318;font-weight:600;margin:12px 0 0}.danke{background:var(--gruenhell);padding:16px;border-radius:12px;margin:14px 0 0}
.fuss{background:#0b0b10;color:#c9ccd3;padding:48px 0 24px;margin-top:40px;font-size:15px}.fuss a{color:#fff;text-decoration:none}.fuss a:hover{text-decoration:underline}.fuss .marke{color:#fff}
.fuss .h4{color:#fff;font:700 15px var(--disp);margin:0 0 12px}.fuss ul{list-style:none;padding:0;margin:0}.fuss li{margin:.45em 0}.spalten{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.fuss-text{max-width:38ch;margin-top:14px}.fuss .klein{color:#8b909b}.unten{border-top:1px solid #23252d;margin-top:30px;padding-top:18px;color:#8b909b;font-size:13px}
@media(max-width:860px){.nav a:not(.btn){display:none}.spalten{grid-template-columns:1fr 1fr}.zwei-sp{grid-template-columns:1fr}}
@media(max-width:520px){body{font-size:16px}.spalten{grid-template-columns:1fr}.nav .btn{padding:9px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.skala{margin:0 0 18px}.skala svg{width:100%;max-width:540px;height:auto;border-radius:10px}