/* Gemeinsame Farbwelt. Die Fachseiten benutzen weiterhin dieselben Design-Tokens. */
html[data-erscheinung] {
 color-scheme:light; --grund:#f7f8f5; --text:#253c38; --text-leise:#64766f; --text-hauch:#788880;
 --glas:#fff; --glas-hoch:#fff; --glas-rand:#dde6df; --glas-kante:#fff; --feld:#f8faf7;
 --akzent-1:#198471; --akzent-2:#198471; --akzent-3:#a8796d; --verlauf:#198471;
 --fehler:#bc3450; --fehler-grund:#fff0f2; --schatten:0 3px 18px -12px #263f3529; --schatten-hoch:0 14px 45px -18px #19382c30;
 --radius:20px; --radius-mittel:12px; --radius-klein:9px; --schrift:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
 --raster:transparent; --koernung:0; --spot:transparent; --spot-rand:transparent;
 --frisch-ton:#e8f2ed; --frisch-warm:#f6ede3;
}
html[data-erscheinung="dunkel"] {color-scheme:dark; --grund:#182724; --text:#e9f1ec; --text-leise:#b0c2b8; --text-hauch:#92a99b; --glas:#20332d; --glas-hoch:#284038; --glas-rand:#3a5146; --glas-kante:#354b40; --feld:#1c3028; --akzent-1:#83ccb0; --akzent-2:#83ccb0; --akzent-3:#ddb9a6; --verlauf:#83ccb0; --fehler:#ffb2bf; --fehler-grund:#442b34; --frisch-ton:#2a493a; --frisch-warm:#3b392d; --schatten:0 3px 18px -12px #0005; --schatten-hoch:0 14px 45px -18px #0007;}
@media (prefers-color-scheme:dark) {html[data-erscheinung="system"] {color-scheme:dark; --grund:#182724; --text:#e9f1ec; --text-leise:#b0c2b8; --text-hauch:#92a99b; --glas:#20332d; --glas-hoch:#284038; --glas-rand:#3a5146; --glas-kante:#354b40; --feld:#1c3028; --akzent-1:#83ccb0; --akzent-2:#83ccb0; --akzent-3:#ddb9a6; --verlauf:#83ccb0; --fehler:#ffb2bf; --fehler-grund:#442b34; --frisch-ton:#2a493a; --frisch-warm:#3b392d; --schatten:0 3px 18px -12px #0005; --schatten-hoch:0 14px 45px -18px #0007;}}
body {background:var(--grund);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;}
body::before,body::after,[data-spot]::before,[data-spot]::after {display:none;}
.aurora {display:none;}
.glas {background:var(--glas);border-color:var(--glas-rand);box-shadow:var(--schatten);backdrop-filter:none;-webkit-backdrop-filter:none;}
.verlauf-text {background:none;color:var(--text);-webkit-text-fill-color:currentColor;animation:none;}
h1,.hero h1 {font-size:clamp(2rem,3.8vw,3.1rem);font-weight:650;letter-spacing:-.045em;line-height:1.16;text-transform:none;}
h2 {font-size:1.25rem;letter-spacing:-.025em;line-height:1.35;}
h3 {font-size:1rem;letter-spacing:-.015em;}
.augenbraue {color:var(--text-leise);font-size:.78rem;letter-spacing:.02em;text-transform:none;font-weight:550;}
.hero,.hero--knapp {padding-top:2rem;padding-bottom:1.8rem;}
.hero p {max-width:65ch;}
.anim {opacity:1;transform:none;animation:none;}
.knopf,.knopf-rund {background:var(--akzent-1);color:var(--glas);box-shadow:none;min-height:44px;}
.knopf:hover,.knopf-rund:hover {box-shadow:none;filter:brightness(1.04);}
.knopf-icon,.knopf-zweit,.text-knopf,.kopf-bereiche {min-width:44px;min-height:44px;}
.knopf-zweit {border-color:var(--glas-rand);background:var(--glas);color:var(--text);box-shadow:none;}
input,select,textarea {font:inherit;color:var(--text);background:var(--feld);border:1px solid var(--glas-rand);border-radius:var(--radius-klein);min-width:0;max-width:100%;padding:.7rem .85rem;}
input,select {min-height:44px;}
input[type=checkbox],input[type=radio] {min-height:auto;accent-color:var(--akzent-1);padding:0;width:18px;height:18px;flex:none;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {outline:2px solid var(--akzent-1);outline-offset:3px;}
[class*="ton-"] {background:var(--frisch-ton);color:var(--akzent-1);box-shadow:none;}
[class*="ton-"]::before,[class*="ton-"]::after {display:none;}
.ton-rose,.ton-rosa,.ton-orange {background:var(--frisch-warm);color:var(--akzent-3);}
.kopf {padding:1rem 1.3rem 0;}
.kopf-innen {max-width:1180px;margin:auto;border-radius:16px;padding:.65rem 1rem;min-height:68px;}
.kopf-links {gap:2rem;min-width:0;}
.marke {font-weight:750;letter-spacing:-.035em;color:var(--text);white-space:nowrap;}
.marke svg {width:28px;height:28px;}
.marke-lab {font-weight:450;color:var(--akzent-1);}
.navi {gap:.2rem;}
.navi-link {min-height:44px;display:flex;align-items:center;padding:.55rem .75rem;color:var(--text-leise);border-radius:10px;}
.navi-link--aktiv,.navi-link:hover {background:var(--frisch-ton);color:var(--akzent-1);box-shadow:none;}
.kopf-rechts {gap:.25rem;}
.kopf-plus {background:var(--frisch-ton);color:var(--akzent-1);}
.mobil-navi {display:none;}
.seite {max-width:1180px;}
.heute-kopf {display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2.3rem 0 1.6rem;}
.heute-kopf h1 {margin:.55rem 0 .65rem;}
.heute-kopf .tageszeile {display:block;font-size:.88rem;line-height:1.7;margin:.6rem 0 0;}
#tagesstimmung-wetter::before {content:none;}
.heute-kopf>.knopf-zweit {white-space:nowrap;}
.heute-inhalt {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.25rem;align-items:start;}
.tagesablauf,.einkauf-kompakt {padding:1.6rem;border-radius:var(--radius);min-width:0;}
.inhalt-kopf {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;}
.inhalt-kopf h2,.inhalt-kopf h3 {margin:0;}
.inhalt-kopf .augenbraue {display:block;margin-bottom:.3rem;}
.text-link {color:var(--akzent-1);display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem;min-height:44px;text-decoration:none;}
.text-link .icon {width:17px;height:17px;}
.tageslinie,.heute-aufgaben {list-style:none;padding:0;margin:0;}
.tageslinie li {display:flex;gap:1rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--glas-rand);min-height:60px;}
.tageslinie-zeit {font-size:.78rem;color:var(--text-leise);width:72px;flex:none;font-variant-numeric:tabular-nums;}
.tageslinie a,.heute-aufgaben a {color:var(--text);text-decoration:none;flex:1;min-width:0;}
.tageslinie a strong,.heute-aufgaben strong {display:block;font-weight:600;font-size:.95rem;overflow-wrap:anywhere;}
.tageslinie a span,.heute-aufgaben a span {display:block;font-size:.78rem;color:var(--text-leise);}
.tageslinie>li>.icon {width:16px;color:var(--text-hauch);}
.tageslinie li.gerade {background:var(--frisch-ton);padding-inline:.7rem;border-radius:10px;}
.aufgaben-kopf {border-top:1px solid var(--glas-rand);margin:1.4rem 0 .55rem;padding-top:1rem;}
.heute-aufgaben li {display:flex;align-items:center;gap:.6rem;min-height:58px;}
.aufgabe-haken {width:44px;height:44px;border:0;border-radius:10px;background:var(--feld);color:var(--text-hauch);cursor:pointer;flex:none;}
.aufgabe-haken:hover {color:var(--akzent-1);background:var(--frisch-ton);}
.alltag-leer {color:var(--text-leise);font-size:.9rem;padding:.6rem 0;}
.schnell {display:flex;gap:.5rem;margin-top:.8rem;}
.schnell input {flex:1;width:100%;}
.schnell button {flex:none;}
.einkauf-kompakt {background:var(--frisch-ton);}
.einkauf-kompakt h2 {margin:.3rem 0 0;}
.passt-gerade {margin-top:1.3rem;}
.passt-gerade>h2 {font-size:.85rem;color:var(--text-leise);margin:0 0 .6rem;}
.hinweis-karte {display:flex;gap:.9rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--glas-rand);color:var(--text);text-decoration:none;}
.hinweis-icon,.weg-icon {width:42px;height:42px;border-radius:12px;background:var(--frisch-ton);color:var(--akzent-1);display:flex;align-items:center;justify-content:center;flex:none;}
.hinweis-karte strong {display:block;font-size:.92rem;font-weight:600;}
.hinweis-karte span>span {display:block;color:var(--text-leise);font-size:.82rem;line-height:1.5;margin:.25rem 0;}
.hinweis-karte b {display:inline-flex;gap:.4rem;align-items:center;color:var(--akzent-1);font-size:.8rem;font-weight:550;}
.hinweis-karte b .icon {width:15px;}
.schnelle-wege {display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.3rem;}
.schnelle-wege a {display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:var(--glas);border:1px solid var(--glas-rand);border-radius:10px;min-height:44px;font-size:.85rem;color:var(--text);}
.schnelle-wege .icon {width:18px;}
.heute-fuss {display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--text-leise);margin:1.5rem 0;}
.leben-start {margin-top:1.6rem;}
.garten {background:var(--glas);}
.moment-orbit,.moment-ohne-bild {background:var(--frisch-warm);box-shadow:none;}
.moment-orbit::before,.moment-orbit::after {display:none;}
.hub-kopf {padding:2rem 0 1.5rem;max-width:840px;}
.hub-kopf h1 {margin:.45rem 0 .9rem;}
.hub-kopf p {color:var(--text-leise);max-width:60ch;font-size:1rem;}
.hub-wege {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:2rem;}
.hub-weg {display:block;border-radius:var(--radius);padding:1.4rem;color:var(--text);text-decoration:none;transition:transform 160ms ease,border-color 160ms ease;}
.hub-weg:hover {transform:translateY(-2px);border-color:var(--akzent-1);}
.hub-weg h2 {margin:.8rem 0 .5rem;font-size:1.12rem;}
.hub-weg p {font-size:.87rem;color:var(--text-leise);margin:0;}
.hub-inhalte {margin:1.5rem 0 2rem;}
.zusammenhang-liste,.such-ergebnisse {display:grid;gap:.65rem;}
.zusammenhang-zeile {display:flex;align-items:center;gap:.9rem;padding:1rem;border-radius:14px;color:var(--text);text-decoration:none;min-width:0;}
.zusammenhang-zeile>span:nth-child(2) {flex:1;min-width:0;}
.zusammenhang-zeile strong {display:block;font-size:.95rem;font-weight:600;overflow-wrap:anywhere;}
.zusammenhang-zeile small,.zusammenhang-zeile span>span {display:block;color:var(--text-leise);font-size:.78rem;}
.zusammenhang-zeile>.icon {width:18px;flex:none;color:var(--text-hauch);}
.zusammenhang-text {padding:1.4rem;border-radius:var(--radius);}
.zusammenhang-text p {white-space:pre-wrap;overflow-wrap:anywhere;margin:0;}
.folge-aktionen {display:flex;gap:.6rem;flex-wrap:wrap;margin:1.4rem 0;}
.fortschritt-zahlen,.finanz-zahlen {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.fortschritt-zahlen>*,.finanz-zahlen>* {padding:1.3rem;border-radius:var(--radius);}
.fortschritt-zahlen strong,.finanz-zahlen strong {display:block;font-size:1.6rem;letter-spacing:-.03em;}
.fortschritt-zahlen span,.finanz-zahlen span {font-size:.85rem;color:var(--text-leise);}
.finanzen-monat,.globale-suche {display:flex;align-items:center;gap:.7rem;}
.finanzen-monat {margin-bottom:1.4rem;}
.finanzen-tabelle {border-radius:var(--radius);padding:1.4rem;overflow-x:auto;}
.finanzen-tabelle table {width:100%;border-collapse:collapse;}
.finanzen-tabelle td,.finanzen-tabelle th {padding:.75rem;text-align:left;border-bottom:1px solid var(--glas-rand);}
.einstellungen-form {padding:1.6rem;border-radius:var(--radius);}
.einstellungen-form>label {display:grid;gap:.4rem;max-width:320px;}
.einstellungen-form h2:not(:first-child) {margin-top:1.7rem;}
.favoriten-wahl {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem;}
.favoriten-wahl label {display:flex;align-items:center;gap:.5rem;min-height:44px;cursor:pointer;}
.favoriten-wahl .icon {width:18px;color:var(--text-leise);}
.server-einstellungen {padding:1.4rem;border-radius:var(--radius);margin:1.2rem 0;}
.server-einstellungen summary {min-height:44px;cursor:pointer;}
.erfassen-dialog {width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--glas-rand);border-radius:22px;background:var(--glas);color:var(--text);padding:1.5rem;box-shadow:var(--schatten-hoch);}
.erfassen-dialog::backdrop,.bereiche-dialog::backdrop {background:#203d3455;backdrop-filter:blur(3px);}
.dialog-titel {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;}
.dialog-titel h2 {margin:.25rem 0;}
.erfassen-dialog label:not(.erfassen-check) {display:grid;gap:.35rem;font-size:.86rem;margin:.8rem 0;}
.erfassen-dialog select,.erfassen-dialog textarea,.erfassen-dialog input:not([type=checkbox]) {width:100%;}
.erfassen-dialog textarea {resize:vertical;}
.erfassen-optionen {display:flex;gap:.8rem;}
.erfassen-optionen>label {flex:1;min-width:0;}
.erfassen-mehr summary {min-height:44px;display:flex;align-items:center;justify-content:space-between;color:var(--text-leise);font-size:.85rem;cursor:pointer;}
.erfassen-mehr small {color:var(--text-leise);}
.erfassen-check {display:flex;align-items:center;gap:.65rem;min-height:44px;font-size:.86rem;}
.erfassen-hilfe,.feld-hinweis {color:var(--text-leise);font-size:.78rem;}
.erfassen-hilfe {margin:0 0 .5rem;}
.erfassen-meldung {color:var(--fehler);font-size:.85rem;margin:.5rem 0;}
.dialog-fuss {display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glas-rand);}
.globale-suche input {flex:1;min-width:0;}
#suche-status {font-size:.8rem;color:var(--text-leise);}
.such-ergebnis {display:block;padding:.8rem;border:1px solid var(--glas-rand);border-radius:10px;text-decoration:none;color:var(--text);background:var(--feld);text-align:left;width:100%;cursor:pointer;}
.such-ergebnis strong,.such-ergebnis small {display:block;}
.such-ergebnis small {color:var(--text-leise);}
.alltag-meldungen {position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%);z-index:10000;display:grid;gap:.5rem;max-width:calc(100vw - 24px);pointer-events:none;}
.alltag-meldung {display:flex;align-items:center;gap:.8rem;padding:.65rem .9rem;border:1px solid var(--glas-rand);border-radius:12px;background:var(--glas);color:var(--text);box-shadow:var(--schatten-hoch);pointer-events:auto;font-size:.85rem;}
.alltag-meldung button,.alltag-meldung a {white-space:nowrap;color:var(--akzent-1);font-weight:600;min-height:44px;display:flex;align-items:center;background:none;border:0;cursor:pointer;}
.menue-wege {display:flex;flex-wrap:wrap;gap:.6rem;padding:0 1.5rem;}
.menue-wege a {display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.85rem;color:var(--akzent-1);}
.menue-label {padding:0 1.5rem;font-size:.8rem;color:var(--text-leise);}
.bereiche-dialog {background:var(--glas);border-color:var(--glas-rand);}
.bereich-kachel {box-shadow:none;border-color:var(--glas-rand);background:var(--feld);}
.bereich-icon {box-shadow:none;}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
[hidden] {display:none!important;}
@media(max-width:1000px) {.kopf-links {gap:.8rem;}.navi-link {padding-inline:.55rem;}.kopf-bereiche span {display:none;}}
@media(max-width:760px) {
 .kopf {padding:.6rem .75rem 0;}.kopf-innen {padding:.5rem .7rem;min-height:60px;}.navi {display:none;}.kopf-links {flex:1;}.kopf-rechts {gap:.1rem;}.marke {font-size:1.05rem;}
 body:has(.mobil-navi) {padding-bottom:calc(84px + env(safe-area-inset-bottom));}
 .mobil-navi {position:fixed;inset:auto 0 0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:.4rem .2rem calc(.4rem + env(safe-area-inset-bottom));background:var(--glas);border-top:1px solid var(--glas-rand);box-shadow:0 -4px 20px -16px #213d3429;}
 .mobil-navi a {min-height:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;color:var(--text-leise);font-size:.68rem;line-height:1.4;text-decoration:none;border-radius:11px;}
 .mobil-navi a .icon {width:21px;height:21px;}.mobil-navi a[aria-current] {background:var(--frisch-ton);color:var(--akzent-1);}
 .seite {padding:0 1rem;}.heute-kopf {display:block;padding:1.7rem 0 1.2rem;}.heute-kopf>.knopf-zweit {margin-top:1rem;}.heute-kopf h1 {font-size:2rem;}.heute-inhalt {grid-template-columns:1fr;gap:1rem;}.tagesablauf,.einkauf-kompakt {padding:1.15rem;}
 .heute-neben {display:grid;grid-template-columns:1fr;gap:1rem;}.passt-gerade {margin-top:0;}.leben-start {grid-template-columns:1fr;}.leben-start>article {padding:1.1rem;}.hub-wege {grid-template-columns:1fr 1fr;gap:.65rem;}.hub-weg {padding:1rem;}.hub-weg p {font-size:.8rem;}.hub-weg h2 {font-size:1rem;}.hub-kopf {padding-top:1.7rem;}.hub-kopf h1 {font-size:2rem;}.inhalt-kopf {gap:.5rem;}.inhalt-kopf .text-link {font-size:.78rem;white-space:nowrap;}.tageslinie-zeit {width:65px;}.garten-zahl {font-size:.65rem;}
 .alltag-meldungen {bottom:calc(88px + env(safe-area-inset-bottom));}.lab-ueberall,.lab-knopf {bottom:calc(90px + env(safe-area-inset-bottom))!important;}.erfassen-dialog {padding:1.15rem;border-radius:18px;}.dialog-fuss .feld-hinweis {max-width:145px;}.fortschritt-zahlen,.finanz-zahlen {grid-template-columns:1fr;}.finanzen-monat {flex-wrap:wrap;}
 .fussleiste {bottom:calc(74px + env(safe-area-inset-bottom));}body:has(.fussleiste) .lab-knopf {bottom:calc(170px + env(safe-area-inset-bottom))!important;}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

.warnung-text,.pille--warnung,.uebung-warnung,.trend--schlecht,.stillstand-hinweis,.frist-wann,.vertrag-pille--bald,.vertrag-trend--hoch,.frist-vorschau--bald,.post-grund,.rang--hoch,.rang--bald,.abgleich--abweichend {color:var(--akzent-3);}
.app-kopf h1 {font-size:clamp(1.9rem,3.8vw,2.8rem);letter-spacing:-.04em;}
.idee-zusammenhang {display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--akzent-1);}
.monat-auswahl {display:flex;gap:.8rem;align-items:end;margin-bottom:1.3rem;}.monat-auswahl label {display:grid;gap:.3rem;}.finanz-vergleich {width:100%;border-collapse:collapse;}.finanz-vergleich td,.finanz-vergleich th {padding:.7rem;text-align:left;border-bottom:1px solid var(--glas-rand);}.finanz-zahl {padding:1.4rem;border-radius:var(--radius);color:var(--text);text-decoration:none;}.finanz-zahl small {color:var(--text-leise);}.fortschritt-garten {padding:1.5rem;border-radius:var(--radius);}.post-ergebnis-titel {margin:1rem 0 .5rem;color:var(--text-leise);font-size:.85rem;}
html[data-tagesphase="morgen"] .heute-kopf {border-top:3px solid #edceb0;}html[data-tagesphase="tag"] .heute-kopf {border-top:3px solid #c7ddcf;}html[data-tagesphase="abend"] .heute-kopf {border-top:3px solid #e8c3b6;}html[data-tagesphase="nacht"] .heute-kopf {border-top:3px solid #bbc9da;}
html[data-hsv="true"] .heute-kopf {border-top-color:#7ca6d1;}

.heute-seite {padding-top:1.8rem;}.tag-kopf h2,.tag-kopf h3 {text-transform:none;letter-spacing:-.02em;font-size:1.1rem;}.marke-icon {box-shadow:none;background:var(--akzent-1);}.marke-icon::before,.marke-icon::after {display:none;}

.marke>span,.marke-lab {display:inline!important;}.lab-knopf {background:var(--glas);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--schatten);}

.blatt {z-index:200;}.blatt-inhalt {background:var(--glas);border-color:var(--glas-rand);backdrop-filter:none;-webkit-backdrop-filter:none;}.lab-blatt {z-index:250;}.feld-rahmen textarea {width:100%;}.listen-titel {text-transform:none;letter-spacing:-.02em;}.heute-kopf {position:relative;isolation:isolate;}.heute-kopf .tageshimmel {border-radius:14px;}
@media(max-width:760px){.toasts {bottom:calc(88px + env(safe-area-inset-bottom));}.blatt-inhalt {padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));}.lab-blatt {bottom:0;}}
.blatt-inhalt {overflow-y:auto;max-height:calc(100dvh - 24px);overscroll-behavior:contain;}

.logo {filter:none;box-shadow:none;}.knopf::before,.knopf-rund::before {display:none;}

.finanz-zahlen {grid-template-columns:repeat(2,minmax(0,1fr));}.schnelle-wege a,.heute-fuss .text-knopf {text-decoration:none;}@media(max-width:760px){.finanz-zahlen {grid-template-columns:1fr;}}