@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(./outfit-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(./outfit-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--blau: #1B4B82;--cyan: #00A0D2;--navy: #0D3A5C;--karte: rgba(255, 255, 255, .9);--karte-rand: rgba(13, 58, 92, .12);--text: #14212e;--leise: #4a5a6c;--band: #fdf3d8;--band-text: #7a5300;--schrift: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--auto-anteil: 8%;--rand-x: max(16px, env(safe-area-inset-left, 0px));color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--karte: rgba(10, 22, 34, .86);--karte-rand: rgba(255, 255, 255, .1);--text: #e8eef5;--leise: #a8b6c6;--band: #3a2c10;--band-text: #f3c86a;color-scheme:dark}}:root[data-theme=dark]{--karte: rgba(10, 22, 34, .86);--karte-rand: rgba(255, 255, 255, .1);--text: #e8eef5;--leise: #a8b6c6;--band: #3a2c10;--band-text: #f3c86a;color-scheme:dark}*{box-sizing:border-box}html{background:#06111c;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--schrift);color:var(--text);background:#06111c;font-size:17px;line-height:1.55}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:-9999px;top:8px;z-index:20;background:#fff;color:var(--blau);padding:8px 12px;border-radius:8px}.skip:focus{left:16px}.buehne{position:fixed;inset:0;z-index:0;overflow:hidden;background:#06111c}.buehne canvas,.standbild,.standbild img{position:absolute;inset:0;width:100%;height:100%}.standbild img{object-fit:cover;object-position:53% 50%}.buehne canvas{opacity:0;transition:opacity .8s ease}.gl-bereit .buehne canvas{opacity:1}.gl-bereit .standbild{visibility:hidden;transition:visibility 0s .8s}.schleier{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06111c9e,#06111c40 38%,#06111c00 60%),linear-gradient(180deg,#06111c8c,#06111c00 22% 55%,#06111c99)}.filme{position:absolute;inset:0;overflow:hidden;opacity:var(--film-sicht, 0);transition:opacity .45s ease;pointer-events:none}.film-a,.film-b{position:absolute;inset:0;transform:var(--film-trafo, none);transform-origin:50% 50%}.filme video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-linie{position:absolute;top:0;bottom:0;left:calc(var(--split, .5) * 100%);width:2px;margin-left:-1px;background:#d7f6ffe6;box-shadow:0 0 14px #96e6ffcc;opacity:var(--teil-sicht, 0)}@media(prefers-reduced-motion:reduce){.filme{transition:none}}.teil-marken{position:absolute;top:calc(64px + env(safe-area-inset-top,0px));left:calc(var(--split, .5) * 100%);transform:translate(-50%);display:flex;gap:22px;opacity:var(--teil-sicht, 0);transition:opacity .3s;pointer-events:none}.teil-marken span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#06111c8c;padding:4px 10px;border-radius:999px}.teiler{margin-top:6px}.teiler-enden{display:flex;justify-content:space-between;font-size:12.5px;color:var(--leise)}.teiler input{accent-color:#7be0ff}.kopf{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) var(--rand-x) 14px;pointer-events:none}.marke{pointer-events:auto;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.01em;font-size:16px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.kennwert-band{pointer-events:auto;background:var(--band);color:var(--band-text);font-size:12.5px;padding:4px 10px;border-radius:999px}.skala{position:fixed;z-index:4;right:max(12px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);opacity:var(--skala-sicht, 0);transition:opacity .3s;pointer-events:none}.skala ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}.skala li{width:38px;height:20px;background:var(--f);border-radius:3px 10px 10px 3px;display:flex;align-items:center;padding-left:7px;font-size:11.5px;font-weight:700;color:#000000b3;opacity:.55;transition:width .35s,opacity .35s}.skala li.an{width:62px;opacity:1;box-shadow:0 0 0 2px #fff,0 4px 14px #0006}.skala-text{margin:8px 0 0;color:#fff;text-align:center;font-size:12px;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.6)}.skala-text span:first-child{display:block;font-size:22px;font-weight:700}.skala-text .kl{opacity:.8}main{position:relative;z-index:2}.kapitel{min-height:150vh;min-height:150svh;display:flex;align-items:flex-end;padding:0 var(--rand-x) calc(24px + env(safe-area-inset-bottom,0px))}.kapitel.held{min-height:115vh;min-height:115svh}.karte{width:min(100%,460px);background:var(--karte);border:1px solid var(--karte-rand);border-radius:20px;padding:20px 22px;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 10px 40px #00000040;position:sticky;bottom:calc(24px + env(safe-area-inset-bottom,0px));margin-right:64px}.karte.dunkel{--karte: rgba(10, 22, 34, .82);--text: #eef3f8;--leise: #b3c1d0;color:var(--text)}.dach{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-weight:600}h1,h2{margin:0 0 10px;line-height:1.12;letter-spacing:-.012em;text-wrap:balance;font-weight:700}h1{font-size:clamp(34px,7.4vw,64px)}h1>span:not(.wort){display:block;color:var(--cyan)}h2{font-size:clamp(26px,4.6vw,38px)}.karte p{margin:0 0 10px}.lead{font-size:19px;color:var(--leise)}.klein{font-size:13.5px;color:var(--leise)}b{font-weight:650;font-variant-numeric:tabular-nums}.held .karte{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;width:min(100%,720px);padding:0;margin-bottom:8vh}.held .lead{color:#ffffffeb;text-shadow:0 1px 12px rgba(0,0,0,.65)}.held h1{text-shadow:0 2px 30px rgba(0,0,0,.45)}.hinweis-scroll{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.hinweis-scroll:after{content:"";display:block;width:1px;height:34px;background:#fff9;margin-top:8px;animation:tropfen 2.2s ease-in-out infinite;transform-origin:top}@keyframes tropfen{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.akku{position:relative;height:34px;border-radius:10px;border:2px solid currentColor;opacity:.9;overflow:hidden;margin-top:8px}.akku i{position:absolute;inset:3px auto 3px 3px;width:8%;border-radius:6px;background:linear-gradient(90deg,var(--cyan),#7be0ff);transition:width .15s linear}.akku span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12.5px;color:var(--leise)}.balken{display:grid;gap:10px;margin:12px 0 10px}.zeile{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;font-size:14.5px}.zeile .b{height:16px;background:var(--karte-rand);border-radius:8px;overflow:hidden}.zeile .b i{display:block;height:100%;border-radius:8px;transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.zeile .auto i{background:var(--cyan);width:var(--auto-anteil)}.zeile .haus i{background:linear-gradient(90deg,#f58220,#d71f26);width:100%}.kapitel:not(.aktiv) .zeile .b i{transform:scaleX(0)}.zeile .w{font-variant-numeric:tabular-nums;color:var(--leise)}.rechner{display:grid;gap:12px}.rechner fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.rechner legend{font-size:14.5px;color:var(--leise);margin-bottom:6px;padding:0}.hauswahl label{position:relative}.hauswahl input{position:absolute;opacity:0;inset:0}.hauswahl span{display:block;border:1.5px solid var(--karte-rand);border-radius:14px;padding:10px 12px;cursor:pointer}.hauswahl small{display:block;color:var(--leise);font-size:12.5px}.hauswahl input:checked+span{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.hauswahl input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.feld{display:grid;gap:4px;font-size:14.5px;color:var(--leise)}.feld output{float:right;color:var(--text);font-weight:600}select,input[type=range]{font:inherit;width:100%}select{padding:10px 12px;border-radius:12px;border:1.5px solid var(--karte-rand);background:transparent;color:var(--text)}input[type=range]{accent-color:var(--cyan);height:28px}.ergebnis{font-size:15.5px;margin:0}.knopf{display:inline-block;background:var(--blau);color:#fff;text-decoration:none;font-weight:600;padding:13px 20px;border-radius:14px}.knopf:hover{background:#164074}.weiter{list-style:none;padding:0;margin:6px 0 12px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14.5px}.person{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--leise)}.person img{border-radius:50%;flex:none}.fuss{position:relative;z-index:2;background:#06111c;color:#a8b6c6;font-size:14px;padding:28px var(--rand-x) calc(28px + env(safe-area-inset-bottom,0px))}.fuss p{margin:4px 0}.fuss a{color:#cfe6f5}@media(min-width:900px){.kapitel{align-items:center;padding-left:max(6vw,var(--rand-x))}.karte{position:relative;bottom:auto}.held .karte{margin-bottom:0}.skala li{width:44px;height:22px}.skala li.an{width:76px}}@media(prefers-reduced-motion:reduce){.hinweis-scroll:after{animation:none}.buehne canvas,.zeile .b i,.akku i,.skala li{transition:none}}.diag{position:fixed;z-index:30;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));margin:0;padding:8px 10px;max-height:40vh;overflow:auto;background:#000c;color:#9ef;font:11px/1.4 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;border-radius:8px;pointer-events:none}.effekt{position:fixed;z-index:6;right:max(88px,calc(env(safe-area-inset-right,0px) + 88px));top:calc(64px + env(safe-area-inset-top,0px));width:min(340px,calc(100vw - 120px));background:var(--karte);color:var(--text);border:1px solid var(--karte-rand);border-radius:16px;padding:12px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000004d;font-size:14px}.effekt.neu{animation:kachel-ein .45s cubic-bezier(.2,.8,.2,1)}@keyframes kachel-ein{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.effekt-kopf{display:flex;justify-content:space-between;align-items:center}.effekt-dach{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-weight:600}.effekt-zu,.welt-zu{background:none;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}.effekt-titel{margin:4px 0 8px;font-size:13.5px;color:var(--leise)}.effekt-werte{margin:0;display:grid;gap:6px}.effekt-werte>div{display:grid;grid-template-columns:104px 1fr;gap:8px;align-items:baseline}.effekt-werte dt{color:var(--leise);font-size:12.5px}.effekt-werte dd{margin:0;font-variant-numeric:tabular-nums}.effekt-werte dd b{font-size:17px}.effekt-delta{margin-left:6px;font-size:12px;font-weight:700;color:#e0703a}.effekt-delta.gut{color:#2e9e5b}.effekt-flaechen dd{font-size:12.5px;color:var(--leise)}.effekt-mehr{margin-top:8px;background:none;border:0;padding:0;color:var(--cyan);cursor:pointer;font:inherit;font-size:13px;text-decoration:underline}.effekt-dialog{border:0;border-radius:18px;padding:0;max-width:min(760px,calc(100vw - 32px));background:var(--karte);color:var(--text)}.effekt-dialog::backdrop{background:#06111c99}.effekt-dialog-inhalt{padding:20px 22px}.effekt-dialog h2{font-size:24px}.tabelle-rahmen{overflow-x:auto;margin:10px 0}.effekt-dialog table{border-collapse:collapse;font-size:13.5px;min-width:520px;width:100%;font-variant-numeric:tabular-nums}.effekt-dialog th,.effekt-dialog td{border-bottom:1px solid var(--karte-rand);padding:6px 8px;text-align:right;vertical-align:top}.effekt-dialog th[scope=row],.effekt-dialog td:last-child{text-align:left;color:var(--leise);font-weight:400}.effekt-dialog thead th{font-size:12.5px;color:var(--leise)}@media(max-width:899px){.effekt{right:12px;left:12px;width:auto;top:calc(58px + env(safe-area-inset-top,0px));padding:10px 12px}.effekt-werte>div{grid-template-columns:92px 1fr}.effekt-flaechen{display:none!important}}.welt-offen .effekt{display:none}.welten{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.welt-wahl{text-align:left;border:1.5px solid var(--karte-rand);background:transparent;color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit}.welt-wahl b{display:block;font-size:15px}.welt-wahl span{font-size:12.5px;color:var(--leise)}.welt-wahl:hover{border-color:var(--cyan)}.welt{position:fixed;inset:0;z-index:40;background:#06111c}.welt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.welt-verlauf{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:6px}.welt-verlauf i{width:34px;height:4px;border-radius:2px;background:#ffffff59}.welt-verlauf i.fertig,.welt-verlauf i.jetzt{background:#fff}.welt-karte{position:absolute;left:var(--rand-x);bottom:calc(24px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 32px));background:var(--karte);color:var(--text);border-radius:20px;padding:18px 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.welt-karte h2{font-size:clamp(24px,4vw,32px)}.welt-knoepfe{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.knopf-hell{background:transparent;color:var(--text);border:1.5px solid var(--karte-rand);cursor:pointer;font:inherit;font-weight:600}.welt-zu{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));color:#fff;font-size:34px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.held .hauswahl{border:0;padding:0;margin:18px 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:640px}.held .hauswahl label{position:relative}.held .hauswahl input{position:absolute;opacity:0;inset:0}.held .hauswahl span{display:block;height:100%;cursor:pointer;border-radius:14px;padding:12px 14px;color:#fff;background:#06111c73;border:1.5px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.held .hauswahl b{display:block;font-size:16px}.held .hauswahl small{display:block;font-size:12.5px;color:#fffc}.held .hauswahl input:checked+span{border-color:var(--cyan);background:#00a0d247;box-shadow:inset 0 0 0 1px var(--cyan)}.held .hauswahl input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}@media(max-width:560px){.held .hauswahl{grid-template-columns:1fr}.held .hauswahl span{padding:9px 12px}}.wort{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(3px)}.kapitel.gelesen .wort{animation:wort-ein .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 115ms)}@keyframes wort-ein{to{opacity:1;transform:none;filter:none}}.ansage{font-size:18px;font-weight:500;line-height:1.45;margin:0 0 12px}.karte.dunkel .ansage{color:#fff}@media(prefers-reduced-motion:reduce){.wort{opacity:1;transform:none;filter:none;animation:none!important}}.held .hauswahl{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1000px}.held .auto-wahl span{border-style:dashed;background:#06111c4d}@media(max-width:760px){.held .hauswahl{grid-template-columns:1fr 1fr}}.held .auto-wahl input:checked+span{border-style:solid}.held .auto-wahl.puls span{animation:auto-puls .6s ease-out}@keyframes auto-puls{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.held .auto-wahl.puls span{animation:none}}.auto-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none}.auto-film.zeigt{opacity:1}.held .wahl-kopf{grid-column:1 / 5;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf;margin-bottom:-4px}.held .wahl-kopf-auto{grid-column:5;padding-left:14px}.held .auto-wahl{margin-left:14px}.held .auto-wahl:before{content:"+";position:absolute;left:-15px;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:600}@media(max-width:760px){.held .wahl-kopf{display:none}.held .auto-wahl{margin-left:0;grid-column:1 / -1}.held .auto-wahl:before{display:none}}.held .hauswahl .wahl-kopf{background:none;border:0;padding:0;height:auto;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:default}.held .hauswahl .wahl-kopf-auto{padding-left:14px}.eh-wahl{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;margin:6px 0 14px;border-radius:999px;background:#0d3a5c14}.eh-wahl button{font:inherit;font-size:15px;font-weight:600;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;background:none;color:var(--text)}.eh-wahl button[aria-checked=true]{background:var(--navy);color:#fff}.eh-wahl button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.eh-werte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0 0 12px}.eh-werte dt{font-size:13px;color:var(--leise)}.eh-werte dd{margin:0;font-size:15px}.eh-werte dd b{font-size:26px;font-weight:700;letter-spacing:-.01em}.eh-werte small{display:block;font-size:12.5px;color:var(--leise)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .eh-wahl{background:#ffffff1a}}.eh-kurz{display:none}.eh-wie summary{cursor:pointer;font-weight:600;color:var(--text)}.eh-wie p{margin:6px 0 0}.effekt-ref{display:block;font-size:12px;color:var(--leise);font-weight:400}@media(max-width:560px){.eh-lang{display:none}.eh-kurz{display:inline}.eh-wahl button{padding:6px 14px}.eh-werte{gap:8px 14px}.eh-werte dd b{font-size:21px}#neubau-heute h2{font-size:24px}}@media(max-width:760px){.held .hauswahl span.wahl-kopf{display:none}}.version{position:fixed;z-index:5;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(6px + env(safe-area-inset-bottom,0px));font-size:11px;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}[hidden]{display:none!important}.held .eigenes-haus{margin:4px 0 10px;font-size:15px}.held .eigenes-haus a{display:inline-block;color:#fff;text-decoration:none;padding:8px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);background:#06111c66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.held .eigenes-haus a:hover{border-color:var(--cyan)}.held .eigenes-haus a:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:899px){.kapitel.held{align-items:flex-start;padding-top:calc(76px + env(safe-area-inset-top,0px))}.held .karte{position:relative;bottom:auto;margin-bottom:0}}.ausprobieren{pointer-events:auto;position:fixed;z-index:30;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:inline-flex;gap:5px;align-items:center;padding:8px 16px;border-radius:999px;background:var(--cyan);color:#fff;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 6px 20px #0000004d;white-space:nowrap}.ausprobieren:hover{filter:brightness(1.08)}.ausprobieren:focus-visible{outline:2px solid #fff;outline-offset:2px}.ausprobieren[hidden]{display:none}@media(max-width:560px){.ausprobieren{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:14px;padding:8px 14px}}.karte .geld{font-size:19px;font-weight:500}.geld-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:4px 0 12px}.geld-liste div{border-top:1px solid var(--karte-rand);padding-top:4px}.geld-liste dt{font-size:12.5px;color:var(--leise)}.geld-liste dd{margin:0;font-weight:650;font-size:17px;font-variant-numeric:tabular-nums}@media(max-width:560px){.effekt-werte>div:nth-child(n+4){display:none}.effekt-werte small.effekt-ref{display:none}}.held .eigenes-haus{display:flex;flex-wrap:wrap;gap:8px}.held .eigenes-haus a.held-rechnen{background:var(--cyan);border-color:var(--cyan);font-weight:600}