/*! © 2026 HaushaltsNavi – Alle Rechte vorbehalten */*{box-sizing:border-box;touch-action:manipulation}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body)}h1,h2,h3{line-height:var(--lh-head);font-weight:700;margin:0}h1{font-size:var(--fs-h1);letter-spacing:-.01em}h2{font-size:var(--fs-h2);margin-bottom:var(--space-4)}h3,.h3{font-size:var(--fs-h3);margin-bottom:var(--space-3)}p{margin:0}a{color:var(--ink)}[hidden]{display:none!important}svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.innen{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.sprung{position:absolute;left:-9999px;top:0;z-index:30;padding:var(--space-2) var(--space-4);background:var(--surface)}.sprung:focus{left:var(--space-4);top:var(--space-2)}.kopf{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top)}.kopf .innen{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-3)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;text-decoration:none;color:var(--ink)}.logo-mark{width:32px;height:32px;border-radius:9px;background:#00716d;display:grid;place-items:center}.logo-mark svg{width:20px;height:20px;stroke:#f4f5f6;stroke-width:2.2}.kopf-r{display:flex;align-items:center;gap:22px}.nav{display:flex;gap:22px;font-size:15px}.nav a{text-decoration:none;padding:var(--space-2) 0;color:var(--ink-soft)}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px;text-decoration-color:var(--accent)}.thema{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-small);cursor:pointer}.thema span{display:inline-flex}.thema svg{width:16px;height:16px}.thema--rund{width:36px;padding:0;justify-content:center}.thema--rund svg{width:18px;height:18px}.thema--rund[aria-current=page]{border-color:var(--accent)}.haupt{padding-top:var(--space-9);padding-bottom:var(--space-12)}.ansicht.schmal{max-width:720px}.einleitung,.seitenkopf .leise{font-size:calc(var(--fs-body) * 1.1);margin:var(--space-2) 0 var(--space-6)}.seitenkopf{margin-bottom:var(--space-2)}.raster{display:grid;gap:var(--gap);align-items:start}.raster--2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.raster--karten{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.stapel{display:grid;gap:var(--gap);align-content:start}.stapel-eng{display:grid;gap:var(--space-3);align-content:start}.held{align-items:center;padding-bottom:var(--space-6)}.held .stapel{gap:var(--space-5)}.gross{font-size:calc(var(--fs-body) * 1.1)}.karte{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--shadow)}#ansicht-daten .karte{margin-bottom:var(--gap)}.karte>:first-child{margin-top:0}.karte--rand{border-left:6px solid var(--accent)}.kurzbox{margin-top:var(--gap);background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--r-card);padding:var(--pad-card)}.unterkarte{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-2);border-radius:var(--r-tile)}.leise{color:var(--ink-soft)}.klein{font-size:var(--fs-small);line-height:1.5}.label{display:block;font-size:var(--fs-small);font-weight:600;margin-bottom:6px}.gross-zahl{font-size:var(--fs-big);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.gross-zahl.mittel{font-size:28px}.marke-pill{display:inline-block;padding:2px var(--space-3);border-radius:var(--r-pill);background:var(--info-bg);font-size:var(--fs-label);margin-bottom:var(--space-3)}.hinweise{margin:0;padding-left:var(--space-5);color:var(--ink-soft);font-size:var(--fs-small)}.schritte{margin:0 0 var(--space-4);padding-left:var(--space-5)}.schritte li+li{margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:10px 16px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--ink-soft)}.chip svg{width:16px;height:16px;stroke:var(--accent);stroke-width:2.4}.knopf,.knopf2{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:10px 20px;border-radius:var(--r-btn);font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.knopf{border:2px solid #00716d;background:#00716d;color:#f4f5f6}.knopf2{border:2px solid var(--btn2-line);background:transparent;color:var(--ink)}.knopf:hover{background:#005f5b;border-color:#005f5b}.knopf2:hover{background:var(--surface-2)}.klein-knopf{min-height:40px;padding:6px 16px;font-size:var(--fs-small)}.knopfreihe{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);align-items:center}form>.knopf{margin-top:var(--space-4)}.beispiele-titel{margin-top:var(--space-5)}.mehr{display:block;width:100%;min-height:var(--tap);margin-top:var(--space-1);padding:0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:var(--fs-small);font-weight:600;cursor:pointer}.hinweis-zeile{font-size:var(--fs-small)}.warnungen{display:grid;gap:var(--space-3);margin:0 0 var(--gap)}.warnung{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:var(--r-card)}.warnung--wichtig{border-left-color:var(--accent)}.warnung-text{display:grid;gap:var(--space-1);flex:1 1 auto;min-width:0}.warnung-titel{font-weight:600}.warnung-link{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-1);font-size:var(--fs-small);font-weight:600;justify-self:start}.warnung-link svg{width:16px;height:16px}.warnung-zu{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);margin:-10px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-soft);cursor:pointer}.warnung-zu:hover{background:var(--surface-2);color:var(--ink)}.warnung-zu:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.hinweis-zeile a{display:inline-flex;align-items:center;gap:4px;font-weight:600}.hinweis-zeile svg{width:16px;height:16px}.info-knopf{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);margin:-12px -6px;padding:0;vertical-align:middle;border:0;border-radius:50%;background:none;color:var(--ink-soft);cursor:pointer}.info-knopf:hover,.info-knopf[aria-expanded=true]{color:var(--accent);background:var(--surface-2)}.karte-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.karte-kopf>h2{margin:0}.pin{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);margin:-10px -12px -10px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-soft);cursor:pointer}.pin:hover{background:var(--surface-2);color:var(--ink)}.pin[aria-pressed=true]{color:var(--accent)}.pin[aria-pressed=true] svg{fill:currentColor}.pin:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.favoriten{margin:0 0 var(--gap)}.favoriten .verlauf-aus{display:none}.info-knopf:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.info-knopf svg{width:18px;height:18px}.info-text{display:grid;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);border-radius:var(--r-field);background:var(--surface-2);color:var(--ink);font-size:var(--fs-small);line-height:1.5}.beispiele{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feld{width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--field-line);border-radius:var(--r-field);background:var(--surface-2);color:var(--ink);font:inherit;font-size:18px}.feld--code{letter-spacing:.04em;font-size:var(--fs-body)}.feld-huelle{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--field-line);border-radius:var(--r-field);padding:0 14px}.feld-huelle:focus-within{outline:2px solid var(--accent);outline-offset:2px}.feld-huelle .feld{border:0;padding:10px 0;background:transparent;outline:none;min-width:0}.einheit{color:var(--ink-soft)}.fehler{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--r-field);background:var(--info-bg);font-size:var(--fs-small)}.fehler--liste{white-space:pre-line;overflow-wrap:anywhere}.meldung{margin:0 0 var(--gap);padding:var(--space-3) var(--space-4);border-radius:var(--r-field);background:var(--info-bg)}.update-hinweis{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.auswahl{border:0;margin:0 0 var(--space-4);padding:0}.radio{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);cursor:pointer}.radio input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin:0}.radio input[type=radio]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;box-sizing:border-box;border:2px solid var(--btn2-line);border-radius:50%;background:transparent;cursor:pointer}.radio input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .12s}.radio input[type=radio]:checked{border-color:var(--accent)}.radio input[type=radio]:checked:before{transform:scale(1)}.radio input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.assistent-offen>.kopf,body.assistent-offen>.haupt,body.assistent-offen>.tabs,body.assistent-offen>.sprung{display:none}.assistent{max-width:720px;min-height:100dvh;padding-top:calc(env(safe-area-inset-top) + var(--space-9));padding-bottom:var(--space-12)}.assistent h1{margin-bottom:var(--space-4)}.assistent h1:focus{outline:none}.assistent .karte{margin-bottom:var(--gap)}.assistent>.leise{margin-bottom:var(--space-4)}.assistent-schritt{font-size:var(--fs-small);font-weight:600;color:var(--ink-soft);margin-bottom:var(--space-2)}.laden{min-height:70dvh;display:grid;place-content:center;justify-items:center;gap:var(--space-3);text-align:center}.lade-kreis{width:48px;height:48px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:drehen .9s linear infinite;margin-bottom:var(--space-3)}.assistent>.chips{margin-bottom:var(--space-6)}.start-frage{margin:0 0 var(--space-3)}.start-wege{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.start-weg{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:var(--tap);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font:inherit;text-align:left;cursor:pointer}.start-weg:hover{border-color:var(--accent)}.start-weg:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.start-weg>svg{flex-shrink:0;width:20px;height:20px;stroke:var(--ink-soft)}.start-ikon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--r-tile);background:var(--surface-2)}.start-ikon svg{width:22px;height:22px;stroke:var(--accent)}.start-text{display:grid;gap:2px;flex:1 1 auto;min-width:0}.start-titel{font-weight:600}.start-info{color:var(--ink-soft);font-size:var(--fs-small)}.assistent-kopf{display:flex;align-items:center;gap:var(--space-3);margin:calc(var(--space-9) * -1 + var(--space-3)) 0 var(--space-6);min-height:var(--tap)}.assistent-zurueck{display:grid;place-items:center;flex-shrink:0;width:var(--tap);height:var(--tap);margin-left:-10px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.assistent-zurueck svg{width:24px;height:24px;stroke:currentColor}.assistent-zurueck:hover{background:var(--surface-2)}.assistent-zurueck:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.assistent-abschnitte{display:flex;gap:4px;flex:1 1 auto}.assistent-abschnitte span{flex:1 1 0;height:6px;border-radius:var(--r-pill);background:var(--surface-2);transition:background-color .3s var(--ease)}.assistent-abschnitte span.fertig{background:var(--accent)}.assistent-kopf .assistent-schritt{margin:0;flex-shrink:0;font-variant-numeric:tabular-nums}.assistent-satz{color:var(--ink-soft);margin:calc(var(--space-2) * -1) 0 var(--space-6)}.einschieben{animation:hn-einschieben .28s var(--ease) both}.einschieben--zurueck{animation-name:hn-einschieben-zurueck}@keyframes hn-einschieben{0%{opacity:0;transform:translate(32px)}}@keyframes hn-einschieben-zurueck{0%{opacity:0;transform:translate(-32px)}}.einrichtung{display:grid;gap:var(--space-5)}.einrichtung>.fehler,.einrichtung .frage-liste,.einrichtung .frage-chips{margin-top:0;margin-bottom:0}.einrichtung .knopfreihe{margin-top:var(--space-2)}.frage-liste{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.frage-kachel{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:72px;padding:var(--space-4);border:1.5px solid var(--line);border-radius:var(--r-card);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s var(--ease)}.frage-kachel:hover:not(:disabled){border-color:var(--accent)}.frage-kachel:active:not(:disabled){transform:scale(.985)}.frage-kachel:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.frage-kachel[aria-pressed=true]{border-color:var(--accent);background:var(--surface-2)}.frage-kachel>svg{flex-shrink:0;width:22px;height:22px;stroke:var(--accent);stroke-width:2.6;opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s var(--ease)}.frage-kachel[aria-pressed=true]>svg{opacity:1;transform:none}.frage-kachel:disabled{cursor:default;box-shadow:none}.frage-kachel:disabled .frage-ikon svg{stroke:var(--ink-soft)}.frage-ikon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--r-tile);background:var(--surface-2)}.frage-ikon svg{width:24px;height:24px;stroke:var(--accent)}.frage-text{display:grid;gap:2px;flex:1 1 auto;min-width:0}.frage-titel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:600}.frage-info{color:var(--ink-soft);font-size:var(--fs-small)}.frage-abzeichen{display:inline-block;padding:1px 8px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);font-size:11px;font-weight:700;letter-spacing:.02em;vertical-align:middle}h2 .frage-abzeichen{margin-left:var(--space-2)}.frage-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.frage-chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 var(--space-4);border:1.5px solid var(--btn2-line);border-radius:var(--r-pill);background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-small);font-weight:600;cursor:pointer}.frage-chip svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.4}.frage-chip[aria-pressed=true]{border-color:#00716d;background:#00716d;color:#f4f5f6}.frage-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.einrichtung .auswahl{border:0;padding:0;margin:0;min-width:0}.einrichtung .auswahl select{margin-top:var(--space-1)}.feld-gruppe--gross .feld-huelle{padding:0 var(--space-4)}.feld-gruppe--gross .feld{font-size:32px;font-weight:700;min-height:64px;font-variant-numeric:tabular-nums}.feld-gruppe--gross .einheit{font-size:24px;font-weight:600}.fix-zeile{display:grid;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.fix-zeile .segment{max-width:260px}.knopf-text{min-height:var(--tap);padding:0 var(--space-2);border:0;background:none;color:var(--ink);font:inherit;font-size:var(--fs-small);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.knopf-text:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#start-beispiel{margin:0 0 var(--space-4) calc(var(--space-2) * -1)}.hs-schritte{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-3)}.hs-schritt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-weight:600}.hs-nr{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--ink-soft);font-size:var(--fs-small)}.hs-ikon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--r-tile);background:var(--surface-2)}.hs-ikon svg{width:24px;height:24px;stroke:var(--accent)}.assistent .kurzbox h3{margin:0}.assistent .kurzbox .knopf2{justify-self:start}.geschafft-held{display:grid;justify-items:center;gap:var(--space-1);text-align:center;padding:var(--space-6) 0}.geschafft-held p{margin:0}.geschafft-haken{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-3);border-radius:50%;background:#00716d;animation:hn-haken .45s var(--ease) both}.geschafft-haken svg{width:32px;height:32px;stroke:#f4f5f6;stroke-width:3}@keyframes hn-haken{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}}.einladen-kopf{display:flex;align-items:center;gap:var(--space-3)}.einladen-kopf h2{margin:0}.beispiel-leiste{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--r-card);background:var(--surface)}.beispiel-leiste[hidden]{display:none}.beispiel-leiste p{margin:0;flex:1 1 auto;font-size:var(--fs-small);font-weight:600}.beispiel-leiste .knopf{flex-shrink:0}.beispiel-ikon svg{width:22px;height:22px;stroke:var(--accent)}@media (prefers-reduced-motion: reduce){.einschieben,.geschafft-haken{animation:none}.frage-kachel,.frage-kachel>svg,.assistent-abschnitte span{transition:none}}@keyframes drehen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.lade-kreis{animation-duration:3s}}.zuordnung{display:grid}.wahl-reihe{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:var(--space-3) 0;border-top:1px solid var(--line)}.wahl-reihe legend{float:left;width:100%;margin-bottom:var(--space-2);overflow-wrap:anywhere}.wahl-reihe .radio{min-height:40px;padding:0 var(--space-3);border:1px solid var(--btn2-line);border-radius:var(--r-pill);font-size:var(--fs-small)}.wahl-reihe .radio:has(input:checked){border-color:var(--accent);background:var(--surface-2);font-weight:600}.wahl-reihe .radio input{width:18px;height:18px}.liste{list-style:none;margin:0;padding:0}.eintrag{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}.eintrag:first-child{border-top:0}.eintrag-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.eintrag-neben{display:block;color:var(--ink-soft);font-size:var(--fs-small);line-height:1.5;font-weight:400}.betrag{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.eintrag.summe,.eintrag.summe .betrag{font-weight:700}.eintrag.minus .betrag{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent)}.kachel{width:36px;height:36px;border-radius:var(--r-tile);display:grid;place-items:center;flex:none}.kachel svg{stroke:var(--cat-icon)}.kachel--wohnen{background:var(--cat-wohnen)}.kachel--energie{background:var(--cat-energie)}.kachel--vertraege{background:var(--cat-vertraege)}.kachel--alltag{background:var(--cat-alltag)}.eintrag--knopf{padding:0}.eintrag-knopf{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-3) 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.eintrag-knopf>svg{width:16px;height:16px;color:var(--ink-soft)}.eintrag-knopf:hover .eintrag-text{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.eintrag-knopf:hover .eintrag-neben{text-decoration:none}.eintrag-knopf:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-field)}.kopf-knopf,.schnell{margin:0 0 var(--gap)}.gruppe{flex-direction:column;align-items:stretch;gap:0}.gruppe>.eintrag-knopf>svg{transform:rotate(90deg);transition:transform .15s}.gruppe>.eintrag-knopf[aria-expanded=true]>svg{transform:rotate(-90deg)}.gruppe-posten{padding-left:24px}.eintrag.frei-monat,.eintrag.frei-monat .betrag{font-weight:700}.eintrag.frei-kredit{padding-left:24px}.eintrag.frei-kredit .betrag{color:var(--ink-soft)}.akkordeon{padding:0;overflow:hidden}.akk-teil+.akk-teil{border-top:1px solid var(--line)}.akk-titel{margin:0;font-size:inherit;font-weight:inherit}.akk-kopf{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-4) var(--pad-card);border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.akk-kopf:hover{background:var(--surface-2)}.akk-kopf:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.akk-text{display:grid;gap:2px;flex:1 1 auto;min-width:0}.akk-name{font-weight:600}.akk-kurz{overflow-wrap:anywhere}.akk-fehlt{color:var(--ink);font-weight:600}.akk-kopf>svg{width:16px;height:16px;color:var(--ink-soft);transform:rotate(90deg);transition:transform .15s}.akk-kopf[aria-expanded=true]>svg{transform:rotate(-90deg)}.akk-koerper{padding:0 var(--pad-card) var(--pad-card)}.akk-koerper>.auswahl:last-child{margin-bottom:0}@media (prefers-reduced-motion: reduce){.akk-kopf>svg{transition:none}}.speicherleiste{position:sticky;bottom:var(--space-4);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-card);box-shadow:var(--shadow)}.speicherleiste[hidden]{display:none}.speicherleiste-text{margin:0;font-weight:600;font-size:var(--fs-small);flex:1 1 auto}.speicherleiste .fehler{flex-basis:100%;order:3;margin:0}.speicherleiste .knopfreihe{margin:0}.gruppe-posten>.eintrag:first-child{border-top:1px solid var(--line)}@media (prefers-reduced-motion: reduce){.gruppe>.eintrag-knopf>svg{transition:none}}.blatt{width:min(560px,calc(100% - 2 * var(--gutter)));max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.blatt::backdrop{background:#0009}.blatt h2{margin-bottom:var(--space-2)}.blatt h2:focus{outline:none}.blatt .stapel-eng{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.blatt .stapel-eng>*{min-width:0}html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}.feld-reihe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}@media (max-width: 480px){.feld-reihe--stapeln{grid-template-columns:minmax(0,1fr)}}input[type=date].feld,input[type=month].feld{display:block;min-width:0;max-width:100%}@supports (-webkit-touch-callout: none){input[type=date].feld,input[type=month].feld{-webkit-appearance:none;appearance:none;text-align:left}}.feld::-webkit-date-and-time-value{text-align:left;margin:0}.feld-gruppe>.hilfe{margin:6px 0 0}.aufklapp .feld-gruppe+.feld-gruppe,.aufklapp .karte-kopf+.info-text{margin-top:var(--space-2)}.lz-wechsel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0}.lz-wechsel>span{flex-basis:100%}.aufklapp>.karte-kopf{margin-bottom:var(--space-2)}.lz-zusammenfassung{margin:var(--space-2) 0 0;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--fs-small);font-weight:600}.aufklapp--innen{padding:var(--space-2) var(--space-3)}.laufzeit-hinweis{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--r-field);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.aufklapp{border:1px solid var(--line);border-radius:var(--r-field);padding:var(--space-3) var(--space-4)}.aufklapp>summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer;font-size:var(--fs-small);font-weight:600;color:var(--accent)}.aufklapp>summary{list-style:none;justify-content:space-between;gap:var(--space-3)}.aufklapp>summary::-webkit-details-marker{display:none}.aufklapp>summary:after{content:"+";font-size:var(--fs-h3);line-height:1}.aufklapp[open]>summary:after{content:"–"}.aufklapp[open]>summary{margin-bottom:var(--space-2)}.zeile-beendet{opacity:.7}.faellig-gruppe{margin:var(--space-3) 0 0;font-size:var(--fs-label);font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.faellig-gruppe:first-of-type{margin-top:0}.faellig-gruppe--warn{color:var(--ink)}.zeile-ueberfaellig{box-shadow:inset 3px 0 0 var(--accent);padding-left:var(--space-3)}.zeile-erledigt .eintrag-text,.zeile-erledigt .betrag,.zeile-erledigt .kachel{opacity:.6}.abhaken{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);margin:-4px -6px -4px 0;padding:0;border:0;background:none;cursor:pointer;color:var(--ink-soft)}.abhaken svg{width:26px;height:26px;padding:4px;border:2px solid var(--btn2-line);border-radius:50%;stroke:transparent;stroke-width:3;box-sizing:border-box}.abhaken:hover svg{stroke:var(--ink-soft)}.abhaken[aria-pressed=true] svg{background:#00716d;border-color:#00716d;stroke:#f4f5f6}.abhaken:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:50%}select.feld,input[type=date].feld{cursor:pointer}.blatt .knopfreihe{margin-top:var(--space-2)}.gefahr-zone{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.knopf-gefahr{min-height:var(--tap);padding:0 var(--space-2);margin-left:calc(-1 * var(--space-2));border:0;background:none;color:var(--ink-soft);font:inherit;font-size:var(--fs-small);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.knopf-gefahr:hover{color:var(--ink)}.einrichtung .auswahl{margin:0}.einrichtung legend{padding:0;margin-bottom:var(--space-2)}.person-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:start}.person-zeile--wg{grid-template-columns:minmax(0,1fr) minmax(0,120px) auto}.person-weg{margin-top:26px;min-height:var(--tap);padding:6px 12px}.einrichtung .zeile .name{min-width:30%}.nur-lesbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.zeile{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--line)}.zeile:last-child{border-bottom:0}.zeile .name{flex:1 1 auto;min-width:40%;overflow-wrap:anywhere}.zeile .klein{display:block;color:var(--ink-soft);font-size:var(--fs-label)}.zeile .betrag{white-space:normal;font-weight:400}.zeile.summe{font-weight:600}.zeile.warn .name{color:var(--ink);font-weight:500}.klein-abstand{margin:var(--space-4) 0 0}.aufteilung,.fortschritt{display:flex;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-2)}.aufteilung{height:14px;gap:2px}.fortschritt{height:10px}.aufteilung span:nth-child(odd){background:#00716d}.aufteilung span:nth-child(2n){background:var(--split-2)}.fortschritt span{background:var(--accent);border-radius:var(--r-pill)}.notgroschen-empfehlung{padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:var(--r-field);font-size:var(--fs-small)}.regler-feld{display:grid;gap:var(--space-2)}.regler-feld+.regler-feld{border-top:1px solid var(--line);padding-top:var(--space-4)}.regler-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.regler-kopf .label{margin:0}.regler-wert{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}input[type=range].regler{width:100%;min-height:var(--tap);margin:0;accent-color:var(--accent);cursor:pointer}.regler-knoepfe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;gap:var(--space-2);max-width:420px}.regler-knoepfe .klein-knopf{padding:6px 4px;font-size:var(--fs-label)}.klein-knopf[aria-pressed=true]{border-color:var(--accent);background:var(--surface-2)}.plan-ergebnis{position:sticky;top:calc(61px + var(--space-4))}.tabs{display:none}@media (max-width: 760px){.raster--2{grid-template-columns:minmax(0,1fr)}.plan-ergebnis{order:-1;position:static}.nav{display:none}body{min-height:100vh;min-height:100dvh}.haupt{padding-top:var(--space-6);padding-bottom:calc(80px + env(safe-area-inset-bottom))}html,body{overscroll-behavior-y:none}html{scroll-padding-top:calc(57px + env(safe-area-inset-top))}.kopf{position:fixed;left:0;right:0;top:0}.kopf .innen{height:56px;padding-top:10px;padding-bottom:10px}.logo{font-size:18px}.speicherleiste{bottom:calc(57px + env(safe-area-inset-bottom) + var(--space-2))}.tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;justify-content:center;font-size:12px;text-decoration:none;color:var(--ink-soft)}.tabs a svg{width:22px;height:22px;box-sizing:content-box;padding:3px 16px;border-radius:var(--r-pill);background:transparent;transition:background-color .25s ease,stroke .2s ease}.tabs a{transition:color .2s ease}.tabs a[aria-current=page]{color:var(--ink);font-weight:700}.tabs a[aria-current=page] svg{stroke:var(--accent);background:var(--surface-2)}.tabs a:before{content:"";position:absolute;top:-1px;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--accent);transform:scaleX(0);opacity:0;transition:transform .3s var(--ease),opacity .2s ease}.tabs a[aria-current=page]:before{transform:none;opacity:1}.schnell{margin:0 0 var(--space-3)}.gross-zahl{font-size:30px}:root{--gap: var(--space-3);--pad-card: var(--space-4)}.haupt{padding-top:calc(57px + env(safe-area-inset-top) + var(--space-4))}h1{font-size:26px}h2{font-size:19px;margin-bottom:var(--space-3)}h3,.h3{margin-bottom:var(--space-1)}.seitenkopf .leise{display:none}.einleitung{font-size:var(--fs-small);margin:var(--space-1) 0 var(--space-3)}.seitenkopf{margin-bottom:var(--space-3)}.eintrag{padding:var(--space-2) 0}.eintrag--knopf{padding:0}.eintrag-knopf{padding:var(--space-2) 0}.blatt{width:100%;max-width:100%;margin:auto 0 0;max-height:92dvh;border-radius:var(--r-card) var(--r-card) 0 0;padding-bottom:calc(var(--pad-card) + env(safe-area-inset-bottom))}.blatt .stapel-eng{gap:var(--space-3)}.kachel{width:32px;height:32px}.stapel-eng{gap:var(--space-2)}.knopfreihe{margin-top:var(--space-2)}.held{padding-bottom:0}}.reiter{display:flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);background:var(--surface-2);border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none}.reiter a{flex:1 0 auto;min-height:var(--tap);display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);border-radius:var(--r-pill);color:var(--ink-soft);text-decoration:none;font-size:var(--fs-small);font-weight:500;white-space:nowrap}.reiter a:hover{color:var(--ink)}.reiter a[aria-current]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line)}.held-zahl{display:grid;gap:2px}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,92px),1fr));gap:var(--space-2)}.kennzahl{display:grid;gap:2px;align-content:start;padding:var(--space-3);border-radius:var(--r-tile);background:var(--surface-2)}.kennzahl-wert{font-size:18px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kennzahl-label{font-size:var(--fs-label);color:var(--ink-soft);line-height:1.4}.segment{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--r-pill)}.segment button{flex:1 1 0;min-height:var(--tap);border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-soft);font:inherit;font-size:var(--fs-small);font-weight:500;cursor:pointer}.segment button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line)}.segment button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rangliste{list-style:none;padding:0;margin:0}.rang{flex:0 0 auto;display:grid;place-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--accent);font-size:var(--fs-small);font-weight:700}.saeulen{display:flex;align-items:flex-end;gap:2px;height:96px;padding-top:var(--space-2)}.saeulen span{flex:1 1 0;min-width:2px;border-radius:3px 3px 0 0;background:var(--split-2);opacity:.55}.saeulen span.saeule-mehr{opacity:1}.saeulen-achse{display:flex;justify-content:space-between;margin-top:calc(-1 * var(--space-2))}.seitenkopf--aktion{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.seitenkopf--aktion h1{margin:0}.kopf-aktion{display:none;place-content:center;flex:0 0 auto;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--surface-2);color:var(--ink)}.kopf-aktion svg{width:22px;height:22px}.kopf-aktion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.held-karte{display:grid;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-5);border-radius:var(--r-card);background:var(--surface)}.held-knopf{display:grid;gap:2px;justify-items:start;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:var(--tap)}.held-knopf:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-field)}.held-wert{font-size:44px;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.held-wert--minus{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px}.held-unter{display:inline-flex;align-items:center;gap:4px;color:var(--ink-soft);font-size:var(--fs-small)}.held-unter svg{width:14px;height:14px}.held-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-small)}.held-link svg{width:14px;height:14px}.netto-balken{display:flex;height:10px;gap:2px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-2)}.netto-balken span{min-width:0}.nb-fixkosten .punkt,.netto-balken .nb-fixkosten{background:#00716d}.nb-sparen .punkt,.netto-balken .nb-sparen{background:var(--split-2)}.nb-frei .punkt,.netto-balken .nb-frei{background:var(--ink-soft)}.legende{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--fs-label);color:var(--ink-soft)}.legende li{display:inline-flex;align-items:center;gap:6px}.legende .punkt{width:8px;height:8px;border-radius:50%}.kennzahlen--kacheln{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.kennzahl--link{position:relative;padding:var(--space-4);min-height:84px;background:var(--surface);color:inherit;text-decoration:none;border-radius:var(--r-card)}.kennzahl--link:hover .kennzahl-wert{color:var(--accent)}.kennzahl--link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kennzahl--link .kennzahl-wert{font-size:22px}.ring{position:absolute;top:var(--space-4);right:var(--space-4);width:30px;height:30px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:4}.ring-wert{stroke:var(--accent);stroke-linecap:round}.blatt-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.blatt-kopf h2{margin:0;font-size:var(--fs-h3)}.blatt-kopf h2:focus{outline:none}.blatt-zu{display:grid;place-content:center;flex:0 0 auto;width:var(--tap);height:var(--tap);border:0;border-radius:50%;background:var(--surface-2);color:var(--ink);cursor:pointer}.blatt-zu svg{width:18px;height:18px}.blatt-zu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes hn-rein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes hn-hoch{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}dialog.blatt[open]{animation:hn-hoch .22s ease-out}@media (prefers-reduced-motion: reduce){dialog.blatt[open]{animation:none}}@media (max-width: 760px){.kopf{display:none}.kopf-aktion{display:grid}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--bg);z-index:20;pointer-events:none}html{scroll-padding-top:calc(env(safe-area-inset-top) + var(--space-4))}.haupt{padding-top:calc(env(safe-area-inset-top) + var(--space-5))}:root{--gap: var(--space-4);--pad-card: var(--space-5)}.karte{border-color:transparent}h1{font-size:30px;letter-spacing:-.01em}.seitenkopf{margin-bottom:var(--space-4)}.held-wert{font-size:40px}.gross-zahl{font-size:30px}.kennzahlen--kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}.anteil-balken{display:flex;height:4px;margin-top:6px;max-width:220px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-2)}.anteil-balken span{background:var(--accent);border-radius:var(--r-pill)}.held-karte--zeile{grid-template-columns:minmax(0,1fr) auto;align-items:end}.held-karte--zeile .knopfreihe{margin:0}.held-karte--zeile .held-knopf{cursor:default}@media (max-width: 480px){.held-karte--zeile{grid-template-columns:minmax(0,1fr)}}:root{--ease: cubic-bezier(.2, .7, .2, 1)}.knopf,.knopf2,.thema,.pin,.warnung-zu,.info-knopf,.blatt-zu,.start-weg,.akk-kopf,.eintrag-knopf,.kennzahl--link,.reiter a,.mehr,.radio{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .2s ease,transform .15s var(--ease)}.knopf:active,.knopf2:active,.pin:active,.blatt-zu:active,.warnung-zu:active{transform:scale(.96)}.start-weg:active,.kennzahl--link:active,.eintrag-knopf:active{transform:scale(.985)}@media (hover: hover){.start-weg:hover,.kennzahl--link:hover{transform:translateY(-1px)}}.pin svg{transition:fill .2s ease,transform .25s var(--ease)}.pin[aria-pressed=true] svg{transform:scale(1.12)}.feld,.feld-huelle{transition:border-color .15s ease,box-shadow .2s ease}.feld:focus-visible{outline-offset:2px}.wahl-reihe .radio{transition:border-color .15s ease,background-color .15s ease}.info-text{animation:hn-rein .2s var(--ease)}.fehler,.meldung,.speicherleiste:not([hidden]){animation:hn-rein .2s var(--ease)}@keyframes hn-karte{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hn-balken{0%{transform:scaleX(0)}to{transform:none}}.wechselt .stufe{animation:hn-karte .26s var(--ease) both;animation-delay:calc(var(--i, 0) * 25ms);will-change:opacity,transform}.wechselt :is(.netto-balken,.anteil-balken)>span{transform-origin:left center;animation:hn-balken .6s var(--ease) both;animation-delay:.12s}.wechselt .ring-wert{animation:hn-ring .8s var(--ease) both;animation-delay:.12s}@keyframes hn-ring{0%{stroke-dasharray:0 100}}dialog.blatt::backdrop{transition:background-color .22s ease}@keyframes hn-runter{to{transform:translateY(32px);opacity:0}}dialog.blatt.schliesst{animation:hn-runter .18s ease-in forwards}dialog.blatt.schliesst::backdrop{background:#0000}@keyframes hn-dunkel{0%{background:#0000}}dialog.blatt[open]::backdrop{animation:hn-dunkel .22s ease-out}@media (prefers-reduced-motion: reduce){.info-text,.fehler,.meldung,.speicherleiste:not([hidden]),.wechselt .stufe,dialog.blatt[open]::backdrop{animation:none}}.nur-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.schulden-kopf .gross-zahl{line-height:1.15}.schulden-kopf .karte-kopf h2{margin:0}.kredit-stuecke{display:flex;gap:3px;height:10px;margin-top:var(--space-2)}.kredit-stuecke span{flex:1 1 0;border-radius:var(--r-pill);background:var(--split-2)}.kredit-stuecke .stueck-spaet{background:var(--warn)}.kredit-stuecke .stueck-offen{background:repeating-linear-gradient(135deg,var(--ink-soft) 0 3px,transparent 3px 6px)}.legende .punkt-warn{background:var(--warn)}.legende .punkt-frei{background:var(--split-2)}.legende .punkt{border-radius:2px}.treppe{display:flex;align-items:stretch;gap:4px;height:128px}.treppe-saeule{flex:1 1 0;min-width:3px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.treppe-saeule>span{display:block;border-radius:3px;min-height:0}.treppe-frei{background:var(--split-2)}.treppe-raten{background:var(--warn)}.treppe-achse{display:flex;gap:4px;font-size:11px}.treppe-achse span{flex:1 1 0;text-align:center;min-width:0}.treppe-achse--enden{justify-content:space-between}.treppe-achse--enden span{flex:0 0 auto}.abhaken-kopf{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--fs-small);font-weight:600}.abhaken-kopf:first-of-type{margin-top:0;padding-top:0;border-top:0}.abhaken-frei{color:var(--accent);font-variant-numeric:tabular-nums}.abhaken-liste .abhaken{margin:-4px 0 -4px -10px}.status-ring{flex:none;width:22px;height:22px;margin:0 10px 0 1px;border:2px solid var(--btn2-line);border-radius:50%;opacity:.6}.karte--akzent{border-color:var(--accent)}.symbol-kachel{display:inline-grid;place-content:center;width:36px;height:36px;margin-right:var(--space-3);vertical-align:middle;border-radius:var(--r-tile);background:var(--surface-2);color:var(--accent)}.symbol-kachel svg{width:20px;height:20px}.umleiten-grafik{position:relative;margin-top:var(--space-2);padding-top:var(--space-9)}.umleiten-saeulen{height:120px;padding-top:0;gap:4px}.umleiten-saeulen span{background:var(--btn);opacity:1}.umleiten-saeulen span.saeule-ziel{background:var(--split-2)}.ziel-linie{position:absolute;left:0;right:0;border-top:2px dashed var(--ink);pointer-events:none}.ziel-linie span{position:absolute;left:0;bottom:4px;font-size:var(--fs-label);font-weight:600}details.extra>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);cursor:pointer;list-style:none}details.extra>summary::-webkit-details-marker{display:none}details.extra>summary>svg{flex:none;width:20px;height:20px;color:var(--ink-soft);transition:transform .2s var(--ease)}details.extra[open]>summary>svg{transform:rotate(180deg)}details.extra[open]>summary{margin-bottom:var(--space-3)}.extra-titel{display:grid;gap:2px}.extra-titel .h3{margin:0;font-weight:700;color:var(--ink)}.extra-teil+.extra-teil{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.wahl-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.wahl-kachel{display:grid;gap:2px;justify-items:start;align-content:start;min-height:var(--tap);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-tile);background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.wahl-kachel svg{width:22px;height:22px;margin-bottom:var(--space-1);stroke:var(--accent)}.wahl-kachel[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.wahl-name{font-weight:600;font-size:var(--fs-small)}.wahl-kachel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flaeche-frei{border:1.5px dashed var(--ink-soft);background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--ink-soft) 18%,transparent) 6px 8px);color:var(--ink)}.knopf-breit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}.knopf[disabled]{opacity:.55;cursor:default}.gehaltstag-kopf{display:flex;align-items:center;gap:var(--space-2)}.gehaltstag-kopf>p{flex:1;margin:0}.geld-balken{display:flex;gap:3px;min-height:34px}.geld-balken .stueck{display:flex;align-items:center;min-width:0;padding:0 var(--space-2);border-radius:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-label);font-weight:600}.stueck--netto{background:var(--surface-2);color:var(--ink)}.stueck--joint{background:var(--joint);color:var(--joint-ink)}.stueck--btn{background:var(--btn);color:var(--btn-ink)}.stueck--spar{background:var(--split-2);color:var(--spar-ink)}.stueck--wunsch{background:var(--wunsch);color:var(--partner-ink)}.geld-balken .stueck.flaeche-frei{justify-content:center}.geld-legende .eintrag{align-items:center}.farbfeld{flex:none;width:14px;height:14px;border-radius:4px}.chip-knopf{display:inline-flex;align-items:center;gap:var(--space-2);align-self:start;min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--btn2-line);border-radius:var(--r-pill);color:var(--ink);font-size:var(--fs-small);font-weight:600;text-decoration:none}.chip-knopf:hover{border-color:var(--accent)}#alltag .gross-zahl{margin:0}.gross-zahl.minus{text-decoration:underline;text-decoration-color:var(--warn)}.wochen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:var(--space-2) 0 0;padding:0;list-style:none}.woche{display:grid;gap:1px;justify-items:center;padding:4px 1px;border-radius:var(--r-tile);background:var(--surface-2)}.woche-name{font-size:10px;color:var(--ink-soft);white-space:nowrap}.woche-wert{font-weight:700;font-size:var(--fs-small);font-variant-numeric:tabular-nums}.woche--rest{background:transparent;border:1px dashed var(--line)}.woche--rest .woche-wert{color:var(--ink-soft)}.regel-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.regel-titel{font-size:var(--fs-small);font-weight:600}.regel-zeile{display:grid;gap:4px;margin-top:var(--space-2)}.regel-balken{position:relative;min-height:26px}.regel-balken .stueck{padding:0}.regel-linie{position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px}.regel-zahlen{display:flex;gap:3px;font-size:11px;font-weight:600}.regel-zahlen span{min-width:0;white-space:nowrap}.regel-zahlen span:last-child{text-align:right}.legende .punkt-btn{background:var(--btn)}.legende .punkt-wunsch{background:var(--wunsch)}.legende .punkt-alltag{border:1px dashed var(--ink-soft)}.regel-bewertung .eintrag{align-items:center;font-size:var(--fs-small)}.pille{flex:none;padding:2px var(--space-2);border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:600;white-space:nowrap}.pille--warn{background:var(--warn-bg);color:var(--warn)}.pille--gut{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.verlauf-chips{margin:0;padding:0;list-style:none}.zurueck-link{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);color:var(--ink-soft);text-decoration:none;font-size:var(--fs-small)}.seiten-unter{margin:calc(-1 * var(--space-2)) 0 0}.modell-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:var(--space-2)}.modell-kachel{position:relative;display:grid;gap:2px;align-content:start;justify-items:start;min-height:72px;padding:var(--space-4) var(--space-3) var(--space-3);border:1px solid var(--line);border-radius:var(--r-tile);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.modell-kachel[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.modell-kachel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modell-kachel .klein{font-size:12px;line-height:1.3}.modell-name{font-weight:700;font-size:var(--fs-small);line-height:1.25}.abzeichen{position:absolute;top:-9px;right:6px;padding:1px 8px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);font-size:11px;font-weight:700}.abzeichen--eigen{background:var(--split-2);border-color:var(--split-2);color:var(--spar-ink)}.beispiel-hinweis{align-self:start;padding:2px var(--space-2);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-label);color:var(--ink-soft)}.fluss-quellen{display:grid;gap:var(--space-3)}.fluss-quellen--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}.fluss-kasten,.fluss-konto{display:grid;gap:2px;padding:var(--space-3);border-radius:var(--r-tile)}.fluss-kasten--du{background:var(--btn);color:var(--btn-ink)}.fluss-kasten--partner{background:var(--partner);color:var(--partner-ink)}.fluss-label{font-size:var(--fs-label);opacity:.9}.fluss-wert{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.fluss-link{color:inherit;font-size:var(--fs-label);font-weight:600}.fluss-pfeil{display:flex;align-items:center;justify-content:center;gap:4px;min-height:32px;color:var(--ink-soft);font-size:var(--fs-label);font-weight:600}.fluss-konto{border:1px solid var(--line);background:var(--surface-2)}.fluss-konto--gemeinsam{border-color:transparent;background:var(--joint);color:var(--joint-ink)}.fluss-konto--giro{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.fluss-konto .chips{margin:var(--space-2) 0 0;padding:0;list-style:none}.fluss-konto .chip{background:var(--surface);color:var(--ink)}.fluss-konto .chip.flaeche-frei{background-color:transparent}.warn-box{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border-radius:var(--r-tile);background:var(--warn-bg);color:var(--warn);font-size:var(--fs-small)}.warn-box svg{margin-top:3px}.bewertung .eintrag{align-items:center}.punkte{display:inline-flex;gap:6px}.punkte span{width:12px;height:12px;border-radius:50%}.punkt-an{background:var(--accent)}.punkt-aus{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.gut-wenn{display:flex;gap:var(--space-2);align-items:flex-start;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--fs-small)}.gut-wenn svg{margin-top:3px;color:var(--accent)}.schritte-liste{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none;counter-reset:schritt;font-size:var(--fs-small)}.schritte-liste li{display:flex;gap:var(--space-3);align-items:flex-start;counter-increment:schritt}.schritte-liste li:before{content:counter(schritt);flex:none;display:grid;place-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);font-weight:700;font-size:var(--fs-label)}.verlauf-chips .chip,.fluss-konto .chip{padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font-size:var(--fs-label);font-weight:500}.verlauf-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.geld-legende .eintrag{font-size:var(--fs-small);padding:var(--space-2) 0}.fluss-konto--gemeinsam .chip{padding:0;border:0;background:none;color:inherit;font-size:var(--fs-small)}.fluss-spalte{display:grid;grid-template-rows:1fr auto}.legende--betraege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-4)}.legende--betraege li{display:flex;gap:6px}.legende--betraege .legende-name{flex:1}.legende--betraege .betrag{color:var(--ink);font-weight:600;font-size:var(--fs-label)}.regel-hinweis{margin:0;text-align:right}.fluss-konto .chip.flaeche-frei{border:1.5px dashed var(--ink-soft);background:transparent}.fluss-kasten{align-content:start}.kopf-rund{display:grid;place-content:center;flex:none;width:var(--tap);height:var(--tap);border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink)}.kopf-rund svg{width:22px;height:22px}.kopf-rund:hover{border-color:var(--accent)}.kopf-rund:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.route-titel{margin:0;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.01em}.route-kopf .route-fett{color:var(--ink);font-weight:700}.route-linie-box{margin-top:var(--space-2)}.route-linie{position:relative;height:22px;margin:0 6px}.route-linie:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px dashed var(--ink-soft);opacity:.7}.route-voll{position:absolute;left:0;top:calc(50% - 2px);height:4px;border-radius:var(--r-pill);background:var(--accent)}.route-start{position:absolute;left:-6px;top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--accent)}.route-punkt{position:absolute;top:calc(50% - 4px);width:8px;height:8px;margin-left:-4px;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.route-fahne{position:absolute;right:-8px;bottom:50%;color:var(--accent);line-height:0}.route-fahne svg{width:20px;height:20px}.route-achse{display:flex;justify-content:space-between}.zeitstrahl{display:grid;margin:0;padding:0;list-style:none}.meilenstein{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding-bottom:var(--space-4)}.meilenstein:last-child{padding-bottom:0}.meilenstein:before{content:"";position:absolute;left:14px;top:30px;bottom:0;border-left:2px solid var(--line)}.meilenstein:last-child:before{display:none}.meilenstein:has(+.meilenstein--bedingt):before{border-left-style:dashed}.meilenstein-marke{display:grid;place-content:center;width:30px;height:30px;border:2px solid var(--accent);border-radius:50%;background:var(--surface);color:var(--accent);font-size:10px;font-weight:700}.meilenstein-marke svg{width:15px;height:15px}.meilenstein--frei .meilenstein-marke:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.meilenstein--heute .meilenstein-marke{border-color:var(--split-2);background:var(--split-2);color:var(--spar-ink)}.meilenstein--ziel .meilenstein-marke{border-color:var(--btn);background:var(--btn);color:var(--btn-ink)}.meilenstein--bedingt .meilenstein-marke{border-style:dashed;border-color:var(--ink-soft);color:var(--ink-soft)}.meilenstein-text{display:grid;gap:2px;padding-top:3px}.meilenstein-betrag{padding-top:3px;font-weight:700}.meilenstein--frei .meilenstein-betrag{color:var(--accent)}.meilenstein--bedingt .meilenstein-betrag{color:var(--ink-soft)}.route-abschnitt{margin:var(--space-3) 0 0}.aufgabe{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start}.aufgabe .symbol-kachel{margin:2px 0 0}.aufgabe--warn .symbol-kachel{background:var(--warn-bg);color:var(--warn)}.aufgabe-titel{margin:0;font-size:var(--fs-body);font-weight:600;line-height:1.35}.aufgabe .chip-knopf{margin-top:var(--space-1)}.fortschritt--duenn{height:6px}.karte-kopf>:first-child{margin-right:auto}.aufgabe .chip-knopf,.route-kopf .chip-knopf,#ziel-notgroschen .chip-knopf{justify-self:start}.wir-avatare{display:flex;align-items:center;gap:var(--space-3)}.wir-avatare h2{margin:0}.wir-avatare .info-knopf{margin-left:auto}.avatare{display:inline-flex}.avatar{display:grid;place-content:center;width:38px;height:38px;border:2px solid var(--surface);border-radius:50%;background:var(--partner);color:var(--partner-ink);font-size:12px;font-weight:700}.avatar+.avatar{margin-left:-10px}.avatar--du{background:var(--split-2);color:var(--spar-ink)}.wir-kopf .gross-zahl{margin:0}.wir-kopf .gross-zahl+.leise{margin-top:calc(-1 * var(--space-2))}.wir-netto-fehlt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3);border-radius:var(--r-tile);text-decoration:none}.wir-eintragen{flex:none;color:var(--accent);font-size:var(--fs-small);font-weight:600}.bilanz-zeile{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.bilanz-balken{display:flex;gap:2px;height:30px}.bilanz-stueck{display:flex;align-items:center;min-width:0;padding:0 var(--space-2);overflow:hidden;border-radius:6px;font-size:var(--fs-label);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.bilanz-du{background:var(--split-2);color:var(--spar-ink)}.bilanz-partner{background:var(--partner);color:var(--partner-ink)}.bilanz-raus{background:var(--joint);color:var(--joint-ink)}.bilanz-luecke{padding:0;background:repeating-linear-gradient(135deg,var(--warn) 0 5px,transparent 5px 10px);box-shadow:inset 0 0 0 1px var(--warn)}.bilanz-stueck.flaeche-frei{justify-content:flex-end;color:var(--ink)}.bilanz-meldung{margin-top:var(--space-2)}.bilanz-meldung svg{flex:none;width:22px;height:22px;margin-top:4px}.bilanz-gross{font-size:20px;font-weight:700;line-height:1.3}.gut-box{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border-radius:var(--r-tile);background:var(--surface-2);color:var(--ink);font-size:var(--fs-small)}.gut-box svg{stroke:var(--accent)}.fair-balken .bilanz-zeile:first-child{margin-top:var(--space-1)}.legende .punkt-joint{background:var(--joint)}.fair-satz{padding:var(--space-3);border-radius:var(--r-tile);background:var(--surface-2);font-size:var(--fs-small)}#wir-fair .segment button{padding:0 4px;white-space:nowrap}.zusammen-zahl{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:var(--space-2) 0 0}.zusammen-zahl .gross-zahl{color:var(--accent)}.selten-liste .fortschritt{margin-top:var(--space-2)}.selten-schon{display:grid;gap:var(--space-1)}.selten-schon .feld-huelle{max-width:10rem}.partner-karte .avatare{flex:none}.teilen-privat svg{width:16px;height:16px;vertical-align:-3px;stroke:currentColor}.teilen-details summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer;font-weight:600}body.buehne-offen{--bg: #0b0f10;--surface: #1a2023;--surface-2: #151b1d;--line: #2c3437;--ink: #f4f5f6;--ink-soft: #a4a6a8;--accent: #7fd6cf;--btn2-line: #a4a6a8;background:var(--bg);color:var(--ink);color-scheme:dark}body.buehne-offen .assistent-rumpf{display:grid;justify-items:center;text-align:center}body.buehne-offen .knopfreihe{justify-content:center}.qr-feld{width:min(100%,340px);aspect-ratio:1;padding:var(--space-3);border-radius:18px;background:#f4f5f6;box-sizing:border-box;animation:hn-leuchten 2.4s ease-in-out infinite}.qr-bild{display:block;width:100%;height:100%}.qr-grund{fill:#f4f5f6;stroke:none}.qr-module{fill:#111618;stroke:none}@keyframes hn-leuchten{0%,to{box-shadow:0 0 18px 2px #7fd6cf59}50%{box-shadow:0 0 42px 10px #7fd6cf99}}.qr-punkte{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:var(--space-4) 0 0}.qr-punkte span{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background-color .15s}.qr-punkte span.an{background:var(--accent)}.qr-satz{margin:var(--space-3) 0 0;color:var(--ink-soft);font-size:var(--fs-small)}.qr-hinweis{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--fs-small);font-weight:600}.qr-hinweis svg{width:18px;height:18px;stroke:var(--accent)}.kamera-held{display:grid;justify-items:center;padding:var(--space-4) 0}.frage-ikon--gross{width:72px;height:72px;border-radius:50%}.frage-ikon--gross svg{width:34px;height:34px}.scan-rahmen{position:relative;width:min(100%,340px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:18px;background:#0b0f10}.scan-rahmen video{width:100%;height:100%;object-fit:cover;display:block}.scan-ecke{position:absolute;width:36px;height:36px;border:4px solid var(--accent)}.scan-ecke--lo{top:14px;left:14px;border-right:0;border-bottom:0;border-top-left-radius:10px}.scan-ecke--ro{top:14px;right:14px;border-left:0;border-bottom:0;border-top-right-radius:10px}.scan-ecke--lu{bottom:14px;left:14px;border-right:0;border-top:0;border-bottom-left-radius:10px}.scan-ecke--ru{bottom:14px;right:14px;border-left:0;border-top:0;border-bottom-right-radius:10px}.scan-linie{position:absolute;left:10%;right:10%;top:12%;height:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:hn-scan 2.2s ease-in-out infinite alternate}@keyframes hn-scan{to{top:86%}}.empfang-zeile{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-2)}.empfang-ring{width:48px;height:48px;flex:none;transform:rotate(-90deg)}.empfang-ring circle{fill:none;stroke-width:4}.ring-grund{stroke:var(--surface-2)}.ring-voll{stroke:var(--accent);stroke-linecap:round;transition:stroke-dasharray .3s var(--ease)}.empfang-text{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.empfang-link{margin:0;text-align:center;color:var(--ink-soft);font-size:var(--fs-small)}.empfang-link .knopf-text{min-height:var(--tap)}.ankunft{position:relative;height:160px;margin:var(--space-4) 0}.ankunft .avatar{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;font-size:20px;border-width:3px}.ankunft-a{animation:hn-flug-a .7s var(--ease) both;transform:translate(-26px)}.ankunft-b{animation:hn-flug-b .7s var(--ease) both;transform:translate(26px)}@keyframes hn-flug-a{0%{transform:translate(-130px)}}@keyframes hn-flug-b{0%{transform:translate(130px)}}.ankunft-haken{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:34px;height:34px;margin:14px 0 0 22px;border:3px solid var(--bg);border-radius:50%;background:#00716d;animation:hn-haken .45s .65s var(--ease) both}.ankunft-haken svg{width:18px;height:18px;stroke:#f4f5f6;stroke-width:3}.ankunft-welle{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border:3px solid var(--accent);border-radius:50%;opacity:0;animation:hn-welle 1.1s .7s ease-out both}@keyframes hn-welle{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.7);opacity:0}}.ankunft-text{text-align:center;font-weight:600}.fix-zeile{align-items:center}.fix-haken{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--surface-2)}.fix-haken svg{width:16px;height:16px;stroke:var(--accent);stroke-width:3}.fix-zeile .name{flex:1 1 auto}.fix-zeile .klein{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-2)}.fix-anteil{white-space:nowrap}.fix-zeile .pille{margin-right:0}.pille{display:inline-block;margin-right:var(--space-2);padding:0 var(--space-2);border:1px solid var(--btn2-line);border-radius:var(--r-pill);font-size:var(--fs-label);line-height:1.6}.fix-summe{padding-top:var(--space-2);border-top:1px solid var(--line);font-weight:600}.verbunden-held{display:grid;justify-items:center;padding:var(--space-4) 0}.avatare--verbunden .avatar{width:56px;height:56px;font-size:18px}.avatare--verbunden .avatar+.avatar{margin-left:-14px}.verbunden-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--gap);text-align:center}.verbunden-zahl p{margin:0}.verbunden-zahl .gross-zahl{font-size:26px}@media (prefers-reduced-motion: reduce){.qr-feld,.scan-linie,.ankunft-a,.ankunft-b,.ankunft-haken,.ankunft-welle{animation:none}.ankunft-welle{opacity:0}}button.chip-knopf{background:transparent;font-family:inherit;cursor:pointer}.plan-schritte{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.plan-schritt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start}.plan-nr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--ink);font-size:var(--fs-small);font-weight:700}.plan-schritt--hinweis .plan-nr{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft)}.plan-schritt--rest .plan-nr{background:transparent;box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.plan-text{display:grid;gap:2px;min-width:0}.plan-zeile{margin:0;overflow-wrap:anywhere}.plan-zeile .betrag{color:var(--ink)}.plan-schritt--rest.minus .plan-zeile .betrag{color:var(--warn)}.plan-haken{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap)}.plan-haken input{width:22px;height:22px;margin:0;accent-color:var(--accent)}.plan-haken label{cursor:pointer}.plan-vorschau{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--r-field);background:var(--warn-bg);color:var(--warn)}.plan-laeuft{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--accent);font-weight:600}.plan-laeuft svg{width:20px;height:20px}.karte--voll{border-color:color-mix(in srgb,var(--positive) 55%,var(--line));background:color-mix(in srgb,var(--positive) 8%,var(--surface))}.karte--voll h2{color:var(--positive)}.karte--voll .fortschritt span{background:var(--positive)}.plan-beruecksichtigt{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--positive);font-weight:600}.plan-beruecksichtigt svg{width:18px;height:18px}.plan-details summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer;font-weight:600}.plan-details[open] summary{margin-bottom:var(--space-2)}.plan-frage{padding:var(--space-3);border-radius:var(--r-field);background:var(--surface-2)}.plan-frage p{margin:0}.plan-frage .knopfreihe{margin-top:var(--space-2)}.plan-zeitstrahl{display:grid;gap:var(--space-2);margin:0;padding:0 0 0 var(--space-4);list-style:none;border-left:2px dashed var(--line)}.plan-zeit{display:grid;gap:2px}.plan-text-kopie{width:100%;padding:var(--space-2);border:1px solid var(--field-line);border-radius:var(--r-field);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-small)}.plan-status:empty{display:none}.spar-stufen button{padding:0 var(--space-1)}.spar-folgen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0}.spar-folge{padding:var(--space-2) var(--space-3);border-radius:var(--r-field);background:var(--surface-2)}.spar-folge dt{margin:0}.spar-folge dd{margin:2px 0 0;font-weight:700}.spar-folge.minus dd{color:var(--warn)}.sparregler p.minus{color:var(--warn);margin:0}.wasserfall{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-5, 24px)}.wasserfall p,.mindest-alltag p{margin:0}.mindest-alltag .knopf-text{padding:0 var(--space-1);text-decoration:underline}.spar-ampel{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}