:root{--s-grund:#f8f7f0;--s-grund-2:#fffffc;--s-zart:#eff5dd;--s-tinte:#1c211b;--s-text:#474d44;--s-fein:#6b7065;--s-linie:#dad9cd;--s-linie-2:#c5c4b6;--s-lime:#c7ed69;--s-lime-2:#b6de52;--s-lime-zart:#e6f5bf;--s-dunkel:#202620;--s-dunkel-2:#2b322a;--s-dunkel-3:#3a4438;--s-auf-dunkel:#f3f8e9;--s-auf-dunkel-2:#b9c4ae;--s-neg:#a23c3c;--s-fokus:#4f7a12;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--bahn:1200px;--kopf-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.metrika-landing body{background:var(--s-grund);color:var(--s-text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:16px;line-height:1.5}html.metrika-landing body:before{display:none}html.metrika-landing,html.metrika-landing body,html.metrika-landing #root{height:auto;min-height:100%}html.metrika-landing #root{max-width:none;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-h) + 12px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:var(--s-lime);color:var(--s-tinte)}.start{font-variant-numeric:tabular-nums;min-height:100%;overflow-x:clip}.start img{max-width:100%;height:auto;display:block}.start h1,.start h2,.start h3{color:var(--s-tinte);text-wrap:balance;margin:0}.start h1,.start h2{font-family:var(--serif);letter-spacing:-.035em;font-variation-settings:"SOFT" 40, "WONK" 0;font-weight:680;line-height:.98}.start h2{font-size:clamp(34px,4.1vw,54px)}.start p{margin:0}.start :focus-visible{outline:2px solid var(--s-fokus);outline-offset:3px;border-radius:4px}.mono{font-family:var(--mono);letter-spacing:.01em;font-size:12px}.fein{color:var(--s-fein);font-size:12.5px;line-height:1.45}.nur-leser{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bahn{width:100%;max-width:var(--bahn);padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.unterstrichen{white-space:nowrap;z-index:0;position:relative}.unterstrichen:after{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C40 6 90 4 140 7 S190 9 197 6' fill='none' stroke='%23C7ED69' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.2em;position:absolute;bottom:-.06em;left:-2%;right:-4%}.knopf{min-height:50px;font-family:var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.3,1),background-color .2s,box-shadow .2s;display:inline-flex}.knopf svg{stroke-width:2px;flex:none;width:17px;height:17px;transition:transform .25s cubic-bezier(.2,.8,.3,1)}.knopf:hover svg{transform:translate(3px)}.knopf-dunkel{background:var(--s-tinte);color:var(--s-grund-2);box-shadow:inset 0 1px #ffffff14,0 8px 22px -12px #1c211b99}.knopf-dunkel:hover{background:#2d352c;transform:translateY(-1px)}.knopf-hell{background:var(--s-grund-2);color:var(--s-tinte);border-color:var(--s-linie-2)}.knopf-hell:hover{border-color:var(--s-tinte);background:#fff}.knopf-klein{min-height:40px;padding:0 16px;font-size:14.5px}.knopf-voll{white-space:normal;text-align:center;width:100%;padding-top:10px;padding-bottom:10px}.link-pfeil{color:var(--s-tinte);border-bottom:1.5px solid var(--s-tinte);align-items:center;gap:6px;padding-bottom:3px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.link-pfeil svg{stroke-width:2px;width:15px;height:15px;transition:transform .2s}.link-pfeil:hover svg{transform:translate(2px)}.link-pfeil:hover{border-bottom-color:var(--s-lime-2)}.link-gross{font-size:17px}.link-klein{border-bottom-width:1px;font-size:13.5px}.kopf{z-index:50;padding-top:env(safe-area-inset-top,0px);background:#f8f7f000;transition:background-color .3s,box-shadow .3s;position:sticky;top:0}.kopf-fest,.kopf-offen{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#f8f7f0eb}.kopf-fest{box-shadow:0 1px 0 var(--s-linie)}.kopf-bahn{height:var(--kopf-h);align-items:center;gap:18px;display:flex;position:relative}.kopf-bahn:after{content:"";left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--s-tinte);transition:opacity .3s;position:absolute;bottom:0}.kopf-fest .kopf-bahn:after{opacity:0}.kopf-marke{border-radius:8px;flex:none;align-items:center;display:inline-flex}.kopf-nav{align-items:center;gap:4px;margin-left:28px;margin-right:auto;display:flex}.kopf-nav a{color:var(--s-tinte);white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:14.5px;font-weight:500;text-decoration:none}.kopf-nav a:hover{background:#1c211b0f}.kopf-rechts{align-items:center;gap:18px;margin-left:auto;display:flex}.kopf-anmelden{color:var(--s-tinte);font-size:14.5px;font-weight:500;text-decoration:none}.kopf-anmelden:hover{text-underline-offset:4px;text-decoration:underline}.knopf-kurz{display:none}.kopf-schalter{border:1px solid var(--s-linie-2);background:var(--s-grund-2);cursor:pointer;border-radius:8px;width:42px;height:42px;padding:0;display:none}.kopf-striche{gap:4px;width:18px;margin:0 auto;display:grid}.kopf-striche span{background:var(--s-tinte);border-radius:2px;height:2px;transition:transform .25s,opacity .2s}.kopf-offen .kopf-striche span:first-child{transform:translateY(6px)rotate(45deg)}.kopf-offen .kopf-striche span:nth-child(2){opacity:0}.kopf-offen .kopf-striche span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.kopf-tafel{border-top:1px solid var(--s-linie);background:var(--s-grund);padding:12px 20px 22px}.kopf-tafel[hidden]{display:none}.kopf-tafel nav{display:grid}.kopf-tafel nav a{border-bottom:1px solid var(--s-linie);color:var(--s-tinte);font-family:var(--serif);letter-spacing:-.02em;padding:13px 4px;font-size:22px;font-weight:600;text-decoration:none}.kopf-tafel-knoepfe{gap:10px;margin-top:18px;display:grid}.kopf-blende{z-index:40;background:#1c211b40;border:0;position:fixed;inset:0}.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;column-gap:32px;padding-top:28px;display:grid;position:relative}.hero-text{z-index:2;padding:20px 0 40px;position:relative}.hero h1{letter-spacing:-.045em;font-variation-settings:"SOFT" 50, "WONK" 0;font-size:clamp(40px,4.6vw,64px);line-height:.94}.hero .hero-unter{color:var(--s-text);max-width:30em;margin-top:34px;font-size:clamp(17px,1.55vw,20px);line-height:1.45}.hero-knoepfe{flex-wrap:wrap;align-items:center;gap:14px 28px;margin:32px 0 14px;display:flex}.hero-text .fein{max-width:30em}.hero-bild{aspect-ratio:1/.9;margin:0 -20px 0 0;position:relative}.hero-haus{width:70%;position:absolute;top:0;left:10%}.hero-metri{z-index:2;width:23%;margin-top:50.5%;position:absolute;top:0;left:-2%}.hero-bild:before{content:"";border-left:1px solid var(--s-tinte);opacity:.5;position:absolute;top:-28px;bottom:-64px;left:45%}.hero-notizen{margin:0;padding:0;list-style:none}.notiz{white-space:nowrap;width:16%;min-width:118px;font-size:13px;line-height:1.3;position:absolute;right:-10px}.notiz strong{font-family:var(--mono);color:var(--s-tinte);font-size:13px;font-weight:600;display:block}.notiz span{color:var(--s-fein);margin-top:2px;font-size:12px;display:block}.notiz:before{content:"";border-top:1px solid var(--s-tinte);width:30px;position:absolute;top:9px;right:calc(100% + 6px)}.notiz:after{content:"";border-left:1px solid var(--s-tinte);height:11px;position:absolute;top:4px;right:calc(100% + 36px)}.n1{top:14%}.n2{top:31%}.n3{top:52%}.n4{top:70%}.notiz-akzent strong{background:var(--s-lime);font-family:var(--sans);border-radius:3px;margin-left:-8px;padding:3px 8px;font-size:15px;font-weight:700;display:inline-block}.hero-fuss{grid-column:1/-1;align-items:center;gap:16px;padding:10px 0 0;display:flex}.hero-fuss a{color:var(--s-text);white-space:nowrap;text-decoration:none}.hero-fuss:after{content:"";border-top:1px solid var(--s-tinte);flex:0 160px}.frage{border-top:1px solid var(--s-tinte);position:relative}.bahn>.frage:first-child{border-top:0}.frage-bahn{grid-template-columns:52px minmax(0,1fr);padding-top:44px;padding-bottom:56px;display:grid}.frage-nr{color:var(--s-text);grid-row:1/span 3;padding-top:10px}.frage-raster,.geldfluss{grid-column:2}.frage-raster{border-left:1px solid var(--s-tinte);align-items:center;gap:36px;padding-left:26px;display:grid}.frage-text p{max-width:26em;margin-top:20px;font-size:16.5px;line-height:1.55}.frage-text .link-pfeil{margin-top:34px}.frage-raster-miete{grid-template-columns:minmax(0,.8fr) minmax(0,1.55fr)}.mietfluss{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;margin:0;display:grid}.mietfluss-wohnung{z-index:1;position:relative}.mietfluss-miete{text-align:center;background:#fffffcd1;border-radius:4px;padding:6px 10px;line-height:1.1;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.mietfluss-miete strong{font-family:var(--sans);color:var(--s-tinte);letter-spacing:-.02em;font-size:clamp(18px,1.8vw,24px);font-weight:750;display:block}.mietfluss-miete span{color:var(--s-text)}.mietfluss-stroeme{height:300px;margin-left:-8%;position:relative}.mietfluss-stroeme svg{width:62%;height:100%;position:absolute;top:0;left:0}.mietfluss-ziele{margin:0;padding:0;list-style:none}.mietfluss-ziele li{line-height:1.1;position:absolute;left:66%;transform:translateY(-50%)}.mietfluss-ziele strong{color:var(--s-tinte);letter-spacing:-.02em;font-size:19px;font-weight:750;display:block}.mietfluss-ziele span{color:var(--s-text)}.mietfluss-ziele li.akzent{background:var(--s-lime);border-radius:3px;margin-left:-9px;padding:4px 9px}.mietfluss-ziele li.akzent strong{font-size:22px}.mietfluss-notiz{white-space:nowrap;color:var(--s-text);line-height:1.35;position:absolute;top:calc(87% + 34px);left:66%}.mietfluss-notiz:before{display:none}.mietfluss-stroeme{margin-bottom:40px}.karte{background:var(--s-grund-2);border:1px solid var(--s-linie);border-radius:12px;box-shadow:0 1px 2px #1c211b0a,0 18px 40px -28px #1c211b40}.karte-titel{color:var(--s-tinte);font-size:14px;font-weight:650}.dunkel-kachel{background:var(--s-dunkel);color:var(--s-auf-dunkel-2);border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);column-gap:20px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.dunkel-kachel>p{font-size:13px}.dunkel-kachel>strong{letter-spacing:-.035em;color:var(--s-auf-dunkel);margin-top:4px;font-size:clamp(34px,3.6vw,44px);font-weight:750;line-height:1.05}.dunkel-kachel>span{font-size:12.5px}.dunkel-kachel .verlauf{grid-area:1/2/span 3;align-self:end}.verlauf{min-width:0;position:relative}.verlauf svg{width:100%;height:74px;display:block}.verlauf-punkt{background:var(--s-lime);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 0 0 4px #c7ed6933}.verlauf-monate{color:var(--s-auf-dunkel-2);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.geldfluss{margin:14px 0 0 26px;padding:14px 16px 16px;position:relative}.geldfluss:before{content:"";width:1px;height:14px;position:absolute;top:-14px;left:-27px}.geldfluss>.karte-titel{margin-bottom:10px}.geldfluss-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.kosten-balken{border:1px solid var(--s-linie);background:var(--s-grund);border-radius:8px;padding:12px 14px}.kosten-balken .karte-titel{margin-bottom:8px}.balken-zeile{grid-template-columns:70px 76px minmax(0,1fr);align-items:center;gap:10px;padding:5px 0;font-size:13.5px;display:grid}.balken-zeile b{text-align:right;color:var(--s-tinte);font-weight:650}.balken-zeile>i{background:#e7e6dd;border-radius:3px;height:10px;display:block;overflow:hidden}.balken-zeile>i>i{background:#b5b4a9;border-radius:3px;height:100%;display:block}.balken-zeile>i.akzent>i{background:var(--s-lime-2)}.frage-dunkel{background:var(--s-dunkel);color:var(--s-auf-dunkel-2);border-top:0}.frage-dunkel h2{color:var(--s-auf-dunkel)}.frage-dunkel .frage-nr{color:var(--s-auf-dunkel-2)}.frage-dunkel .frage-raster{border-left-color:#f3f8e940}.frage-raster-zins{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"text szenario""szene szenario";align-items:start;gap:10px 48px}.frage-raster-zins .frage-text{grid-area:text}.frage-raster-zins .frage-text p{color:var(--s-auf-dunkel-2)}.zins-szene{grid-area:szene;margin:0}.zeitstrahl{color:var(--s-auf-dunkel-2);justify-content:space-between;margin:-2px 0 0;padding:18px 0 0;list-style:none;display:flex;position:relative}.zeitstrahl:before{content:"";border-top:1.5px dashed var(--s-lime);opacity:.9;position:absolute;top:4px;left:7%;right:7%}.zeitstrahl li{text-align:center;width:33%;line-height:1.3;position:relative}.zeitstrahl li:before{content:"";background:var(--s-lime);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:-18px;left:50%}.zeitstrahl b{color:var(--s-auf-dunkel);font-weight:600;display:block}.zeitstrahl span{font-size:11px}.szenario{background:#ffffff05;border:1px solid #f3f8e92e;border-radius:12px;grid-area:szenario;align-self:center;padding:18px}.szenario-titel{color:var(--s-auf-dunkel);margin-bottom:12px;font-size:14px;font-weight:600}.szenario-regler{background:#0000002e;border:1px solid #f3f8e924;border-radius:8px;grid-template-columns:1fr;gap:4px;padding:14px 16px 18px;display:grid}.szenario-regler label{font-size:13px}.szenario-regler output{color:var(--s-auf-dunkel);letter-spacing:-.02em;font-size:30px;font-weight:700}.szenario-regler input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:8px 0 0}.szenario-regler input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--s-lime) var(--anteil), var(--s-dunkel-3) var(--anteil));border-radius:99px;height:10px}.szenario-regler input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--s-lime) var(--anteil), var(--s-dunkel-3) var(--anteil));border-radius:99px;height:10px}.szenario-regler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:24px;height:24px;margin-top:-7px;box-shadow:0 2px 8px #00000073}.szenario-regler input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #00000073}.szenario-regler input[type=range]:focus-visible{outline:2px solid var(--s-lime);outline-offset:4px}.szenario-unter{margin-top:16px;font-size:13px}.szenario-zahlen{letter-spacing:-.035em;color:var(--s-auf-dunkel);align-items:center;gap:18px;margin:4px 0 6px;font-size:clamp(36px,3.8vw,48px);font-weight:750;line-height:1.1;display:flex}.szenario-zahlen svg{stroke-width:1.6px;width:30px;height:30px;color:var(--s-auf-dunkel-2)}.szenario-zahlen .negativ{color:#f2a3a3}.szenario-erkl{color:var(--s-auf-dunkel-2);margin-bottom:14px}.frage-dunkel .knopf-hell{font-family:var(--mono);border-color:#0000;min-height:44px;font-size:13.5px;font-weight:500}.frage-raster-kauf h2{font-size:clamp(32px,3.4vw,46px)}.frage-raster-kauf{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,.85fr);align-items:start}.kauf-vergleich{padding-top:6px}.kauf-haeuser{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.kauf-haeuser figure{text-align:center;margin:0}.kauf-haeuser figcaption{font-family:var(--serif);color:var(--s-tinte);margin-top:6px;font-size:15px;font-weight:650}.kauf-plus{font-family:var(--sans);color:var(--s-tinte);margin-top:-30px;font-size:34px;font-weight:300}.tabelle{border-collapse:collapse;width:100%;margin-top:14px;font-size:14px}.tabelle th{text-align:left;color:var(--s-text);border-top:1px solid var(--s-linie);padding:6px 2px;font-weight:450}.tabelle td{text-align:right;color:var(--s-tinte);border-top:1px solid var(--s-linie);white-space:nowrap;padding:6px 2px;font-weight:650}.tabelle tr.summe th,.tabelle tr.summe td{border-top:1.5px solid var(--s-tinte);color:var(--s-tinte);font-weight:700}.angebot{padding:14px 16px}.angebot-kopf{align-items:center;gap:14px;display:flex}.angebot-kopf img{object-fit:cover;object-position:center 30%;background:var(--s-zart);border-radius:6px;width:66px;height:66px}.angebot h3{font-family:var(--sans);letter-spacing:-.01em;font-size:16px;font-weight:700}.angebot .tabelle{margin-top:10px}.angebot-ergebnis{background:var(--s-lime);color:var(--s-tinte);letter-spacing:-.01em;border-radius:4px;margin:10px 0 8px;padding:8px 12px;font-size:18px;font-weight:750}.zusammen{background:linear-gradient(180deg, var(--s-zart) 0%, var(--s-zart) 74%, var(--s-grund) 74%);padding-top:48px}.zusammen-raster{grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);align-items:center;gap:40px;display:grid}.zusammen h2{font-size:clamp(32px,3.3vw,46px)}.zusammen-text p{max-width:25em;margin:20px 0 26px;font-size:16.5px;line-height:1.55}.app-vorschau{background:#fff;border:1px solid #1c211b1a;border-radius:12px;grid-template-columns:170px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 2px 4px #1c211b0f,0 30px 60px -30px #1c211b73}.app-leiste{background:var(--s-dunkel);color:var(--s-auf-dunkel-2);padding:12px 12px 18px}.app-punkte{gap:5px;margin-bottom:14px;display:flex}.app-punkte i{background:#e46a5e;border-radius:50%;width:9px;height:9px}.app-punkte i:nth-child(2){background:#e8b84a}.app-punkte i:nth-child(3){background:#7dc35b}.app-logo{font-family:var(--sans);letter-spacing:-.02em;color:var(--s-auf-dunkel);margin:0 4px 16px;font-size:21px;font-weight:700}.app-nav{border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;font-size:13px;display:flex}.app-nav svg{stroke-width:1.7px;width:16px;height:16px}.app-nav.aktiv{background:var(--s-lime);color:var(--s-tinte);font-weight:600}.app-inhalt{background:#fff;padding:14px 16px 18px}.app-kopf{color:var(--s-text);justify-content:space-between;margin-bottom:12px;font-size:12.5px;display:flex}.app-kopf span:last-child{color:var(--s-fein)}.app-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.app-raster .dunkel-kachel{grid-template-rows:none;grid-template-columns:1fr}.app-raster .dunkel-kachel .verlauf{grid-area:auto/1;margin-top:10px}.app-liste{border:1px solid var(--s-linie);border-radius:8px;padding:12px 12px 4px}.app-liste .karte-titel{margin-bottom:4px;font-size:13px}.app-objekt{border-top:1px solid var(--s-linie);grid-template-columns:38px minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:8px 0;display:grid}.app-liste .karte-titel+.app-objekt{border-top:0}.app-objekt img{object-fit:cover;object-position:center 35%;background:var(--s-zart);border-radius:5px;width:38px;height:38px}.app-objekt b{color:var(--s-tinte);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;display:block;overflow:hidden}.app-objekt small{white-space:nowrap;text-overflow:ellipsis;color:var(--s-fein);font-size:11px;display:block;overflow:hidden}.app-objekt strong{color:var(--s-tinte);white-space:nowrap;font-size:14px;font-weight:750}.app-objekt strong.negativ{color:var(--s-neg)}.app-objekt>svg{width:14px;height:14px;color:var(--s-fein)}.vorteile{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:30px 0 34px;list-style:none;display:grid}.vorteile li{align-items:flex-start;gap:16px;display:flex}.vorteile svg{stroke-width:1.4px;width:26px;height:26px;color:var(--s-tinte);flex:none}.vorteile strong{color:var(--s-tinte);font-size:15px;font-weight:650;display:block}.vorteile span{color:var(--s-text);margin-top:4px;font-size:13.5px;line-height:1.45;display:block}.zeile-kopf{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px;display:flex}.wissen{padding-top:20px;padding-bottom:36px}.wissen h2{font-size:clamp(28px,2.8vw,36px)}.beitraege{border-top:1px solid var(--s-linie);border-bottom:1px solid var(--s-tinte);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.beitrag{color:inherit;border-left:1px solid var(--s-linie);padding:16px 24px 20px;text-decoration:none;transition:background-color .2s;display:block}.beitrag:first-child{border-left:0;padding-left:0}.beitrag:hover{background:#c7ed692e}.beitrag h3{font-family:var(--sans);letter-spacing:-.01em;font-size:16px;font-weight:650}.beitrag p{color:var(--s-text);margin-top:6px;font-size:13.5px}.faq{padding-bottom:28px}.faq h2{font-family:var(--serif);font-size:clamp(22px,2vw,26px)}.faq-liste{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.faq-eintrag{border:1px solid var(--s-linie);background:var(--s-grund-2);border-radius:6px}.faq-eintrag summary{cursor:pointer;min-height:52px;color:var(--s-tinte);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:550;line-height:1.3;list-style:none;display:flex}.faq-eintrag summary::-webkit-details-marker{display:none}.faq-eintrag summary svg{stroke-width:1.8px;flex:none;width:16px;height:16px;transition:transform .2s}.faq-eintrag[open] summary svg{transform:rotate(45deg)}.faq-eintrag[open]{border-color:var(--s-tinte)}.faq-eintrag p{color:var(--s-text);padding:0 14px 14px;font-size:13.5px;line-height:1.5}.abschluss{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.75fr);align-items:end;gap:20px;padding-top:16px;padding-bottom:18px;display:grid;position:relative}.abschluss:before{content:"";top:0;left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));border-top:1px solid var(--s-tinte);position:absolute}.abschluss h2{padding-bottom:26px;font-size:clamp(40px,4.4vw,60px);line-height:.98}.abschluss-metri{justify-self:center;width:100%;max-width:340px}.abschluss-handlung{justify-items:start;gap:12px;padding-bottom:28px;display:grid}.fuss{border-top:1px solid var(--s-linie);padding:18px 0 28px}.fuss-bahn{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.fuss-marke{display:inline-flex}.fuss-nav{flex-wrap:wrap;gap:4px 0;margin:0 auto;display:flex}.fuss-nav a{color:var(--s-text);padding:4px 0;font-size:13px;text-decoration:none}.fuss-nav a+a:before{content:"·";color:var(--s-fein);margin:0 10px}.fuss-nav a:hover{color:var(--s-tinte);text-underline-offset:3px;text-decoration:underline}.fuss-kurz{color:var(--s-fein);font-size:12px}.start .fuss-klein{color:var(--s-fein);margin:14px auto 0;font-size:11.5px;line-height:1.5}@media (width<=1100px){.frage-raster-kauf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.frage-raster-kauf .frage-text{grid-column:1/-1}}@media (width<=960px){.kopf-nav,.kopf-anmelden{display:none}.kopf-schalter{display:block}.kopf-rechts{gap:10px}.hero{grid-template-columns:1fr;padding-top:18px}.hero-text{padding-bottom:8px}.hero .hero-unter{margin-top:40px}.hero-bild{aspect-ratio:auto;grid-template-columns:1fr;padding-top:8px;display:grid}.hero-bild:before{display:none}.hero-haus{width:74%;margin-left:20%;position:relative;left:auto}.hero-metri{width:24%;margin-top:52%;top:8px;left:0}.hero-notizen{border-top:1px solid var(--s-linie);grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:22px;padding-top:16px;display:grid}.notiz{width:auto;min-width:0;position:static}.notiz:before,.notiz:after{display:none}.hero-fuss{padding-top:24px}.frage-bahn{grid-template-columns:minmax(0,1fr);padding-top:30px;padding-bottom:40px}.frage-nr{grid-row:auto;padding:0 0 10px}.frage-raster,.geldfluss{grid-column:1}.frage-raster{border-left:0;gap:26px;padding-left:0}.frage-raster-miete,.frage-raster-zins,.frage-raster-kauf{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.frage-raster-zins>*,.frage-raster-zins .frage-text{grid-area:auto}.geldfluss{margin-left:0}.mietfluss{grid-template-columns:1fr}.mietfluss-wohnung{width:78%;margin:0 auto}.mietfluss-stroeme{height:260px;margin:-24px 0 0}.mietfluss-notiz{display:none}.geldfluss-raster{grid-template-columns:1fr}.kauf-haeuser{max-width:420px}.zusammen{background:var(--s-zart);padding-bottom:8px}.zusammen-raster{grid-template-columns:1fr}.app-vorschau{grid-template-columns:52px minmax(0,1fr)}.app-leiste{padding:12px 8px}.app-logo,.app-punkte{display:none}.app-nav{justify-content:center;padding:10px 0;font-size:0}.app-raster{grid-template-columns:1fr}.vorteile{grid-template-columns:1fr;gap:18px}.beitraege{grid-template-columns:1fr}.beitrag,.beitrag:first-child{border-left:0;border-top:1px solid var(--s-linie);padding:14px 0}.beitrag:first-child{border-top:0}.faq-liste{grid-template-columns:1fr}.abschluss{grid-template-columns:1fr;align-items:start;padding-top:30px}.abschluss h2{padding-bottom:0}.abschluss-metri{max-width:300px}.fuss-nav{margin:0}}@media (width<=520px){.kopf-marke svg{width:auto;height:18px}.kopf-bahn{gap:10px}.knopf-lang{display:none}.knopf-kurz{display:inline}.hero h1{font-size:clamp(34px,10vw,44px)}.hero-knoepfe .knopf{width:100%}.balken-zeile{grid-template-columns:62px 70px minmax(0,1fr)}.dunkel-kachel{grid-template-columns:1fr}.dunkel-kachel .verlauf{grid-area:auto/1;margin-top:10px}.szenario-zahlen{gap:12px;font-size:34px}.zeitstrahl{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.knopf,.knopf svg,.link-pfeil svg,.faq-eintrag summary svg{transition:none}}.ohne-umbruch{white-space:nowrap}@media (width<=400px){.ohne-umbruch{white-space:normal}}.apps{border-top:1px solid var(--s-linie);margin-top:26px;padding-top:18px}.apps-knoepfe{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:640px;display:grid}.store-knopf{isolation:isolate;background:var(--s-tinte);min-width:0;min-height:54px;color:var(--s-grund-2);border-radius:12px;align-items:center;gap:10px;padding:7px 12px 7px 8px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 10px 24px -14px #1c211bb3}.store-knopf:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#c7ed6938 48%,#0000 66%);transition:transform .7s cubic-bezier(.2,.8,.3,1);position:absolute;inset:0;transform:translate(-120%)}.store-knopf:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 16px 30px -14px #1c211bbf}.store-knopf:hover:after{transform:translate(120%)}.store-symbol{background:var(--s-lime);width:36px;height:36px;color:var(--s-tinte);border-radius:9px;flex:none;place-items:center;display:grid}.store-symbol svg{width:20px;height:20px}.store-text{line-height:1.1;display:grid}.store-text small{font-family:var(--mono);color:var(--s-auf-dunkel-2);letter-spacing:.02em;font-size:10.5px}.store-text{min-width:0}.store-text b{white-space:nowrap;letter-spacing:-.015em;color:var(--s-auf-dunkel);font-size:16px;font-weight:650}.store-text small{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.store-knopf-bald{cursor:default}.store-knopf-bald:hover{transform:none}.store-knopf-bald:after{display:none}@media (width<=1100px) and (width>=961px),(width<=520px){.apps-knoepfe{grid-template-columns:1fr;max-width:360px}}@media (prefers-reduced-motion:reduce){.store-knopf,.store-knopf:after{transition:none}}