@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/schibsted-grotesk-600-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/schibsted-grotesk-600-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/manrope-400-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/manrope-400-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}img,svg,video,picture{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}fieldset{border:0;min-width:0;padding:0}legend{padding:0}ul[role=list],ol[role=list]{padding:0;list-style:none}}@layer tokens{:root{--nacht:#0e1420;--schiefer:#1c2433;--schiefer-2:#283245;--morgenrot:#ff8a3d;--morgenrot-tief:#a8400a;--sonne:#ffc857;--himmel:#dce8f5;--papier:#f7f5f0;--tinte:#10141c;--odera-blau:#2d4cf0;--odera-lime:#d6f24b;--color-bg:var(--papier);--color-bg-tief:#efebe3;--color-surface:#fff;--color-surface-2:#f2efe8;--color-text:var(--tinte);--color-text-muted:#4a5263;--color-border:#e1ddd3;--color-border-feld:#80879a;--color-accent:var(--morgenrot);--color-accent-text:var(--morgenrot-tief);--color-on-accent:var(--tinte);--color-focus:#1d4ed8;--color-success:#1e7a46;--color-error:#b42318;--color-error-bg:#fdedea;--color-chart:#d2611c;--color-hero-bg:var(--nacht);--color-hero-text:#f2efe8;--color-hero-muted:#b7c0d0;--font-titel:"Schibsted Grotesk", "Schibsted Fallback", system-ui, sans-serif;--font-text:"Manrope", "Manrope Fallback", system-ui, sans-serif;--text-xs:.8125rem;--text-s:.9375rem;--text-m:1.0625rem;--text-l:clamp(1.1875rem, 1.05rem + .5vw, 1.375rem);--text-xl:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-2xl:clamp(1.875rem, 1.4rem + 2vw, 2.875rem);--text-3xl:clamp(2.375rem, 1.6rem + 3.6vw, 4.25rem);--zeile:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--sektion:clamp(64px, 5rem + 4vw, 128px);--rand:clamp(16px, 4vw, 48px);--breite:1280px;--radius-s:6px;--radius-m:12px;--radius-l:20px;--radius-xl:28px;--radius-rund:999px;--rahmen:1px solid var(--color-border);--schatten-1:0 1px 2px #10141c0f, 0 1px 1px #10141c0a;--schatten-2:0 6px 20px -6px #10141c29, 0 2px 6px #10141c0f;--schatten-3:0 24px 60px -20px #10141c59, 0 8px 20px -8px #10141c2e;--dauer-s:.15s;--dauer-m:.25s;--dauer-l:.4s;--kurve:cubic-bezier(.2, .7, .2, 1);--z-unten:1;--z-kopf:50;--z-leiste:60;--z-menue:80;--z-dialog:90;--z-toast:95;--z-erklaeren:100;--kopf-hoehe:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dunkel]{--color-bg:var(--nacht);--color-bg-tief:#0a0f18;--color-surface:var(--schiefer);--color-surface-2:var(--schiefer-2);--color-text:#f2efe8;--color-text-muted:#a9b2c3;--color-border:#2e384b;--color-border-feld:#737d93;--color-accent-text:var(--morgenrot);--color-focus:var(--sonne);--color-success:#5bd08a;--color-error:#ff8c7a;--color-error-bg:#3a1d1d;--color-chart:var(--morgenrot);--color-hero-bg:#0a0f18;--schatten-1:0 1px 2px #0006;--schatten-2:0 8px 24px -8px #0009;--schatten-3:0 28px 70px -20px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:var(--nacht);--color-bg-tief:#0a0f18;--color-surface:var(--schiefer);--color-surface-2:var(--schiefer-2);--color-text:#f2efe8;--color-text-muted:#a9b2c3;--color-border:#2e384b;--color-border-feld:#737d93;--color-accent-text:var(--morgenrot);--color-focus:var(--sonne);--color-success:#5bd08a;--color-error:#ff8c7a;--color-error-bg:#3a1d1d;--color-chart:var(--morgenrot);--color-hero-bg:#0a0f18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@font-face{font-family:Schibsted Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Bold),local(Liberation Sans Bold);font-weight:600 800;size-adjust:103.8%;ascent-override:94%;descent-override:24.8%;line-gap-override:0%}@font-face{font-family:Manrope Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Bold),local(Liberation Sans Bold);font-weight:600 800;size-adjust:101.9%;ascent-override:104.6%;descent-override:29.4%;line-gap-override:0%}@font-face{font-family:Manrope Fallback;src:local(Arial),local(ArialMT),local(Helvetica),local(Liberation Sans);font-weight:400 500;size-adjust:103.7%;ascent-override:102.8%;descent-override:28.9%;line-gap-override:0%}}@layer basis{html{scroll-padding-top:calc(var(--kopf-hoehe) + 24px);scroll-padding-bottom:calc(var(--handyleiste,0px) + 16px);hanging-punctuation:first last}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-text);font-size:var(--text-m);line-height:var(--zeile);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;min-height:100dvh;font-weight:450}h1,h2,h3,h4{font-family:var(--font-titel);letter-spacing:-.02em;text-wrap:balance;hyphens:manual;font-weight:750;line-height:1.08}h1{font-size:var(--text-3xl);letter-spacing:-.035em;font-weight:800}h2{font-size:var(--text-2xl);letter-spacing:-.03em}h3{font-size:var(--text-l);line-height:1.25}p,li,dd{text-wrap:pretty;hyphens:auto}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}strong{font-weight:700}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}::selection{background:var(--sonne);color:var(--tinte)}.zahl,output,.tabular{font-variant-numeric:tabular-nums}[hidden]{display:none!important}}@layer layout{.huelle{width:min(100% - 2 * var(--rand), var(--breite));margin-inline:auto}.sektion{padding-block:var(--sektion)}.sektion--tief{background:var(--color-bg-tief)}.sektion--kompakt{padding-block:clamp(40px,4vw,64px)}.sektion--dunkel{--color-bg:var(--color-hero-bg);--color-text:var(--color-hero-text);background:var(--color-hero-bg);color:var(--color-hero-text);--color-text-muted:var(--color-hero-muted);--color-accent-text:var(--morgenrot);--color-focus:var(--sonne);--color-border:#2e384b;--color-surface:var(--schiefer);--color-surface-2:var(--schiefer-2)}.raster{gap:var(--s-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width>=48em){.raster{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width>=64em){.raster{grid-template-columns:repeat(12,minmax(0,1fr))}}.stapel>*+*{margin-block-start:var(--abstand,var(--s-4))}.unten-aus{content-visibility:auto;contain-intrinsic-size:auto 900px}}@layer komponenten{.symbol{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.sprungmarke{left:var(--s-4);z-index:calc(var(--z-erklaeren) + 1);background:var(--color-surface);color:var(--color-text);padding:var(--s-3) var(--s-4);border-radius:var(--radius-s);box-shadow:var(--schatten-2);font-weight:700;position:absolute;top:-100px}.sprungmarke:focus{top:var(--s-3)}.beispiel-leiste{z-index:calc(var(--z-kopf) + 1);color:#e9ebf0;font-size:var(--text-xs);--color-focus:var(--odera-lime);background:#11131a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4;position:relative}.beispiel-leiste__innen{align-items:center;gap:var(--s-2) var(--s-5);padding-block:var(--s-2);flex-wrap:wrap;min-height:44px;display:flex}.beispiel-leiste__text{flex:18rem}@media (width<=47.99em){.beispiel-leiste__innen{gap:0 var(--s-4);padding-block:6px}.beispiel-leiste__links{gap:0 var(--s-4)}.erklaer-schalter__lang{display:none}}@media (width>=48em){.erklaer-schalter__kurz{display:none}}.beispiel-leiste__text strong{color:#fff}.beispiel-leiste__links{align-items:center;gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.beispiel-leiste a{color:#fff;align-items:center;min-height:32px;display:inline-flex}.erklaer-schalter{align-items:center;gap:var(--s-2);color:#fff;background:0 0;border:0;min-height:32px;padding:0;font-weight:600;display:inline-flex}.erklaer-schalter__spur{width:34px;height:20px;transition:background var(--dauer-s) var(--kurve);background:#3a3f4d;border-radius:999px;flex:none;position:relative}.erklaer-schalter__spur:after{content:"";width:14px;height:14px;transition:transform var(--dauer-m) var(--kurve);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.erklaer-schalter[aria-pressed=true] .erklaer-schalter__spur{background:var(--odera-lime)}.erklaer-schalter[aria-pressed=true] .erklaer-schalter__spur:after{background:#11131a;transform:translate(14px)}.knopf{--k-bg:var(--color-accent);--k-fg:var(--color-on-accent);--k-rand:transparent;justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--radius-rund);background:var(--k-bg);min-height:48px;color:var(--k-fg);border:1.5px solid var(--k-rand);font-family:var(--font-text);font-weight:700;font-size:var(--text-m);touch-action:manipulation;text-align:center;text-wrap:balance;max-width:100%;transition:background var(--dauer-s) var(--kurve), transform var(--dauer-s) var(--kurve), box-shadow var(--dauer-s) var(--kurve), border-color var(--dauer-s) var(--kurve);padding:12px 22px;line-height:1.2;text-decoration:none;display:inline-flex}.knopf:active{transform:translateY(1px)scale(.99)}.knopf[disabled],.knopf[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media (hover:hover){.knopf:hover{--k-bg:#ff9a57;text-decoration:none;box-shadow:0 6px 18px -6px #ff8a3d8c}.knopf--sekundaer:hover{--k-bg:var(--color-surface-2);box-shadow:none}.knopf--ghost:hover{--k-bg:color-mix(in srgb, currentColor 8%, transparent);box-shadow:none}}.knopf--sekundaer{--k-bg:transparent;--k-fg:currentColor;--k-rand:currentColor}.knopf--ghost{--k-bg:transparent;--k-fg:currentColor;padding-inline:14px}.knopf--klein{min-height:44px;font-size:var(--text-s);padding:8px 16px}.knopf--icon{border-radius:50%;width:48px;height:48px;padding:0}.knopf--icon .symbol{width:22px;height:22px}.knopf--voll{width:100%}.knopf.ist-laedt{color:#0000;pointer-events:none;position:relative}.knopf.ist-laedt:after{content:"";border:2.5px solid var(--k-fg);border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite drehen;position:absolute}@keyframes drehen{to{transform:rotate(1turn)}}.pfeil-link{align-items:center;gap:var(--s-2);color:var(--color-accent-text);min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.pfeil-link .symbol{transition:transform var(--dauer-s) var(--kurve)}@media (hover:hover){.pfeil-link:hover .symbol{transform:translate(3px)}.pfeil-link:hover{text-decoration:underline}}.badge{border-radius:var(--radius-rund);font-size:var(--text-xs);letter-spacing:.02em;background:var(--color-surface-2);color:var(--color-text);align-items:center;gap:6px;padding:4px 10px;font-weight:700;line-height:1.3;display:inline-flex}.badge--licht{color:inherit;background:#ffc8572e}.badge--beispiel{background:0 0;border:1px dashed}.vorzeile{align-items:center;gap:var(--s-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-text);font-weight:700;display:inline-flex}.vorzeile:before{content:"";background:currentColor;border-radius:2px;width:18px;height:2px}.segment{background:var(--color-surface-2);border:var(--rahmen);border-radius:26px;flex-wrap:wrap;justify-self:start;gap:2px;max-width:100%;padding:4px;display:inline-flex}.segment label{display:flex;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{border-radius:var(--radius-rund);min-height:40px;font-weight:700;font-size:var(--text-s);color:var(--color-text-muted);transition:background var(--dauer-s) var(--kurve), color var(--dauer-s) var(--kurve);align-items:center;padding:6px 16px;display:inline-flex}.segment input:checked+span{background:var(--color-surface);color:var(--color-text);box-shadow:var(--schatten-1)}.segment input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:1px}.regler{--fuellung:50%;--spur:6px;--daumen:26px;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px}.regler::-webkit-slider-runnable-track{height:var(--spur);background:linear-gradient(to right, var(--color-accent) var(--fuellung), color-mix(in srgb, var(--color-text) 18%, transparent) var(--fuellung));border-radius:999px}.regler::-moz-range-track{height:var(--spur);background:color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:999px}.regler::-moz-range-progress{height:var(--spur);background:var(--color-accent);border-radius:999px}.regler::-webkit-slider-thumb{-webkit-appearance:none;width:var(--daumen);height:var(--daumen);margin-top:calc((var(--spur) - var(--daumen)) / 2);border:3px solid var(--color-accent);box-shadow:var(--schatten-2);transition:transform var(--dauer-s) var(--kurve);background:#fff;border-radius:50%}.regler::-moz-range-thumb{width:var(--daumen);height:var(--daumen);border:3px solid var(--color-accent);box-shadow:var(--schatten-2);box-sizing:border-box;background:#fff;border-radius:50%}.regler:active::-webkit-slider-thumb{transform:scale(1.12)}.regler:focus-visible{outline:none}.regler:focus-visible::-webkit-slider-thumb{outline:3px solid var(--color-focus);outline-offset:2px}.regler:focus-visible::-moz-range-thumb{outline:3px solid var(--color-focus);outline-offset:2px}@media (pointer:coarse){.regler{--daumen:32px}}.wert-chip{border-radius:var(--radius-m);background:var(--color-surface);border:var(--rahmen);gap:2px;min-width:0;padding:10px 14px;display:grid}.wert-chip dt{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.wert-chip dd{font-family:var(--font-text);font-weight:750;font-size:var(--text-l);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.15}.kopf{z-index:var(--z-kopf);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);transition:transform var(--dauer-l) var(--kurve), border-color var(--dauer-m) var(--kurve), background var(--dauer-m) var(--kurve);border-bottom:1px solid #0000;position:sticky;top:0}.kopf.ist-kompakt{border-bottom-color:var(--color-border)}.kopf.ist-weg{transform:translateY(-100%)}.kopf:focus-within{transform:none}.kopf__innen{align-items:center;gap:var(--s-4);min-height:var(--kopf-hoehe);transition:min-height var(--dauer-m) var(--kurve);display:flex}.kopf.ist-kompakt .kopf__innen{min-height:56px}.logo{color:var(--color-text);align-items:center;gap:10px;min-height:44px;margin-inline-end:auto;text-decoration:none;display:inline-flex}.logo__signet{flex:none;width:36px;height:36px}.logo__wort{white-space:nowrap}.theme-schalter,.menue-knopf{flex:none}@media (width<=22.49em){.kopf__innen{gap:var(--s-2)}.logo{gap:6px}.logo__signet{width:30px;height:30px}.logo__wort{font-size:1.2rem}.menue-knopf{justify-content:center;min-width:44px;padding-inline:10px}.menue-knopf__text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.logo__wort{font-family:var(--font-titel);letter-spacing:-.035em;font-size:1.375rem;font-weight:800}.hauptnav__liste{gap:var(--s-1);padding:0;list-style:none;display:flex}.hauptnav a{border-radius:var(--radius-rund);min-height:44px;font-weight:600;font-size:var(--text-s);color:var(--color-text-muted);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.hauptnav a[aria-current=page]{color:var(--color-text);background:var(--color-surface-2)}@media (hover:hover){.hauptnav a:hover{color:var(--color-text);background:var(--color-surface-2)}}@media (width<=63.99em){.hauptnav,.kopf__cta{display:none}}.theme-schalter{border:var(--rahmen);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);border-radius:50%;place-items:center;display:grid;position:relative}.theme-schalter svg{width:22px;height:22px;overflow:hidden}.theme-schalter .ts-kern{transition:r var(--dauer-l) var(--kurve), transform var(--dauer-l) var(--kurve);fill:currentColor}.theme-schalter .ts-strahlen{transition:opacity var(--dauer-m) var(--kurve), transform var(--dauer-l) var(--kurve);transform-origin:12px 12px;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.theme-schalter .ts-schatten{transition:transform var(--dauer-l) var(--kurve);fill:var(--color-surface)}:root[data-theme=dunkel] .theme-schalter .ts-strahlen{opacity:0;transform:rotate(45deg)scale(.6)}:root[data-theme=dunkel] .theme-schalter .ts-schatten{transform:translate(4px,-4px)}:root:not([data-theme=dunkel]) .theme-schalter .ts-schatten{transform:translate(16px,-16px)}.theme-schalter{color:var(--color-text)}:root[data-theme=dunkel] .theme-schalter{color:var(--sonne)}.menue-knopf{display:inline-flex}@media (width>=64em){.menue-knopf{display:none}}.szene{gap:var(--s-4);display:grid;position:relative;container-type:inline-size}.szene__bild{border-radius:var(--radius-l);aspect-ratio:960/600;box-shadow:var(--schatten-3);background:#0b111c;overflow:hidden}.szene__svg{--sz-h1:#5c98d4;--sz-h2:#dce8f5;--sz-hh:#8ca4b6;--sz-hv:#688296;--sz-boden:#566e68;--sz-nacht:0;--sz-tag:1;--sz-first:0;width:100%;height:100%}.szene__himmel-oben{stop-color:var(--sz-h1)}.szene__himmel-unten{stop-color:var(--sz-h2)}.szene__modul-hell{stop-color:#3b5b8a}.szene__modul-dunkel{stop-color:#16223a}.szene__sterne,.szene__mond{opacity:var(--sz-nacht)}.szene__huegel-hinten{fill:var(--sz-hh)}.szene__huegel-vorne{fill:var(--sz-hv)}.szene__boden{fill:var(--sz-boden)}.szene__mast{stroke:#2a3446}.szene__wand{fill:#f2eee6}.szene__wand-seite{fill:#dcd6ca}.szene__dach{fill:#2a3446}.szene__module{stroke:#6e8db8;stroke-width:1px;vector-effect:non-scaling-stroke}.szene__module rect{vector-effect:non-scaling-stroke}.szene__first{stroke:var(--sonne);stroke-width:7px;stroke-linecap:round;opacity:var(--sz-first);filter:drop-shadow(0 0 8px #ff8a3d)}.szene__fenster{fill:color-mix(in srgb, #ffc857 calc(var(--sz-nacht) * 100%), #7e93ae)}.szene__tuer{fill:#2a3446}.szene__speicher>rect:first-child{fill:#e9e5dc;stroke:#2a3446;stroke-width:3px}.szene__speicher-stand{fill:#3fae6a;transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--dauer-m) linear}.szene__wallbox rect{fill:#2a3446}.szene__kabel{stroke:#2a3446}.szene__auto path:first-child{fill:#e9e5dc;stroke:#2a3446;stroke-width:3px;stroke-linejoin:round}.szene__auto-glas{fill:#7e93ae}.szene__auto circle{fill:#2a3446}.szene__sonne{transition:opacity var(--dauer-l) var(--kurve)}.szene__fluss{stroke:var(--sonne);stroke-dasharray:1 13;opacity:0;transition:opacity var(--dauer-m) var(--kurve), stroke-width var(--dauer-m) var(--kurve);filter:drop-shadow(0 0 3px #ffc857cc)}.szene__fluss--netz{stroke:#9cc3ff;filter:drop-shadow(0 0 3px #9cc3ffcc)}.szene__fluss--speicher{stroke:#6fe39b;filter:drop-shadow(0 0 3px #6fe39bcc)}.szene__werte{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container (width>=34rem){.szene__werte{grid-template-columns:repeat(4,minmax(0,1fr))}}.szene__steuerung{align-items:center;gap:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.szene__regler{flex:14rem;display:grid}.szene__label{font-size:var(--text-s);align-items:baseline;gap:6px;font-weight:700;display:flex}.szene__label .feld__wert{font-size:var(--text-l);color:inherit;font-weight:750}.szene__legende{font-size:var(--text-xs);color:var(--color-text-muted)}@media (forced-colors:active){.szene__fluss{stroke:highlight;filter:none;stroke-dasharray:6 6}.szene__first{stroke:highlight}}.kopfzeile{gap:var(--s-3);max-width:46rem;margin-block-end:clamp(32px,4vw,56px);display:grid}.kopfzeile--mitte{text-align:center;justify-items:center;margin-inline:auto}.kopfzeile>p:not(.vorzeile){color:var(--color-text-muted);font-size:var(--text-l)}.lead{font-size:var(--text-l);color:var(--color-text-muted)}.karte{gap:var(--s-3);background:var(--color-surface);border:var(--rahmen);border-radius:var(--radius-l);box-shadow:var(--schatten-1);transition:transform var(--dauer-m) var(--kurve), box-shadow var(--dauer-m) var(--kurve), border-color var(--dauer-m) var(--kurve);align-content:start;padding:clamp(20px,2.4vw,32px);display:grid;position:relative}.karte h3{font-size:var(--text-l)}.karte h3 a{text-decoration:none}@media (hover:hover){.karte:hover h3 a{text-decoration:underline;text-decoration-thickness:2px}}.karte p{color:var(--color-text-muted)}.karte--link{color:inherit;text-decoration:none}.karte--link:after,.karte a.stretch:after{content:"";border-radius:inherit;position:absolute;inset:0}@media (hover:hover){.karte--hover:hover{box-shadow:var(--schatten-2);border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));transform:translateY(-3px)}}.karte:has(a.stretch:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.karte a.stretch:focus-visible{outline:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.schein{--mx:50%;--my:50%}.schein:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my), #ffc85729, transparent 45%);transition:opacity var(--dauer-m) var(--kurve);position:absolute;inset:0}.schein:hover:before{opacity:1}}.bento{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bento>*{grid-column:span 2}@media (width>=40em){.bento>.bento__halb{grid-column:span 1}}@media (width>=64em){.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,auto)}.bento>*{grid-column:span 1}.bento>.bento__gross{grid-area:span 2/span 2}.bento>.bento__breit{grid-column:span 2}}.bento .karte{overflow:hidden}.bento__icon{width:48px;height:48px;color:var(--color-accent-text);background:#ff8a3d24;border-radius:14px;place-items:center;display:grid}.bento__icon .symbol{width:26px;height:26px}.bento__bild{margin:auto calc(-1*clamp(20px,2.4vw,32px)) calc(-1*clamp(20px,2.4vw,32px))}.bento__bild svg{width:100%;height:auto}.bento .karte .pfeil-link{margin-top:auto}.kennzahlen{gap:var(--s-5) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=56em){.kennzahlen{grid-template-columns:repeat(4,minmax(0,1fr))}}.kennzahl{border-top:2px solid color-mix(in srgb, var(--color-accent) 60%, transparent);gap:4px;padding-block-start:var(--s-4);display:grid}.kennzahl__wert{font-family:var(--font-titel);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.kennzahl__text{color:var(--color-text-muted);font-size:var(--text-s)}.haken{gap:var(--s-2);padding:0;list-style:none;display:grid}.haken li{padding-inline-start:30px;position:relative}.haken li:before{content:"";background:var(--color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310141C' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:.35em;left:2px}.fragen{gap:var(--s-3);display:grid}.frage{background:var(--color-surface);border:var(--rahmen);border-radius:var(--radius-m)}.frage summary{justify-content:space-between;align-items:center;gap:var(--s-4);cursor:pointer;font-weight:700;font-size:var(--text-m);min-height:56px;padding:18px clamp(16px,2vw,24px);list-style:none;display:flex}.frage summary::-webkit-details-marker{display:none}.frage summary:after{content:"";background:var(--color-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A3D' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat;width:28px;height:28px;transition:transform var(--dauer-m) var(--kurve);border-radius:50%;flex:none}.frage[open] summary:after{transform:rotate(45deg)}.frage summary:focus-visible{outline-offset:-3px;border-radius:var(--radius-m)}.frage__antwort{color:var(--color-text-muted);gap:var(--s-3);max-width:62rem;padding:0 clamp(16px,2vw,24px) 20px;display:grid}.frage__antwort a{color:var(--color-accent-text)}@media (prefers-reduced-motion:no-preference){.frage{interpolate-size:allow-keywords}.frage::details-content{block-size:0;transition:block-size var(--dauer-l) var(--kurve), content-visibility var(--dauer-l) allow-discrete;overflow:clip}.frage[open]::details-content{block-size:auto}}.feld{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.feld__label{font-weight:700;font-size:var(--text-s);flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.feld__zusatz{color:var(--color-text-muted);font-weight:500;font-size:var(--text-xs)}.feld__hilfe{font-size:var(--text-xs);color:var(--color-text-muted)}.eingabe{border-radius:var(--radius-m);border:1.5px solid var(--color-border-feld);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font-size:max(16px, var(--text-m));transition:border-color var(--dauer-s) var(--kurve), box-shadow var(--dauer-s) var(--kurve);padding:10px 14px;line-height:1.4}textarea.eingabe{resize:vertical;min-height:120px}select.eingabe{appearance:none;background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808799' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px no-repeat;padding-inline-end:44px}.eingabe:hover{border-color:var(--color-text-muted)}.eingabe:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 30%, transparent);outline:none}.eingabe[aria-invalid=true]{border-color:var(--color-error);background:var(--color-error-bg)}.eingabe:disabled{opacity:.55;cursor:not-allowed}.eingabe--kurz{max-width:9rem}.fehler{color:var(--color-error);font-size:var(--text-s);align-items:flex-start;gap:6px;font-weight:600;display:flex}.fehler:before{content:"!";background:var(--color-error);width:18px;height:18px;color:var(--color-surface);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:12px;font-weight:800;display:grid}.feld.ist-ok .eingabe{border-color:var(--color-success)}.wahl{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;display:flex}.wahl input{appearance:none;border:1.5px solid var(--color-border-feld);background:var(--color-surface);cursor:pointer;width:24px;height:24px;transition:background var(--dauer-s) var(--kurve), border-color var(--dauer-s) var(--kurve);border-radius:7px;flex:none;place-items:center;margin-top:1px;display:grid}.wahl input[type=radio]{border-radius:50%}.wahl input:after{content:"";width:12px;height:12px;transition:transform var(--dauer-s) var(--kurve);background:var(--tinte);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%);transform:scale(0)}.wahl input[type=radio]:after{clip-path:circle(50%);width:10px;height:10px}.wahl input:checked{background:var(--color-accent);border-color:var(--color-accent)}.wahl input:checked:after{transform:scale(1)}.wahl input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.wahl-karten{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));display:grid}.wahl-karte{cursor:pointer;display:block;position:relative}.wahl-karte input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wahl-karte__inhalt{border-radius:var(--radius-m);border:1.5px solid var(--color-border-feld);background:var(--color-surface);height:100%;min-height:56px;transition:border-color var(--dauer-s) var(--kurve), background var(--dauer-s) var(--kurve), box-shadow var(--dauer-s) var(--kurve);justify-items:start;gap:6px;padding:14px 16px;display:grid}.wahl-karte__inhalt strong{font-size:var(--text-s);hyphens:auto;overflow-wrap:anywhere}.wahl-karte__inhalt small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.wahl-karte__inhalt svg{width:32px;height:32px;color:var(--color-accent-text)}.wahl-karte input:checked+.wahl-karte__inhalt{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-accent)}.wahl-karte input:focus-visible+.wahl-karte__inhalt{outline:3px solid var(--color-focus);outline-offset:2px}.wahl-karte input:disabled+.wahl-karte__inhalt{opacity:.5}@media (hover:hover){.wahl-karte:hover .wahl-karte__inhalt{border-color:var(--color-text-muted)}}.wahl-karten[aria-invalid=true] .wahl-karte__inhalt{border-color:var(--color-error)}.schalter{justify-content:space-between;align-items:center;gap:var(--s-4);cursor:pointer;min-height:48px;font-weight:700;display:flex}.schalter input{appearance:none;background:color-mix(in srgb, var(--color-text) 22%, transparent);cursor:pointer;width:48px;height:28px;transition:background var(--dauer-s) var(--kurve);border-radius:999px;flex:none;position:relative}.schalter input:after{content:"";width:22px;height:22px;box-shadow:var(--schatten-1);transition:transform var(--dauer-m) var(--kurve);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.schalter input:checked{background:var(--color-accent)}.schalter input:checked:after{transform:translate(20px)}.schalter input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.fortschritt{gap:var(--s-2);display:grid}.fortschritt__schritte{grid-template-columns:repeat(var(--anzahl,3), 1fr);counter-reset:schritt;gap:6px;padding:0;list-style:none;display:grid}.fortschritt__schritte li{counter-increment:schritt;font-size:var(--text-xs);color:var(--color-text-muted);gap:8px;font-weight:700;display:grid}.fortschritt__schritte li:before{content:"";background:color-mix(in srgb, var(--color-text) 15%, transparent);height:6px;transition:background var(--dauer-m) var(--kurve);border-radius:999px}.fortschritt__schritte li.ist-fertig:before,.fortschritt__schritte li[aria-current=step]:before{background:var(--color-accent)}.fortschritt__schritte li[aria-current=step]{color:var(--color-text)}.hinweis{border-radius:var(--radius-m);background:var(--color-surface-2);border-inline-start:4px solid var(--sonne);font-size:var(--text-s);gap:6px;padding:16px 18px;display:grid}.hinweis--beispiel{border-inline-start-color:var(--odera-blau)}.hinweis strong{font-weight:750}.dialog{border-radius:var(--radius-xl);background:var(--color-surface);width:min(100% - 24px,760px);max-height:min(92dvh,900px);color:var(--color-text);box-shadow:var(--schatten-3);border:0;margin:auto;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c149e}.dialog[open]{animation:dialog-auf var(--dauer-l) var(--kurve)}@keyframes dialog-auf{0%{opacity:0;transform:translateY(16px)scale(.98)}}.dialog__kopf{z-index:2;justify-content:space-between;align-items:center;gap:var(--s-4);background:var(--color-surface);border-bottom:var(--rahmen);padding:16px 16px 16px clamp(20px,3vw,32px);display:flex;position:sticky;top:0}.dialog__kopf h2{font-size:var(--text-xl)}.dialog__inhalt{gap:var(--s-5);padding:clamp(20px,3vw,32px);display:grid}.dialog .knopf--icon{background:var(--color-surface-2);--k-bg:var(--color-surface-2);--k-fg:var(--color-text)}.glossar{all:unset;cursor:help;font-weight:inherit;color:inherit;border-bottom:1.5px dotted;border-radius:2px}.glossar:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.glossar-pop{border:var(--rahmen);border-radius:var(--radius-m);background:var(--color-surface);width:min(320px,100vw - 32px);color:var(--color-text);box-shadow:var(--schatten-3);font-size:var(--text-s);margin:0;padding:16px 18px;line-height:1.5;position:fixed;inset:auto}.glossar-pop strong{font-family:var(--font-titel);font-size:var(--text-m);margin-bottom:4px;display:block}.glossar-pop:not(:popover-open):not(.ist-offen){display:none}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:var(--z-toast);opacity:0;pointer-events:none;background:var(--tinte);color:#f2efe8;box-shadow:var(--schatten-3);font-weight:700;font-size:var(--text-s);transition:opacity var(--dauer-m) var(--kurve), transform var(--dauer-m) var(--kurve);border-radius:999px;padding:12px 20px;position:fixed;transform:translate(-50%,20px)}.toast.ist-sichtbar{opacity:1;transform:translate(-50%)}:root[data-theme=dunkel] .toast{color:var(--tinte);background:#f2efe8}.diagramm{gap:var(--s-3);display:grid}.diagramm__kopf{justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.diagramm__kopf h3{font-size:var(--text-m)}.diagramm svg{width:100%;height:auto;overflow:visible}.diagramm .achse{stroke:var(--color-border);stroke-width:1px}.diagramm .achse-text{fill:var(--color-text-muted);font-size:12px;font-family:var(--font-text);font-variant-numeric:tabular-nums}.diagramm .wert-text{fill:var(--color-text);font-size:12px;font-weight:700;font-family:var(--font-text);font-variant-numeric:tabular-nums}.diagramm .balken{fill:var(--color-chart)}.diagramm .balken:hover,.diagramm .balken.ist-aktiv{fill:color-mix(in srgb, var(--color-chart) 80%, var(--color-text))}.diagramm .linie{fill:none;stroke:var(--color-chart);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.diagramm .flaeche{fill:var(--color-chart);opacity:.1}.diagramm .null{stroke:var(--color-text-muted);stroke-width:1px}.diagramm .punkt{fill:var(--color-chart);stroke:var(--color-surface);stroke-width:2px}.diagramm .fadenkreuz{stroke:var(--color-text-muted);stroke-width:1px}.diagramm__flaeche{position:relative}.diagramm__tipp{pointer-events:none;background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--dauer-s) var(--kurve);border-radius:8px;padding:6px 10px;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.diagramm__tipp.ist-sichtbar{opacity:1}.tabelle-knopf{all:unset;cursor:pointer;font-size:var(--text-xs);color:var(--color-accent-text);text-underline-offset:3px;align-items:center;min-height:32px;font-weight:700;text-decoration:underline;display:inline-flex}.tabelle-knopf:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.tabelle{border-collapse:collapse;width:100%;font-size:var(--text-s);font-variant-numeric:tabular-nums}.tabelle caption{text-align:start;padding-block-end:8px;font-weight:700}.tabelle th,.tabelle td{border-bottom:var(--rahmen);text-align:start;padding:8px 10px}.tabelle td.zahl,.tabelle th.zahl{text-align:end}.tabelle thead th{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:700}.tabelle-huelle{overflow-x:auto}@media (forced-colors:active){.diagramm .balken,.diagramm .balken--winter{fill:canvastext}.diagramm .linie{stroke:highlight}}.fuss{background:var(--color-bg-tief);padding-block:clamp(48px, 6vw, 80px) calc(32px + var(--handyleiste,0px));font-size:var(--text-s)}.fuss__raster{gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.fuss h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--s-3);font-family:var(--font-text);font-weight:750}.fuss address{gap:4px;font-style:normal;display:grid}.fuss a{align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.fuss a:hover{text-decoration:underline}.fuss ul{gap:2px;padding:0;list-style:none;display:grid}.fuss__marke p{color:var(--color-text-muted);margin-top:var(--s-3);max-width:22rem}.fuss__beispiel{margin-top:var(--s-7);border-radius:var(--radius-m);border:1px dashed var(--color-border-feld);gap:var(--s-2) var(--s-5);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fuss__beispiel a{text-decoration:underline}.fuss__unten{margin-top:var(--s-5);gap:var(--s-2) var(--s-5);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;display:flex}.fuss__unten ul{gap:var(--s-4);display:flex}.handyleiste{z-index:var(--z-leiste);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:var(--rahmen);transition:transform var(--dauer-l) var(--kurve);grid-template-columns:1fr 1fr;gap:8px;display:grid;position:fixed;inset:auto 0 0}.handyleiste .knopf{min-height:48px;padding-inline:12px}.handyleiste.ist-weg{transform:translateY(110%)}@media (width>=64em){.handyleiste{display:none}}@media (width<=63.99em){:root{--handyleiste:calc(64px + env(safe-area-inset-bottom))}body{padding-bottom:var(--handyleiste)}}@media (width<=63.99em) and (height<=30em){.handyleiste{display:none}:root{--handyleiste:0px}body{padding-bottom:0}}.menue{background:var(--nacht);color:#f2efe8;--color-text:#f2efe8;--color-text-muted:#b7c0d0;--color-focus:var(--sonne);--color-surface:var(--schiefer);--color-border:#2e384b;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.menue[open]{animation:menue-auf var(--dauer-l) var(--kurve);flex-direction:column;display:flex}@keyframes menue-auf{0%{opacity:0;transform:translateY(-12px)}}.menue::backdrop{background:var(--nacht)}.menue__kopf{padding:12px var(--rand);min-height:var(--kopf-hoehe);justify-content:space-between;align-items:center;display:flex}.menue__kopf .logo{color:#f2efe8}.menue__liste{padding:8px var(--rand);gap:2px;list-style:none;display:grid}.menue__liste a{min-height:60px;font-family:var(--font-titel);letter-spacing:-.03em;border-bottom:1px solid #2e384b;justify-content:space-between;align-items:center;font-size:clamp(1.75rem,7vw,2.5rem);font-weight:750;text-decoration:none;display:flex}.menue__liste a[aria-current=page]{color:var(--sonne)}.menue__fuss{padding:24px var(--rand) calc(24px + env(safe-area-inset-bottom));gap:12px;margin-top:auto;display:grid}.menue__fuss .knopf--sekundaer{color:#f2efe8}.menue .knopf--icon{--k-bg:#ffffff14;--k-fg:#f2efe8}html.menue-offen{overflow:hidden}.platzhalter{border-radius:var(--radius-l);aspect-ratio:var(--verhaeltnis,4 / 3);background:linear-gradient(160deg,#1c2433 0%,#283245 55%,#3a2e2a 100%);position:relative;overflow:hidden}.platzhalter svg{width:100%;height:100%;display:block}.illu{--ih1:#cfe0f2;--ih2:#eaf1f8;--is:var(--sonne);--ib:#c5d0bf;--iw:#f2eee6;--iw2:#dcd6ca;--id:#2a3446;--im:#22324d;--im-rand:#7c9ac4;--ifen:#7e93ae;--iholz:#a86b44;--iholz2:#93593a;width:100%;height:100%;display:block}.illu--morgen{--ih1:#f9d8bc;--ih2:#fcebdd}.illu--abend{--ih1:#f0b79a;--ih2:#ead6dd}:root[data-theme=dunkel] .illu{--ih1:#1b2538;--ih2:#222d43;--is:#f2ebd9;--ib:#253230;--iw:#c9c3b8;--iw2:#a9a398;--ifen:#ffc857;--iholz:#7a4d31;--iholz2:#6a4029}.illu .ih{fill:var(--ih1)}.illu .ih2{fill:var(--ih2);opacity:.7}.illu .is{fill:var(--is)}.illu .ib{fill:var(--ib)}.illu .iw{fill:var(--iw)}.illu .iw2{fill:var(--iw2)}.illu .id{fill:var(--id)}.illu .ifen{fill:var(--ifen)}.illu .iholz{fill:var(--iholz)}.illu .iholz2{fill:var(--iholz2)}.illu .im{fill:var(--im);stroke:var(--im-rand);stroke-width:.8px;vector-effect:non-scaling-stroke}.illu .im rect{vector-effect:non-scaling-stroke}.illu .im--neu{stroke:var(--morgenrot);stroke-width:1.6px}.illu .ifirst{fill:none;stroke:var(--sonne);stroke-width:4px;stroke-linecap:round}.illu .il{fill:none;stroke:var(--id);stroke-width:2.5px;stroke-linecap:round}.illu .il--fein{stroke-width:1.2px;opacity:.45}@media (forced-colors:active){.illu .im{stroke:canvastext}}}@layer seiten{.hero{padding-block:clamp(24px,4vw,64px) clamp(48px,6vw,96px);position:relative;overflow:clip}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff8a3d38,#0000);height:70%;position:absolute;inset:auto -20% -40% 30%}.hero__raster{align-items:center;gap:clamp(32px,4vw,64px);display:grid;position:relative}@media (width>=64em){.hero__raster{grid-template-columns:5fr 7fr}}.hero h1{max-width:12ch;margin-block:16px 20px}.hero h1 em{color:var(--sonne);font-style:normal}.hero__unter{font-size:var(--text-l);color:var(--color-text-muted);max-width:34rem}.hero__ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__tel{align-items:center;gap:10px;min-height:48px;margin-top:16px;font-weight:700;text-decoration:none;display:inline-flex}.hero__tel .zahl{font-family:var(--font-titel);font-size:var(--text-l)}.hero .wert-chip{background:#ffffff0a}.hero .segment{background:#ffffff0f}.hero .segment input:checked+span{background:var(--schiefer-2)}.dunkler-kopf .kopf{--color-bg:var(--color-hero-bg);--color-text:var(--color-hero-text);--color-text-muted:var(--color-hero-muted);--color-surface:var(--schiefer);--color-surface-2:var(--schiefer-2);--color-border:#2e384b;--color-focus:var(--sonne);color:var(--color-hero-text)}@media (width<=47.99em){.hero h1{font-size:clamp(2.125rem,1.2rem + 5vw,2.75rem)}.hero__ctas .knopf{width:100%}}.seitenkopf{padding-block:clamp(40px,6vw,96px) clamp(32px,4vw,56px)}.seitenkopf h1{max-width:18ch;margin-block:14px 18px;font-size:clamp(2.25rem,1.4rem + 3.4vw,3.75rem)}.seitenkopf .lead{max-width:40rem}.mini{gap:var(--s-6);align-items:center;display:grid}@media (width>=64em){.mini{grid-template-columns:5fr 7fr}}.mini__karte{gap:var(--s-5);border-radius:var(--radius-xl);background:var(--color-surface);border:var(--rahmen);box-shadow:var(--schatten-2);padding:clamp(20px,3vw,40px);display:grid}.mini__regler{gap:4px;display:grid}.mini__regler .feld__kopf{font-weight:700}.mini__regler .feld__wert{font-size:var(--text-m)}.mini__ergebnis{gap:var(--s-3);padding-top:var(--s-4);border-top:var(--rahmen);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mini__ergebnis dt{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.mini__ergebnis dd{font-weight:800;font-size:var(--text-l);font-variant-numeric:tabular-nums;line-height:1.2}@media (width<=30em){.mini__ergebnis{grid-template-columns:1fr}}.schritte{gap:var(--s-4);counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));padding:0;list-style:none;display:grid}.schritte li{counter-increment:s;padding-top:56px;position:relative}.schritte li:before{content:counter(s, decimal-leading-zero);font-family:var(--font-titel);color:var(--color-accent-text);font-size:2rem;font-weight:800;position:absolute;top:0;left:0}.schritte li h3{margin-bottom:6px}.schritte li p{color:var(--color-text-muted)}.projekte{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));display:grid}.projekt{padding:0;overflow:hidden}.projekt__bild{aspect-ratio:4/3;background:var(--color-surface-2)}.projekt__bild svg{width:100%;height:100%;display:block}.projekt__text{gap:10px;padding:20px 22px 24px;display:grid}.projekt__werte{flex-wrap:wrap;gap:6px;display:flex}.projekt__titel{font-size:var(--text-l)}.projekt__knopf{all:unset;cursor:pointer;font-family:var(--font-titel);font-weight:750}.projekt__knopf:after{content:"";border-radius:inherit;position:absolute;inset:0}.projekt:has(.projekt__knopf:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.projekt__knopf:focus-visible{outline:none}.mehr{margin-top:var(--s-6)}.rechner>*,.kontakt>*,.rechner__form>*,.kontakt__formular>*{min-width:0}.feld__kopf{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.feld__wert{color:var(--color-accent-text);font-weight:700;font-size:var(--text-s);font-variant-numeric:tabular-nums}.rechner-uebernahme .projekt__kennzahlen>div{background:var(--color-surface)}.projekt__kennzahlen{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:8px;display:grid}.projekt__kennzahlen>div{border-radius:var(--radius-m);background:var(--color-surface-2);padding:10px 12px}.projekt__kennzahlen dt{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:700}.projekt__kennzahlen dd{font-variant-numeric:tabular-nums;font-weight:700}.abschluss{border-radius:var(--radius-xl);background:var(--nacht);color:#f2efe8;gap:var(--s-5);--color-text:#f2efe8;--color-text-muted:#b7c0d0;--color-focus:var(--sonne);--color-accent-text:var(--morgenrot);padding:clamp(32px,6vw,80px);display:grid;position:relative;overflow:hidden}.abschluss:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffc85759,#0000);border-radius:50%;width:520px;height:520px;position:absolute;top:-200px;right:-160px}.abschluss>*{z-index:1;position:relative}.abschluss h2{max-width:18ch}.abschluss__ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.abschluss__tel{font-family:var(--font-titel);font-size:var(--text-xl);align-items:center;gap:10px;min-height:48px;font-weight:800;text-decoration:none;display:inline-flex}.abschluss__zeiten{color:#b7c0d0;font-size:var(--text-s)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.einblenden{animation:linear both einblenden;animation-timeline:view();animation-range:entry entry 40%}}@supports not (animation-timeline:view()){.js .einblenden{opacity:0;transition:opacity .6s var(--kurve), transform .6s var(--kurve);transform:translateY(18px)}.js .einblenden.ist-da{opacity:1;transform:none}}}@keyframes einblenden{0%{opacity:0;transform:translateY(24px)}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.25s}::view-transition-new(root){animation-duration:.25s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.filterleiste{flex-wrap:wrap;gap:8px;display:flex}@media (width<=47.99em){.filterleiste{scrollbar-width:none;margin-inline:calc(-1 * var(--rand));padding:4px var(--rand);scroll-padding-inline:var(--rand);flex-wrap:nowrap;overflow-x:auto}.filterleiste::-webkit-scrollbar{display:none}.filter{flex:none}}.filter{border:1.5px solid var(--color-border-feld);background:var(--color-surface);min-height:44px;font-weight:700;font-size:var(--text-s);touch-action:manipulation;border-radius:999px;padding:8px 16px}.filter[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}@media (hover:hover){.filter:hover{border-color:var(--color-accent)}}::view-transition-group(*){animation-duration:.35s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}.vn{--vn:50%;aspect-ratio:4/3;border-radius:var(--radius-l);background:var(--color-surface-2);position:relative;overflow:hidden}.vn__bild{position:absolute;inset:0}.vn__nachher{clip-path:inset(0 0 0 var(--vn))}.vn__griff{top:0;bottom:0;left:var(--vn);pointer-events:none;background:#fff;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 0 1px #0003}.vn__griff:after{content:"";width:40px;height:40px;box-shadow:var(--schatten-2);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310141C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") 50%/22px no-repeat;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vn__marke{color:#fff;font-size:var(--text-xs);pointer-events:none;background:#0e1420b3;border-radius:999px;padding:4px 10px;font-weight:700;position:absolute;top:12px}.vn__marke--links{left:12px}.vn__marke--rechts{right:12px}.vn__regler{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.vn:has(.vn__regler:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}}@layer hilfen{.nur-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}html:not(.js) .nur-js,.im-rahmen .beispiel-leiste,.js .ohne-js{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){.beispiel-leiste a,.erklaer-schalter,.fuss a,.tabelle-knopf,.segment span,.monitoring__tabs [role=tab]{min-height:44px}}@media (prefers-contrast:more){:root{--color-text-muted:var(--color-text);--color-border-feld:var(--color-text)}}@media (forced-colors:active){.segment span,.filter,.kompass__knopf,.termin span,.monitoring__tabs [role=tab],.wahl-karte__inhalt{border:1px solid buttontext}.segment input:checked+span,.termin input:checked+span,.filter[aria-pressed=true],.kompass__knopf[aria-pressed=true],.monitoring__tabs [role=tab][aria-selected=true]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.wahl-karte input:checked+.wahl-karte__inhalt{border:3px solid highlight}.wahl input,.schalter input,.erklaer-schalter__spur{forced-color-adjust:none;background:canvas;border:1px solid buttontext}.wahl input:after,.schalter input:after,.erklaer-schalter__spur:after{background:buttontext}.wahl input:checked,.schalter input:checked,.erklaer-schalter[aria-pressed=true] .erklaer-schalter__spur{background:highlight;border-color:highlight}.wahl input:checked:after,.schalter input:checked:after,.erklaer-schalter[aria-pressed=true] .erklaer-schalter__spur:after{background:highlighttext}.regler{forced-color-adjust:none}.regler::-webkit-slider-runnable-track{background:linear-gradient(to right, Highlight var(--fuellung), ButtonText var(--fuellung))}.regler::-moz-range-track{background:buttontext}.regler::-moz-range-progress{background:highlight}.regler::-webkit-slider-thumb{background:canvas;border-color:highlight}.regler::-moz-range-thumb{background:canvas;border-color:highlight}}}