@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--schwarz:#111;--weiss:#fff;--pink:#ff5fa8;--flieder:#b9a5ff;--mint:#6fe3be;--gelb:#ffe14a;--grau:#bdbdbd;--grau-dunkel:#2a2a2a;--leise:#555;--schrift:"Bricolage Grotesque Variable", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--schwarz);color:var(--schwarz);font:400 15px/21px var(--schrift);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline-offset:2px;outline:2px solid}input:not([type=checkbox]),select,textarea{background:var(--weiss);width:100%;min-height:44px;color:var(--schwarz);border:2px solid var(--schwarz);border-radius:0;padding:10px 12px}textarea{resize:vertical}.titel-gross{letter-spacing:-.03em;font-size:38px;font-weight:800;line-height:42px}.titel-klein{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:30px}.karte-titel{font-size:16px;font-weight:700;line-height:21px}.beschriftung{font-size:14px;font-weight:700;line-height:18px}.klein-leise{color:var(--leise);font-size:13px;font-weight:500;line-height:18px}.rahmen{min-height:100dvh;color:var(--weiss);flex-direction:column;display:flex}.leiste{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 0;display:flex}.wortmarke{letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:32px}.umschalter{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:5;background:var(--grau-dunkel);gap:2px;padding:4px;display:flex;position:fixed}.umschalter-teil{text-align:center;color:var(--grau);background:0 0;border:0;flex:1;padding:8px 2px;font-size:13px;font-weight:700;line-height:18px}.umschalter-bald{opacity:.5}.umschalter-teil.ist-aktiv{background:var(--weiss);color:var(--schwarz)}.leiste-ab{color:var(--grau);padding:8px}.tag{flex-direction:column;flex:1;display:flex}.tag-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px;display:flex}.tag-kopf .beschriftung{color:var(--grau);font-weight:500}.belohnung{align-items:center;gap:10px;display:flex}.belohnung-text{color:var(--grau)}.punkte{gap:5px;display:flex}.punkt{background:var(--grau-dunkel);border-radius:50%;width:14px;height:14px}.punkt.ist-voll{background:var(--pink)}.handy-spalten{flex-wrap:wrap;gap:6px;padding:0 16px 14px;display:flex}.reiter{background:var(--grau-dunkel);color:var(--weiss)}.reiter-heute.ist-aktiv{background:var(--pink);color:var(--schwarz)}.reiter-kopf.ist-aktiv{background:var(--flieder);color:var(--schwarz)}.reiter-haushalt.ist-aktiv{background:var(--mint);color:var(--schwarz)}.reiter-geschafft.ist-aktiv{background:var(--gelb);color:var(--schwarz)}.board{flex-direction:column;flex:1;display:flex}.spalte{min-width:0;color:var(--schwarz);flex-direction:column;flex:1;gap:12px;padding:16px 16px 152px;display:none}.spalte.ist-sichtbar{display:flex}.spalte-heute{background:var(--pink)}.spalte-leeren{background:var(--flieder)}.spalte-haushalt{background:var(--mint)}.spalte-geschafft{background:var(--gelb)}.spalte-kopf{align-items:baseline;gap:8px;display:none}.spalte .klein-leise{color:#333}.karte-heute{background:var(--schwarz);color:var(--weiss);cursor:grab;gap:16px;padding:18px;display:flex}.karte-heute .titel-klein{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:24px}.karte-heute-text{color:#c8c8c8}.karte-heute-inhalt,.karte-klein-inhalt{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:0;display:flex}.karte-klein{background:var(--weiss);cursor:grab;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.karte-klein-inhalt{gap:2px}.karte-klein.ist-geschafft{background:var(--schwarz);color:var(--gelb)}.karte-klein.ist-geschafft .klein-leise{color:#d9c230}.abhaken{border:3px solid var(--pink);background:0 0;border-radius:50%;flex:none;width:30px;height:30px;padding:0}.abhaken:hover{background:var(--pink)}.abhaken-klein{border:2px solid var(--schwarz);width:22px;height:22px;margin-top:1px}.abhaken-klein:hover{background:var(--schwarz)}.pille{background:var(--grau-dunkel);color:var(--weiss);padding:4px 10px;font-size:13px;font-weight:500;line-height:17px;display:inline-block}.pille-knopf{border:0;min-height:36px;font-size:14px;font-weight:700}.pille-gelb{background:var(--gelb);color:var(--schwarz)}.pille-pink{background:var(--pink);color:var(--schwarz)}.pille-weiss{background:var(--weiss);color:var(--schwarz)}.freier-platz{border:2px dashed var(--schwarz);text-align:center;padding:22px 24px;font-size:14px;font-weight:500;line-height:18px}.knopf-akzent,.knopf-schwarz,.knopf-leise,.knopf-dunkel{border:0;min-height:44px;padding:10px 18px;font-weight:700}.knopf-akzent{background:var(--pink);color:var(--schwarz)}.knopf-schwarz{background:var(--schwarz);color:var(--weiss)}.knopf-leise{color:var(--schwarz);background:#eee}.knopf-text{color:inherit;background:0 0;border:0;font-size:13px;font-weight:500}.knopf-text-ton{font-weight:800;text-decoration:underline}.rahmen:after{content:"";z-index:4;height:calc(72px + env(safe-area-inset-bottom));background:var(--schwarz);position:fixed;bottom:0;left:0;right:0}.nur-pc{display:none}.neu-knopf{right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:5;border:3px solid var(--schwarz);width:52px;height:52px;padding:0;font-size:24px;position:fixed}.neu{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;background:var(--schwarz);gap:8px;padding:8px;display:flex;position:fixed}.neu input{border:0;flex:1;min-width:0}.detail-huelle{z-index:10;background:#00000073;position:fixed;inset:0}.detail{background:var(--weiss);width:100%;height:100%;color:var(--schwarz);flex-direction:column;gap:20px;margin-left:auto;padding:20px 16px;display:flex;overflow-y:auto}.detail>*{flex:none}.detail-zurueck{background:0 0;border:0;align-self:flex-start;padding:8px 0;font-size:14px;font-weight:700}.detail textarea.detail-titel{field-sizing:content;resize:none;letter-spacing:-.03em;background:0 0;border:0;min-height:0;padding:0;font-size:30px;font-weight:800;line-height:34px;overflow:hidden}.detail-schritt{color:var(--leise)}.detail-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.detail-felder label,.detail-felder .feld{flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.detail-felder label:first-child{grid-column:1/-1}.detail-felder input,.detail-felder select{font-size:15px;font-weight:400}.detail-mehr summary{cursor:pointer;padding:8px 0}.detail-inhalt{flex-direction:column;align-items:stretch;gap:10px;display:flex}.detail-inhalt-knopf{align-self:flex-start;padding:4px 0;text-decoration:underline}.abschnitt{flex-direction:column;gap:8px;display:flex}.abschnitt[class*=flaeche-]{padding:16px}.flaeche-flieder{background:var(--flieder)}.flaeche-mint{background:var(--mint)}.flaeche-gelb{background:var(--gelb)}.zeile-haken{align-items:flex-start;gap:10px;min-height:28px;display:flex}.zeile-haken input{width:20px;height:20px;accent-color:var(--schwarz);margin:1px 0 0}.detail-zeile{flex-wrap:wrap;gap:8px;display:flex}.detail-verschieben,.anhaenge{flex-direction:column;gap:8px;display:flex}.detail-verschieben .pille{color:var(--schwarz);background:#eee}.detail-verschieben .ist-aktiv{background:var(--schwarz);color:var(--weiss)}.knopf-schwarz{width:auto}.detail>.knopf-schwarz{width:100%}.detail-loeschen{justify-content:center;align-items:center;gap:12px;min-height:36px;display:flex}.flaechen{flex-direction:column;flex:1;padding-bottom:72px;display:flex}.flaeche{min-width:0;color:var(--schwarz);flex-direction:column;gap:12px;padding:20px 16px;display:flex}.flaeche .klein-leise{color:#333}.flaeche-farbe-mint{background:var(--mint)}.flaeche-farbe-gelb{background:var(--gelb)}.flaeche-farbe-flieder{background:var(--flieder)}.flaeche-leer{font-weight:500}.flaeche-knopf{align-self:flex-start}.flaeche textarea{background:var(--weiss);border:0}.dosis{background:var(--weiss);align-items:center;gap:14px;padding:16px;display:flex}.dosis.ist-offen{background:var(--schwarz);color:var(--weiss)}.dosis-text{flex:1;min-width:0}.dosis-zeit{letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:30px}.dosis.ist-offen .dosis-zeit{font-size:34px;line-height:38px}.dosis-name{font-size:14px;font-weight:500;line-height:18px}.dosis.ist-offen .dosis-name{color:var(--grau)}.plan-hinweis{background:var(--weiss);padding:12px 14px}.plan-zeile{justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.plan-menge{flex:none;width:96px!important}.plan-knopf{align-self:flex-start}.tabletten-liste{flex-wrap:wrap;gap:6px;display:flex}.vorrat{background:var(--weiss);flex-direction:column;gap:6px;padding:16px;display:flex}.vorrat-zahl{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:34px}.termin{background:var(--weiss);text-align:left;border:0;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stimmungen{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.stimmung{background:var(--weiss);border:0;min-height:52px;padding:0;font-size:24px}.stimmung.ist-an{background:var(--pink);outline:3px solid var(--schwarz);outline-offset:-3px}.rueckblick-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flaeche-farbe-pink{background:var(--pink)}.flaeche-stapel{flex-direction:column;display:flex}.flaeche-stapel .flaeche{flex:1}.routine{background:var(--weiss)}.routine-kopf{text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;width:100%;padding:12px 14px;display:flex}.routine-felder{flex-direction:column;gap:12px;padding:14px;display:flex}article.routine .routine-felder{padding-top:0}.neu-zeile{gap:8px;display:flex}.neu-zeile input{border:0;flex:1;min-width:0}.spalte-verwalten{align-self:flex-start;padding:4px 0;text-decoration:underline}.karte-merkmale{flex-wrap:wrap;gap:6px;display:flex}.karte-frist{margin-top:4px}.flaeche-pink{background:var(--pink)}.inhalt-tabelle-huelle{overflow-x:auto}.inhalt-tabelle{border-collapse:collapse;width:100%;font-size:14px;line-height:19px}.inhalt-tabelle th,.inhalt-tabelle td{border:1px solid var(--schwarz);text-align:left;vertical-align:top;padding:6px 8px}.detail a{overflow-wrap:anywhere;font-weight:700}.neu{flex-wrap:wrap}.neu input{flex:100%}.datum-zeile{gap:4px;display:flex}.datum-knopf{background:var(--weiss);border:2px solid var(--schwarz);text-align:left;flex:1;min-width:0;min-height:44px;padding:10px 12px;font-size:15px;font-weight:700}.datum-knopf.ist-leer{color:var(--leise);font-weight:500}.datum-pfeil{background:var(--schwarz);width:44px;min-height:44px;color:var(--weiss);border:0;flex:none;padding:0;font-size:22px;font-weight:800}.datum-pfeil:disabled{opacity:.25}.pfeil-zeichen{fill:none;stroke:currentColor;stroke-width:3px;width:22px;height:22px;margin:auto;display:block}.kalender-huelle{z-index:30;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.kalender{background:var(--gelb);width:100%;max-width:360px;color:var(--schwarz);flex-direction:column;gap:10px;padding:16px;font-weight:400;display:flex}.kalender-kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.kalender-monat{letter-spacing:-.03em;text-align:center;font-size:22px;font-weight:800;line-height:28px}.kalender-pfeil{background:var(--schwarz);width:44px;height:44px;color:var(--weiss);border:0;padding:0;font-size:22px;font-weight:800}.kalender-raster{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.kalender-tage span{text-align:center;font-size:13px;font-weight:700;line-height:18px}.kalender-tag{aspect-ratio:1;background:var(--weiss);border:0;min-width:0;padding:0;font-size:15px;font-weight:700}.kalender-tag:hover:not(:disabled){background:var(--flieder)}.kalender-tag:disabled{opacity:.35;background:0 0}.kalender-tag.ist-heute{box-shadow:inset 0 0 0 3px var(--pink)}.kalender-tag.ist-gewaehlt,.kalender-tag.ist-gewaehlt:hover{background:var(--schwarz);color:var(--weiss)}.kalender-fuss{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.kalender-aktion{background:0 0;border:0;min-height:40px;padding:8px 4px;font-size:14px;font-weight:700;text-decoration:underline}.zeit-anzeige{letter-spacing:-.03em;text-align:center;font-size:44px;font-weight:800;line-height:48px}.zeit-raster{gap:3px;display:grid}.zeit-raster-stunden,.zeit-raster-minuten{grid-template-columns:repeat(6,minmax(0,1fr))}.kalender .zeit-feld{aspect-ratio:auto;min-height:40px}.zeit-fein{justify-content:space-between;display:flex}.kalender .knopf-schwarz{width:100%}.finanz-oben{flex-flow:column;align-items:stretch}.finanz-reiter{flex-wrap:wrap;gap:4px;display:flex}.finanz-reiter-teil{background:var(--grau-dunkel);min-height:34px;color:var(--grau);border:0;padding:6px 10px;font-size:13px;font-weight:700}.finanz-reiter-teil.ist-aktiv{background:var(--weiss);color:var(--schwarz)}.finanz-inhalt{flex-direction:column;flex:1;padding-bottom:72px;display:flex}.finanz-inhalt>.flaeche{flex:1}.finanz-raster,.finanz-spalte,.finanz-stapel{flex-direction:column;flex:1;min-width:0;display:flex}.finanz-kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.finanz-zeile{background:var(--weiss);width:100%;color:var(--schwarz);text-align:left;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.finanz-zeile-text{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.finanz-wert{flex:none;font-size:15px;font-weight:700}.finanz-zahl{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:56px;font-weight:800;line-height:60px}.finanz-ansage{background:var(--schwarz);color:var(--weiss);flex-direction:column;gap:8px;padding:18px;display:flex}.finanz-ansage-titel{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:28px}.finanz-ansage.ist-klein .finanz-ansage-titel{letter-spacing:0;font-size:17px;font-weight:700;line-height:22px}.finanz-ansage .knopf-akzent{align-self:flex-start}.klein-grau{color:var(--grau);font-size:14px;font-weight:500;line-height:19px}.finanz-kurve{width:100%;height:auto;color:var(--schwarz);display:block}.finanz-stufen{margin-top:4px;position:relative}.finanz-stufe{border-left:2px solid var(--schwarz);white-space:nowrap;padding-left:6px;font-size:12px;font-weight:700;line-height:16px;position:absolute}.finanz-stufe.ist-rechts{border-left:0;border-right:2px solid var(--schwarz);padding:0 6px 0 0}.finanz-achse{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.plan-tabelle{flex-direction:column;gap:2px;margin:0;display:flex}.plan-tabelle>div{background:var(--weiss);justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.plan-tabelle dt{font-weight:500}.plan-tabelle dd{flex:none;margin:0;font-weight:700}.plan-tabelle .plan-summe{background:var(--schwarz);color:var(--weiss);font-weight:700}.notiz-form{padding:0}.detail-ueberschrift{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:34px}.feld{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.feld input,.feld textarea{font-size:15px;font-weight:400}.feld-paar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auswahl{flex-wrap:wrap;gap:4px;display:flex}.auswahl-tage{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.auswahl-teil{background:var(--weiss);border:2px solid var(--schwarz);min-height:40px;padding:8px 12px;font-size:14px;font-weight:700}.auswahl-tage .auswahl-teil{padding:8px 0}.auswahl-teil.ist-an{background:var(--schwarz);color:var(--weiss)}.anhang{align-items:center;gap:12px;display:flex}.anhang-link{min-width:0;color:inherit;overflow-wrap:anywhere;flex:1;align-items:center;gap:10px;display:flex}.anhang-bild{object-fit:cover;width:56px;height:56px}.anhang-knopf{cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.anhang-eingabe{opacity:0;width:1px;height:1px;position:absolute}.anhang-knopf:focus-within{outline:2px solid var(--schwarz);outline-offset:2px}.belohnung-liste{color:var(--schwarz);background:var(--gelb);flex-direction:column;gap:8px;padding:16px;display:flex}.anmeldung{min-height:100dvh;color:var(--weiss);flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:24px;display:flex}.anmeldung-form{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.anmeldung-form label{flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.anmeldung-fehler{color:var(--pink);font-weight:700}.zf-qr{background:var(--weiss);align-self:center;padding:8px}.zf-geheimnis{overflow-wrap:anywhere;margin-top:8px;font-size:13px}.meldung{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:20;background:var(--weiss);width:max-content;max-width:calc(100vw - 32px);color:var(--schwarz);border:2px solid var(--schwarz);align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;transform:translate(-50%)}.meldung-knopf{background:0 0;border:0;padding:4px;font-weight:800;text-decoration:underline}@media (width>=1024px){.leiste{grid-template-columns:1fr auto 1fr;padding:28px 48px 0;display:grid}.wortmarke{justify-self:start}.leiste-ab{justify-self:end}.rahmen:after{display:none}.nur-pc{display:inline}.umschalter{position:static}.titel-gross{font-size:60px;line-height:64px}.tag-kopf{padding:28px 48px 32px}.belohnung{flex-direction:column;align-items:flex-end;gap:6px}.handy-spalten{display:none}.belohnung-liste{padding:16px 48px}.board{grid-template-columns:minmax(0,1.75fr) repeat(3,minmax(0,1fr));display:grid}.spalte,.spalte.ist-sichtbar{padding:32px;display:flex}.spalte-kopf{display:flex}.karte-heute{padding:24px}.karte-heute .titel-klein{font-size:24px;line-height:29px}.neu-knopf{width:auto;height:auto;font-size:inherit;border:0;padding:10px 18px;position:absolute;top:88px;bottom:auto;right:48px}.neu{width:480px;position:absolute;inset:88px 48px auto auto}.detail{width:480px;padding:24px}.umschalter-teil{flex:none;padding:8px 14px;font-size:14px}.flaechen{flex:1;grid-template-columns:minmax(0,1.75fr) repeat(2,minmax(0,1fr));padding-bottom:0;display:grid}.flaechen-zwei{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.flaeche{padding:32px}.finanz-oben .finanz-reiter{margin-top:8px}.finanz-inhalt{padding-bottom:0}.finanz-raster{flex-direction:row}.finanz-raster>*{flex:1}.finanz-spalte{flex:1.1}.finanz-wachsend{flex:1}.finanz-stapel{flex-direction:row}.finanz-stapel>*{flex:1}.finanz-zahl{font-size:72px;line-height:76px}.meldung{bottom:32px}}:root{--rot:#ff4b3e}.babbi{max-width:720px;color:var(--weiss);flex-direction:column;gap:16px;margin:0 auto;padding:24px 16px 48px;font-size:18px;line-height:26px;display:flex}.babbi-datum{color:var(--grau);font-size:16px;font-weight:700}.babbi-titel{letter-spacing:-.03em;font-size:34px;font-weight:800;line-height:40px}.babbi-ampel{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.babbi-ampel-feld{color:var(--schwarz);text-align:left;border:4px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;font-size:15px;font-weight:700;line-height:19px;display:flex}.babbi-ampel-feld.ist-gewaehlt{border-color:var(--weiss)}.babbi-ampel-feld.ist-leise{opacity:.4}.babbi-ampel-zahl{font-size:40px;font-weight:800;line-height:44px}.ampel-rot{--ampel:var(--rot)}.ampel-gelb{--ampel:var(--gelb)}.ampel-gruen{--ampel:var(--mint)}.ampel-erledigt{--ampel:var(--grau)}.babbi-ampel-feld{background:var(--ampel)}.babbi-summe{font-size:20px}.babbi-summe strong{font-weight:800}.babbi-fehler{background:var(--rot);color:var(--schwarz);padding:12px;font-weight:700}.babbi-liste{flex-direction:column;gap:12px;display:flex}.babbi-karte{background:var(--weiss);color:var(--schwarz);border-left:14px solid var(--ampel);flex-direction:column;display:flex}.babbi-karte-kopf{text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;padding:16px;display:flex}.babbi-marke{background:var(--ampel);align-self:flex-start;padding:2px 10px;font-size:15px;font-weight:800;line-height:22px}.babbi-name-zeile{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.babbi-name{font-size:22px;font-weight:800;line-height:28px}.babbi-betrag{flex:none;font-size:22px;font-weight:800;line-height:28px}.babbi-grund{font-weight:700}.babbi-zutun,.babbi-notiz-kurz{font-size:17px;line-height:24px}.babbi-notiz-kurz{background:var(--flieder);color:var(--schwarz);align-self:flex-start;padding:6px 10px}.babbi-notiz-block{background:var(--flieder);padding:12px}.babbi-notiz-block .babbi-klein{color:#333}.babbi-mehr{font-size:16px;font-weight:700;text-decoration:underline}.babbi-knoepfe{gap:8px;padding:0 16px 16px;display:flex}.babbi-knopf{background:var(--schwarz);min-height:52px;color:var(--weiss);flex:1;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:flex}.babbi-details{flex-direction:column;gap:14px;padding:0 16px 18px;display:flex}.babbi-daten{flex-direction:column;gap:2px;margin:0;display:flex}.babbi-daten dt{color:var(--leise);margin-top:8px;font-size:15px;font-weight:700}.babbi-daten dt:first-child{margin-top:0}.babbi-daten dd{overflow-wrap:anywhere;margin:0}.babbi-block{flex-direction:column;gap:6px;display:flex}.babbi-block-titel{font-size:18px;font-weight:800}.babbi-verlauf{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.babbi-verlauf-eintrag{border-left:4px solid var(--schwarz);flex-direction:column;gap:2px;padding:10px 0 10px 16px;display:flex}.babbi-verlauf-eintrag+.babbi-verlauf-eintrag{border-top:1px solid #ddd}.babbi-verlauf-datum{font-weight:800}.babbi-mehr-verlauf{background:0 0;border:0;align-self:flex-start;min-height:44px;padding:0;font-weight:700;text-decoration:underline}.babbi-filter{flex-wrap:wrap;align-items:center;gap:12px;font-weight:700;display:flex}.babbi-filter-weg{background:var(--weiss);min-height:44px;color:var(--schwarz);border:0;padding:0 16px;font-weight:800}.babbi .babbi-hinweis-filter{color:var(--grau)}.babbi-vorschau{padding-bottom:120px}.babbi-block textarea{font-size:18px;line-height:26px}.babbi-klein{color:var(--leise);font-size:15px}.babbi-speichern{background:var(--pink);min-height:52px;color:var(--schwarz);border:0;font-weight:800}.babbi-erledigt-knopf{background:var(--grau-dunkel);width:100%;min-height:52px;color:var(--weiss);text-align:left;border:0;padding:12px 16px;font-weight:800}.babbi-erledigt-liste{background:var(--grau-dunkel);margin:0;padding:12px 16px 12px 36px}.babbi-abmelden{border:2px solid var(--grau);min-height:48px;color:var(--grau);background:0 0;align-self:center;padding:0 20px;font-weight:700}@media (prefers-reduced-motion:no-preference){.babbi-ampel-feld{transition:opacity .2s,border-color .2s,transform .12s}.babbi-ampel-feld:active,.babbi-knopf:active,.babbi-speichern:active,.babbi-filter-weg:active,.babbi-erledigt-knopf:active{transform:translateY(2px)}.babbi-ampel-feld.ist-gewaehlt{animation:.25s ease-out babbi-einrasten}@keyframes babbi-einrasten{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}.babbi-karte{transition:transform .15s,box-shadow .15s}@media (hover:hover){.babbi-karte:hover{box-shadow:6px 6px 0 var(--ampel);transform:translate(-3px,-3px)}}.babbi-karte-enter-active{transition:opacity .3s ease-out,transform .3s ease-out;transition-delay:calc(var(--i,0) * 35ms)}.babbi-karte-enter-from{opacity:0;transform:translateY(14px)}.babbi-auf-enter-active,.babbi-auf-leave-active{transition:opacity .2s,transform .2s}.babbi-auf-enter-from,.babbi-auf-leave-to{opacity:0;transform:translateY(-8px)}.babbi-wechsel-enter-active,.babbi-wechsel-leave-active{transition:opacity .15s,transform .15s}.babbi-wechsel-enter-from,.babbi-wechsel-leave-to{opacity:0;transform:translateY(4px)}.babbi-knopf,.babbi-speichern,.babbi-filter-weg{transition:transform .12s,background-color .15s}@media (hover:hover){.babbi-knopf:hover{background:var(--grau-dunkel)}}}.babbi-ok{color:var(--schwarz);font-weight:700}@media (prefers-reduced-motion:no-preference){.bereich-enter-active{transition:opacity .2s ease-out,transform .2s ease-out}.bereich-leave-active{transition:opacity .1s ease-in}.bereich-enter-from{opacity:0;transform:translateY(10px)}.bereich-leave-to{opacity:0}@keyframes mz-rein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage){animation:.3s ease-out backwards mz-rein}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(2){animation-delay:30ms}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(3){animation-delay:60ms}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(4){animation-delay:90ms}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(5){animation-delay:.12s}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(6){animation-delay:.15s}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(7){animation-delay:.18s}:is(.karte-heute,.karte-klein,.finanz-zeile,.dosis,.vorrat,.termin,.plan-zeile,.finanz-ansage):nth-child(n+8){animation-delay:.21s}@keyframes mz-geschafft{0%{opacity:0;transform:scale(.94)}60%{opacity:1;transform:scale(1.03)}to{transform:none}}.karte-klein.ist-geschafft{animation-name:mz-geschafft;animation-duration:.35s}:is(.karte-heute,.karte-klein,.finanz-zeile,.termin){transition:transform .15s,box-shadow .15s}@media (hover:hover){:is(.karte-klein,.finanz-zeile,.termin):hover{box-shadow:4px 4px 0 var(--schwarz);transform:translate(-2px,-2px)}.karte-heute:hover{box-shadow:4px 4px 0 var(--weiss);transform:translate(-2px,-2px)}}button:not(:disabled):active,.babbi-knopf:active{transform:translateY(1px)}:is(.umschalter-teil,.finanz-reiter-teil,.auswahl-teil,.pille-knopf,.reiter,.stimmung,.abhaken-klein,.knopf-akzent,.knopf-schwarz,.knopf-leise){transition:background-color .15s,color .15s,transform .1s}@keyframes mz-abdunkeln{0%{background:0 0}}@keyframes mz-detail{0%{opacity:0;transform:translateY(16px)}}.detail-huelle{animation:.2s ease-out mz-abdunkeln}.detail-huelle>.detail{animation:.22s ease-out mz-detail}@media (width>=1024px){@keyframes mz-detail-seite{0%{opacity:0;transform:translate(32px)}}.detail-huelle>.detail{animation-name:mz-detail-seite}}.meldung-enter-active,.meldung-leave-active{transition:opacity .2s,transform .2s}.meldung-enter-from,.meldung-leave-to{opacity:0;transform:translate(-50%,12px)}@keyframes mz-zeichnen{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.finanz-kurve-linie{stroke-dasharray:1;animation:1.1s ease-out .15s backwards mz-zeichnen}@keyframes mz-einblenden{0%{opacity:0}}.finanz-stufe{animation:.4s ease-out 1s backwards mz-einblenden}.anmeldung{animation:.4s ease-out mz-einblenden}}.anmeldung-oder{text-align:center;color:var(--grau);margin-top:8px;font-size:13px;font-weight:700}.anmeldung-gross{font-size:24px;font-weight:800;line-height:30px}.anmeldung-leise{color:var(--grau);font-size:14px}.push-block{border-bottom:2px solid var(--schwarz);flex-direction:column;gap:8px;padding-bottom:8px;display:flex}.push-knoepfe{flex-wrap:wrap;gap:8px;display:flex}
