:root{--bg:#091a2e;--zelle:#102640;--zelle-hover:#17345a;--linie:#264a74;--text:#e6edf3;--text-leise:#93a9c2;--akzent:#8fbffb;--hoch:#e5534b;--normal:#d9a441;--niedrig:#4ca66b;--streifen:#f4f1e6;--wochenende:#231f45;--wochenende-kopf:#31296a;--vergangen:#1d2430;--vergangen-linie:#3a4352;--streifen-text:#1c2530;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=hell]{--bg:#edf2f8;--zelle:#dce6f3;--zelle-hover:#cddcee;--linie:#b2c4da;--text:#1c2530;--text-leise:#566677;--akzent:#1b5fa8;--streifen:#fffdf6;--wochenende:#e6dff4;--wochenende-kopf:#d3c8ec;--vergangen:#e3dfd6;--vergangen-linie:#c9c2b4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=hell] .fehler,:root[data-theme=hell] .gefahr{color:#b3261e}:root[data-theme=hell] .dialog-hintergrund{background:#1c253059}:root[data-theme=hell] .umschalter button[aria-pressed=true]{color:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:.95rem}button{font:inherit;color:inherit;background:var(--zelle-hover);border:1px solid var(--linie);cursor:pointer;border-radius:6px;padding:.2rem .55rem}button:hover:not(:disabled){border-color:var(--akzent)}button:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--linie);border-radius:6px;width:100%;padding:.4rem .5rem}.platz{flex:1}.hinweis{color:var(--text-leise);padding:2rem}.fehler{color:#ff8b84}.leiste{border-bottom:1px solid var(--linie);align-items:center;gap:.5rem;padding:.3rem .7rem;display:flex}.leiste h1{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.95rem}.leiste nav{gap:.4rem;display:flex}.benutzer{color:var(--text-leise)}.meldung{margin:.5rem 1rem}.app{flex-direction:column;min-height:100vh;display:flex}.board{align-items:stretch;gap:4px;padding:.4rem .7rem 1rem;display:grid;position:relative;overflow-x:auto}.kopf{text-align:center;background:var(--zelle);border-radius:6px;padding:.2rem;font-size:.9rem;font-weight:600}.kopf.heute{outline:2px solid var(--akzent)}.kopf.wochenende{background:var(--wochenende-kopf)}.zelle.wochenende{background:var(--wochenende)}.kopf.vergangen{color:var(--text-leise);background:var(--vergangen);box-shadow:inset 0 -3px 0 var(--vergangen-linie)}.zeilenkopf{writing-mode:vertical-rl;text-align:center;letter-spacing:.1em;text-transform:uppercase;background:var(--zelle);border-right:4px solid var(--linie);border-radius:6px;font-size:.72rem;font-weight:600;transform:rotate(180deg)}.zeilenkopf.prio-high{border-right-color:var(--hoch)}.zeilenkopf.prio-normal{border-right-color:var(--normal)}.zeilenkopf.prio-low{border-right-color:var(--niedrig)}.zelle{background:var(--zelle);border:2px dashed #0000;border-radius:6px;flex-direction:column;gap:5px;min-height:6.5rem;padding:5px;display:flex}.zelle[class*=prio-]{justify-content:flex-end}.zelle[class*=prio-] .neu{margin-top:0}.zelle[class*=prio-]{min-height:calc(8.2rem + 34px)}.zelle.ueber{border-color:var(--akzent);background:var(--zelle-hover)}.zelle.gesperrt,.zelle.vergangen{opacity:.8;background:repeating-linear-gradient(135deg, var(--vergangen) 0 8px, transparent 8px 16px), var(--vergangen)}.neu{color:var(--text-leise);background:0 0;border-style:dashed;margin-top:auto;padding:0;font-size:.8rem;line-height:1.1rem}.streifen{background:var(--streifen);color:var(--streifen-text);border-left:5px solid var(--normal);cursor:grab;border-radius:4px;grid-template-columns:auto 1fr;align-items:start;gap:.1rem .4rem;padding:.4rem .55rem;display:grid;position:relative;box-shadow:0 1px 2px #0006}.streifen:active{cursor:grabbing}.streifen{box-sizing:border-box;grid-template-columns:auto 1fr auto;align-items:center;height:2.3rem;overflow:hidden}.streifen .titel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.streifen p.notiz,.streifen p.wartet{display:none}.streifen.blockiert .titel:before{content:"🔒 "}.streifen .marken{grid-area:1/3;align-items:center;gap:.3rem;margin-right:1.3rem;display:flex}.streifen .plakette{border-radius:50%;width:.7rem;height:.7rem;padding:0;font-size:0}.streifen .kette{color:#8a4b12;white-space:nowrap;font-size:.72rem;font-weight:700}.streifen{transition:opacity .12s}.streifen.gedimmt{opacity:.3}.streifen.verbunden{outline:2px solid var(--normal);outline-offset:1px}.streifen.prio-high{border-left-color:var(--hoch)}.streifen.prio-normal{border-left-color:var(--normal)}.streifen.prio-low{border-left-color:var(--niedrig)}.streifen input[type=checkbox]{width:.9rem;height:.9rem;margin:.1rem 0 0}.streifen .titel{text-align:left;color:inherit;overflow-wrap:anywhere;background:0 0;border:none;min-width:0;padding:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;font-weight:600;line-height:1.3}.streifen .notiz{opacity:.8;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;grid-column:2;margin:0;font-size:.8rem;line-height:1.3;display:-webkit-box;overflow:hidden}.streifen.erledigt{background:linear-gradient(135deg,#e4f4e8,#f1f8ea);padding-right:2.2rem}.streifen.erledigt:after{content:"♥";color:#e0457b;font-size:1.35rem;line-height:1.2;position:absolute;top:.2rem;right:.5rem}.streifen.erledigt.hoch:after{content:"👑";font-size:1.2rem}.streifen.zahlung.aus.erledigt:after{content:"✓";color:#fff;background:#3f9d62;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.8rem;font-weight:700;line-height:1;display:grid;top:50%;right:.5rem;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.streifen.feier{animation:.6s ease-out puls}.streifen.feier:after{animation:.6s ease-out pop}.streifen .aufsteigend{pointer-events:none;font-size:1.6rem;animation:1.5s ease-out forwards steigt;position:absolute;top:0;right:.6rem}@keyframes pop{0%{transform:scale(.2)}60%{transform:scale(1.7)}to{transform:scale(1)}}@keyframes puls{0%{box-shadow:0 0 #e0457bb3}to{box-shadow:0 0 0 14px #e0457b00}}@keyframes steigt{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2.6rem)}}@media (prefers-reduced-motion:reduce){.streifen.feier,.streifen.feier:after,.streifen .aufsteigend{animation:none}}.belohnung-knopf{font-weight:600}.stufe{margin:0;font-size:1.3rem;font-weight:700}.balken{background:var(--bg);border:1px solid var(--linie);border-radius:999px;height:.7rem;overflow:hidden}.balken>div{background:linear-gradient(90deg, var(--akzent), #e0457b);height:100%}.monate{border-collapse:collapse;width:100%;font-size:.9rem}.monate td{border-top:1px solid var(--linie);padding:.25rem .4rem}.dialog-hintergrund{background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--zelle);border:1px solid var(--linie);border-radius:10px;flex-direction:column;gap:.7rem;width:min(28rem,100%);padding:1rem 1.25rem;display:flex}.dialog h2{margin:0;font-size:1.05rem}.dialog .ort{color:var(--text-leise);margin:0;font-size:.85rem}.dialog label{color:var(--text-leise);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.dialog label.haken{flex-direction:row;align-items:center;gap:.5rem}.dialog label.haken input{width:auto}.dialog-knoepfe{align-items:center;gap:.5rem;display:flex}.gefahr{border-color:var(--hoch);color:#ff8b84}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login form{background:var(--zelle);border:1px solid var(--linie);border-radius:10px;flex-direction:column;gap:.8rem;width:min(22rem,100%);padding:1.5rem;display:flex}.login h1{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem;font-size:1.2rem}.login label{color:var(--text-leise);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}@media (width<=700px){.leiste{flex-wrap:wrap}}.dialog.kalender{width:min(34rem,100%)}.dialog .anleitung{color:var(--text-leise);flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;font-size:.85rem;display:flex}.dialog code{background:var(--bg);border-radius:4px;padding:0 .3rem}.plakette{letter-spacing:.05em;text-transform:uppercase;color:#fff;border-radius:999px;grid-column:2;justify-self:start;padding:0 .4rem;font-size:.66rem;font-weight:700}.plakette.private{background:#7b5ea7}.plakette.business{background:#2f6fa3}.umschalter{border:1px solid var(--linie);border-radius:6px;display:inline-flex;overflow:hidden}.umschalter button{background:0 0;border:none;border-radius:0}.umschalter button[aria-pressed=true]{background:var(--akzent);color:#06121c;font-weight:600}.hinweis-klein{color:var(--text-leise);font-size:.85rem}.plaketten-wahl{border:1px solid var(--linie);border-radius:6px;gap:1rem;margin:0;padding:.4rem .7rem;display:flex}.plaketten-wahl legend{color:var(--text-leise);padding:0 .3rem;font-size:.85rem}.plaketten-wahl label{flex-direction:row;align-items:center;gap:.35rem}.plaketten-wahl input{width:auto}.leiste{flex-wrap:wrap}.zelle,.streifen{min-width:0}.board.eng .streifen .titel{font-size:.88rem}.streifen.blockiert{background:#e3dfd0}.streifen .wartet{color:#8a4b12;overflow-wrap:anywhere;grid-column:2;margin:0;font-size:.78rem;font-weight:600}.dialog select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--linie);border-radius:6px;width:100%;padding:.35rem .4rem}.menue{margin-left:auto;position:relative}.menue-liste{z-index:10;background:var(--zelle);border:1px solid var(--linie);border-radius:8px;flex-direction:column;min-width:9rem;max-width:calc(100vw - 1rem);padding:.25rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #00000059}.menue-liste button{text-align:left;background:0 0;border:none;padding:.4rem .6rem}.menue-liste button:hover{background:var(--zelle-hover)}.profil-block{border-top:1px solid var(--linie);flex-direction:column;gap:.6rem;padding-top:.7rem;display:flex}.profil-block h3{margin:0;font-size:.95rem}.dialog{max-height:92vh;overflow-y:auto}.abhaengigkeit{pointer-events:none;z-index:5;position:absolute;top:0;left:0;overflow:visible}.abhaengigkeit path{stroke:#d9822b;filter:drop-shadow(0 0 2px #00000059)}.streifen .wiederholt{color:var(--streifen-text);opacity:.6;font-size:.8rem;font-weight:700}.wiederholung{flex-direction:column;align-items:stretch;gap:.5rem}.wiederholung select{width:100%}.wiederholung .haken input[type=number]{width:4.5rem}.wochentage{flex-wrap:wrap;gap:.5rem;display:flex}.link-knopf{color:var(--akzent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.serien{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.serien li{border-top:1px solid var(--linie);justify-content:space-between;align-items:center;gap:.6rem;padding-top:.4rem;display:flex}.serien li div{flex-direction:column;min-width:0;display:flex}@media (width<=600px){.board{scroll-snap-type:x proximity;padding:.3rem .4rem 1rem;scroll-padding-left:2.4rem;grid-template-columns:2rem repeat(var(--tage,5), calc(100vw - 2.4rem - 8px))!important}.kopf{scroll-snap-align:start}.zeilenkopf{z-index:3;position:sticky;left:0;transform:none}.leiste{gap:.35rem;padding:.3rem .4rem}.dialog-hintergrund{align-items:end;padding:.5rem}.dialog{max-height:94vh;padding:.8rem}button,select,input{min-height:2.2rem}}.dialog .verschieben{border:1px solid var(--linie);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem;display:flex}.dialog .verschieben legend{color:var(--text-leise);padding:0 .3rem;font-size:.8rem}.dialog .verschieben select{flex:1;min-width:0}.dialog-hintergrund{z-index:20}@media (width<=600px){.leiste{gap:.3rem .35rem}.leiste h1{flex:1;order:1;font-size:.85rem}.leiste .platz,.leiste .hinweis-klein{display:none}.leiste .belohnung-knopf{order:2}.leiste .menue{order:3;margin-left:0}.leiste nav{flex:100%;order:4}.leiste nav button{flex:1}.leiste .umschalter,.leiste>button:not(.belohnung-knopf){order:5}.leiste button,.leiste .umschalter button{min-height:2rem;padding:.2rem .5rem;font-size:.8rem}.leiste .umschalter{flex:0 auto}.menue-liste{min-width:12rem}.menue-liste button{min-height:2.8rem;font-size:.95rem}html{-webkit-text-size-adjust:100%}input,select,textarea{font-size:max(16px,1em)}.streifen button,.streifen input,.board button{min-height:0}}.zeilenkopf.erledigt-kopf{border-right-color:var(--text-leise)}.zelle.erledigt-zelle{opacity:.85;min-height:2.6rem}@media (width<=600px){.board{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.kopf{scroll-snap-stop:always}}@media (display-mode:standalone){.leiste{padding-top:calc(.9rem + env(safe-area-inset-top))}@media (width<=600px){.leiste{padding-top:0}}.board{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (width<=600px){.leiste [aria-label=Wochenansicht],.leiste [aria-label=Groesse],.leiste>button[title$=Design]{display:none}.leiste nav{flex:9.5rem;order:4;min-width:9.5rem}.leiste nav button{min-height:1.9rem;padding:.1rem .4rem}.leiste nav button:nth-child(2){flex:2}.leiste [aria-label=Plakette\ filtern]{flex:none;order:5}.leiste [aria-label=Plakette\ filtern] button{min-height:1.9rem;padding:.1rem .45rem}.menue-liste hr{border:none;border-top:1px solid var(--linie);width:100%;margin:.2rem 0}.menue-groesse{color:var(--text-leise);align-items:center;gap:.4rem;padding:.2rem .6rem;display:flex}.menue-groesse span{flex:1}.menue-groesse button{text-align:center;min-width:2.6rem}}.dialog .teilen{border:1px solid var(--linie);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem;display:flex}.dialog .teilen legend{color:var(--text-leise);padding:0 .3rem;font-size:.8rem}.dialog .teilen input{flex:1;min-width:0}.dialog .teilen .hinweis-klein{flex:100%;margin:0}.kopf.heute{background:var(--akzent);color:#06121c;outline:none}.zelle.heute.ueber{background:var(--zelle-hover)}.dialog .vorschau{background:var(--flaeche-leise,#7f7f7f1f);border-radius:.4rem;margin:0;padding:.5rem .7rem;font-size:.95rem}.dialog ol.ort{gap:.25rem;padding-left:1.2rem;display:grid}.serien li{flex-wrap:wrap}.serie-bearbeiten{flex-direction:column;gap:.5rem;width:100%;display:flex}.dialog .checkliste{flex-direction:column;gap:.3rem;display:flex}.checkliste .punkt{align-items:center;gap:.4rem;display:flex}.checkliste .punkt .haken{flex:1;min-width:0}.checkliste .punkt input:not([type=checkbox]){flex:1}.checkliste .punkt button{min-height:0;padding:.1rem .45rem}.checkliste .erledigt-text{opacity:.65;text-decoration:line-through}.punkte-zaehler{opacity:.85;font-size:.75rem}.treffer{flex-direction:column;gap:.3rem;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.treffer button{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;display:flex}.stapel{text-align:left;color:#3d6b4a;cursor:pointer;background:linear-gradient(135deg,#e4f4e8,#f1f8ea);border:1px solid #b9d9c1;border-radius:.4rem;width:100%;margin-bottom:.55rem;padding:.45rem .6rem;font-weight:600;box-shadow:0 .25rem 0 -.1rem #cfe6d5,0 .5rem 0 -.2rem #e1f0e5}.stapel.offen{box-shadow:none;background:0 0;margin-bottom:0;font-size:.8rem;font-weight:400}.streifen .stern{cursor:pointer;color:var(--text-leise);opacity:.6;background:0 0;border:0;padding:0 .15rem;font-size:1.05rem;line-height:1}.streifen .stern.an{color:#e0a800;opacity:1}.drei-zaehler{color:#e0a800;white-space:nowrap;font-size:.85rem}.leiste [aria-label=Wochenansicht]{order:2}.leiste [aria-label=Plakette\ filtern]{order:3}.leiste [aria-label=Groesse]{order:4}.leiste .thema-knopf{order:5}@media (width<=600px){.leiste{border-bottom:1px solid var(--linie);padding:0;display:block}.leiste .oben{align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.leiste .unten{z-index:15;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));background:var(--zelle);border-top:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0000004d}.leiste .unten>*{order:0}.leiste nav{flex:100%;order:0;min-width:0}.leiste .unten nav button{min-height:2.6rem;font-size:.95rem}.leiste [aria-label=Plakette\ filtern]{flex:1 1 0;order:1;min-width:0}.leiste [aria-label=Plakette\ filtern] button{flex:1;min-height:2.6rem;padding:.2rem .3rem;font-size:.8rem}.leiste .unten>button,.leiste .unten .menue>button{min-height:2.6rem;padding:.2rem .5rem;font-size:.85rem}.leiste .menue-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:4.5rem;display:inline-block;overflow:hidden}.leiste .unten .menue{order:3;margin-left:0}.leiste .l-aktion{order:2}.leiste .thema-knopf{display:none}.menue-liste{inset:auto 0 calc(100% + 6px) auto}.board{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}}@media (width<=600px) and (display-mode:standalone){.leiste .oben{padding-top:calc(1.8rem + env(safe-area-inset-top))}.board{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}}.streifen{background-image:linear-gradient(#ffffff59,#1c25300a);border:1px solid #1c253080;border-left-width:7px;border-radius:2px;box-shadow:0 1px #00000073,inset 0 1px #fff9,inset 0 -2px #1c253014}.streifen .titel{letter-spacing:.02em;font-size:.85rem;font-weight:700}.streifen input[type=checkbox]{margin-right:.15rem}.streifen .marken{border-left:1px solid #1c253066;align-self:stretch;padding-left:.45rem}.streifen:not(.erledigt) .marken{margin-right:-.15rem}.streifen.erledigt{background-image:linear-gradient(135deg,#e4f4e8,#f1f8ea)}:root[data-theme=hell] .streifen{box-shadow:0 1px #1c253066,inset 0 1px #fff9}.streifen{color:#1c2530;background-color:#d9dde3;background-image:none;border-color:#7d8a9a;border-radius:0}.streifen .titel{background:#1c25301a;border-right:1px solid #1c253059;align-self:stretch;align-items:center;margin:-.4rem 0;padding:0 .5rem;display:flex}.streifen .marken{background:#1c253012;border-left:none;align-self:stretch;margin-top:-.4rem;margin-bottom:-.4rem;padding:0 .4rem}.streifen .titel{letter-spacing:0;padding:0 .3rem;font-size:.8rem}.streifen .marken{gap:.2rem;padding:0 .25rem}.streifen .plakette{display:none}@media (width<=600px){.leiste .menue-name{display:none}.leiste .menue-pfeil{font-size:1rem}.leiste [aria-label=Plakette\ filtern] button{white-space:nowrap}}@media (width<=600px){.leiste .menue-pfeil{font-size:0}.leiste .menue-pfeil:after{content:"⋯";font-size:1.4rem;line-height:1}}.zelle{min-height:8.5rem}.zelle.erledigt-zelle{min-height:5rem}.kopf{background:color-mix(in srgb, var(--akzent) 24%, var(--bg));color:var(--text);border-bottom:2px solid color-mix(in srgb, var(--akzent) 55%, var(--bg));letter-spacing:.04em}.kopf.vergangen{color:var(--text-leise);background:color-mix(in srgb, var(--akzent) 10%, var(--bg));border-bottom-color:color-mix(in srgb, var(--akzent) 25%, var(--bg))}.kopf.heute{background:var(--akzent);color:#06121c;border-bottom-color:var(--akzent)}.zieh-rand{z-index:12;cursor:pointer;-webkit-user-select:none;user-select:none;width:1.6rem;height:5rem;color:var(--text-leise);background:color-mix(in srgb, var(--akzent) 12%, transparent);opacity:.7;border-radius:8px;justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.zieh-rand.links{border-radius:0 8px 8px 0;left:0}.zieh-rand.rechts{border-radius:8px 0 0 8px;right:0}.zieh-rand:hover{opacity:1;background:color-mix(in srgb, var(--akzent) 35%, transparent)}.zieh-rand.aktiv{opacity:1;color:#06121c;background:color-mix(in srgb, var(--akzent) 55%, transparent);border-radius:0;width:3.4rem;height:auto;font-size:2.4rem;top:3rem;bottom:0;transform:none}@media (width<=600px){.zieh-rand{display:none}}.leiste h1{align-items:center;gap:.5rem;display:flex}.leiste .logo{background:#fff;border-radius:6px;width:auto;height:2.1rem;padding:2px 4px}.board{padding-top:.9rem}@media (width<=600px){.board{padding-top:.8rem}.leiste .logo{height:1.8rem}}:root[data-theme=hell] .kopf.heute,:root[data-theme=hell] .zieh-rand.aktiv{color:#fff}.zelle,.kopf,.zeilenkopf,.ecke,.neu,.umschalter,.leiste nav button,.leiste .unten>button{border-radius:0}.zelle{border:1px solid var(--linie)}.zelle.ueber{border:1px solid var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}.zelle.heute{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--akzent) 50%, transparent)}.kopf{border-bottom-width:3px;border-radius:0}.zeilenkopf{border-right-width:4px}.zieh-rand.links,.zieh-rand.rechts,.streifen .titel,.streifen .marken,.streifen .stern,.streifen .plakette{border-radius:0}.streifen .titel{border-right:1px solid #1c25308c}.streifen .marken{border-left:none}.streifen,.streifen.erledigt{background-image:none}.streifen.erledigt{background-color:#d5ecdb}.streifen .titel,.streifen .marken{background:0 0}.streifen{box-shadow:0 1px #00000059}.streifen.fokus:not(.erledigt){box-shadow:inset -7px 0 #e0a800,0 1px #00000059}.streifen{color:#022a52;background-color:#b4c3d3;border-color:#5a7590}.streifen.kat-business{background-color:#8fbffb}.streifen.kat-private{background-color:#f4f3f2}.streifen.blockiert{background-color:#9aaebf}.streifen .titel,.streifen .marken,.streifen .stern{color:#022a52}.streifen .stern.an{color:#b57f00}.streifen.erledigt .titel{color:#2d5a3c}.streifen.erledigt,.streifen.erledigt.kat-business,.streifen.erledigt.kat-private,.streifen.erledigt.blockiert{background-color:#d5ecdb}.streifen.erledigt .marken{margin-right:0;padding-right:.3rem}.streifen.erledigt .marken:empty{display:none}.streifen.erledigt{column-gap:.2rem;padding-right:1.9rem}.streifen.erledigt:after{font-size:1.2rem;right:.35rem}.streifen.erledigt.hoch:after{font-size:1.1rem}.streifen.erledigt:has(.marken:empty) .titel{border-right:none}.streifen.erledigt:not(:has(.marken>:not(.plakette))) .marken{display:none}.streifen.erledigt:not(:has(.marken>:not(.plakette))) .titel{border-right:none}.streifen .flagge{cursor:pointer;color:var(--text-leise);opacity:.6;background:0 0;border:0;padding:0 .15rem;font-size:1rem;line-height:1}.streifen .flagge.an{color:#1f9d55;opacity:1}.streifen.laeuft{box-shadow:0 0 0 2px #1f9d55,0 1px 2px #0006}.streifen-schatten,.schatten{text-align:left;width:100%;color:var(--text-leise);opacity:.75;cursor:pointer;background:0 0;border:2px dashed #1f9d55;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;display:block}.schatten small{opacity:.8}.abhaengigkeit path.schattenpfeil{stroke:#1f9d55;stroke-dasharray:5 4}.familie-liste{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.familie-liste li{align-items:center;gap:.5rem;display:flex}.familie-liste li button{margin-left:auto}.familie-liste .farbe{border-radius:50%;flex:none;width:.9rem;height:.9rem}.streifen.fremd{cursor:default;border-left-color:var(--fremd,var(--normal));opacity:.92}.streifen.fremd .titel{cursor:default}.streifen.fremd .besitzer{color:#fff;background:var(--fremd);border-radius:999px;justify-self:end;padding:0 .4rem;font-size:.7rem;font-weight:700}.streifen .teilen.an{color:var(--akzent)}.streifen.meine{border-right:5px solid var(--fremd)}.familienhinweis{flex-wrap:wrap;align-items:center;gap:.3rem .8rem;display:flex}.farbe-punkte{gap:.7rem;display:inline-flex}.farbe-name{align-items:center;gap:.3rem;display:inline-flex}.farbe-name .farbe{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}:root{--ein:#3fa66a;--aus:#d9654b;--knapp:#d9a441}.zeilenkopf.kasse.ein{border-right-color:var(--ein)}.zeilenkopf.kasse.aus{border-right-color:var(--aus)}.zelle.kasse{justify-content:flex-end;min-height:calc(8.2rem + 34px)}.zelle.kasse .neu{margin-top:0}.streifen.zahlung.ein{border-left-color:var(--ein)}.streifen.zahlung.aus{border-left-color:var(--aus)}.streifen.zahlung[style*=--kategorie]{border-right:5px solid var(--kategorie)}.streifen.zahlung.erledigt{opacity:.6}.streifen.zahlung.erledigt .titel{text-decoration:line-through}.streifen.zahlung.ueberfaellig{box-shadow:0 0 0 2px var(--aus)}.streifen.zahlung .betrag{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.streifen.zahlung.ein .betrag{color:#1f7a45}.streifen.zahlung.aus .betrag{color:#b23a22}.zeilenkopf.summe-kopf{border-right-color:var(--linie)}.summe{background:var(--zelle);font-variant-numeric:tabular-nums;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.25rem;display:flex}.summe.heute{outline:2px solid var(--akzent)}.summe .saldo{color:var(--ein);font-weight:700}.summe.minus .saldo{color:var(--aus)}.summe small{color:var(--text-leise);font-size:.72rem}.wochensumme{font-variant-numeric:tabular-nums;font-size:.9rem}.wochensumme .plus{color:var(--ein)}.wochensumme .minus{color:var(--aus)}.budgetleiste{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:.4rem .7rem 0;list-style:none;display:flex}.budget{grid-template-columns:auto 8rem auto;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.budget .balken{background:var(--zelle);border:1px solid var(--linie);border-radius:999px;height:.6rem;overflow:hidden}.budget .balken span{background:var(--ein);height:100%;display:block}.budget.knapp .balken span{background:var(--knapp)}.budget.ueber .balken span{background:var(--aus)}.budget.ueber .budget-betrag{color:var(--aus);font-weight:700}.budget-betrag{font-variant-numeric:tabular-nums}.budget-liste{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.budget-liste li{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.budget-liste li>:last-child{margin-left:auto}.dialog.budgets{width:min(34rem,100%)}.budget-rahmen{color:var(--gedaempft,#667);width:100%;font-size:.8rem;display:block}.leiste .oben,.leiste .unten{display:contents}.leiste h1{order:0}.leiste nav{order:1}.leiste .l-aktion{order:2}.leiste .platz{order:3}.leiste .l-rechts{order:4}.leiste .menue{order:5}@media (width<=600px){.leiste{border-bottom:1px solid var(--linie);padding:0;display:block}.leiste .oben{align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.leiste .oben .platz{flex:1;display:block}.leiste .unten{z-index:15;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));background:var(--zelle);border-top:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0000004d}.leiste .unten>*{order:0}.leiste nav{flex:100%;order:0;min-width:0}.leiste .unten nav button{flex:1;min-height:2.6rem;padding:.2rem .5rem;font-size:.95rem}.leiste .unten nav button:nth-child(2){flex:2}.leiste .l-aktion{flex:1 1 0;order:1;min-height:2.6rem;font-size:.85rem}.leiste .unten .menue{flex:none;order:2;margin-left:0}.leiste .unten .menue>button{min-height:2.6rem;padding:.2rem .8rem;font-size:.85rem}.menue-liste{inset:auto 0 calc(100% + 6px) auto}.board{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}}@media (width<=600px) and (display-mode:standalone){.leiste .oben{padding-top:calc(1.8rem + env(safe-area-inset-top))}}.streifen.zahlung{gap:0 .3rem;height:2rem;padding:.25rem .4rem .25rem .45rem}.streifen.zahlung .titel{letter-spacing:0;font-family:inherit;font-size:.8rem;font-weight:600}.streifen.zahlung .betrag{white-space:nowrap;font-size:.78rem;font-weight:700}.streifen.zahlung .marken{gap:.2rem}.streifen.zahlung .wiederholt{font-size:.7rem}.streifen.zahlung input[type=checkbox]{width:.8rem;height:.8rem}.kopf{font-size:.82rem}.zeilenkopf{font-size:.68rem}.wochensumme{white-space:nowrap;font-size:.82rem}.budget .budget-name,.budget .budget-betrag{font-size:.82rem}.kontostand{white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:.6rem;font-size:.82rem}.kontostand .plus{color:var(--ein)}.kontostand .minus{color:var(--aus)}.summe .stand{opacity:.85;font-weight:600;display:block}.summe .stand.minus{color:var(--aus)}.schritte{flex-wrap:wrap;gap:.3rem;margin:0 0 .4rem;padding:0;font-size:.78rem;list-style:none;display:flex}.schritte li{background:var(--zelle);color:var(--text-leise);border:1px solid var(--linie);border-radius:999px;padding:.15rem .5rem}.schritte li.fertig{color:var(--text)}.schritte li.aktiv{background:var(--akzent);color:#fff;border-color:var(--akzent);font-weight:600}.schnellwahl{gap:.4rem;margin-bottom:.3rem;display:flex}.schnellwahl button{min-height:0;padding:.1rem .6rem;font-size:.8rem}.budget-liste li{flex-wrap:wrap}.budget-liste .aufklappen{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;gap:.5rem;padding:0;display:flex}.budget-liste li.ueber .betrag{color:var(--minus,#c0392b);font-weight:600}.belastung-box{flex-basis:100%}.belastung{max-height:16rem;margin:.3rem 0 0;padding:0;font-size:.85rem;list-style:none;overflow:auto}.belastung li{border-top:1px solid var(--linie);justify-content:space-between;gap:.5rem;padding:.15rem 0;display:flex}.fund-liste{flex-direction:column;gap:.4rem;max-height:52vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.fund label{border:1px solid var(--linie);background:var(--zelle);cursor:pointer;border-radius:10px;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.fund.an label{border-color:var(--akzent);background:color-mix(in srgb, var(--akzent) 12%, var(--zelle))}.fund.da label{opacity:.55;cursor:default}.fund input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--akzent);flex:none}.fund-text{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.fund-titel{overflow-wrap:anywhere;font-weight:600}.fund-meta{flex-wrap:wrap;gap:.25rem;display:flex}.fund .chip{border:1px solid var(--linie);color:var(--text-leise);white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.72rem}.fund .chip.leise{opacity:.8}.fund .chip.warn{color:#d98a00;border-color:#d98a00}.fund-spanne{color:var(--text-leise);font-size:.72rem}.fund-betrag{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-weight:700}.fund-betrag.plus{color:#2ea44f}.fund-betrag.minus{color:var(--text)}.budget-liste li .betrag-frage{border:1px dashed #d98a00;border-radius:8px;flex-basis:100%;margin:.25rem 0 0 1.6rem;padding:.4rem .6rem;font-size:.85rem}.verlauf{flex-direction:column;gap:.3rem;max-height:40vh;margin:.4rem 0;padding:0;list-style:none;display:flex;overflow:auto}.verlauf li{border:1px solid var(--linie);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.verlauf-text{overflow-wrap:anywhere;flex:14rem;min-width:0}.verlauf-aktionen{gap:.3rem;display:flex}.verlauf-aktionen button{min-height:0;padding:.15rem .6rem;font-size:.8rem}.familie-liste li{flex-wrap:wrap}.palette{flex-wrap:wrap;flex-basis:100%;gap:.35rem;margin:.1rem 0 .3rem;display:flex}.palette .feld{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.6rem;height:1.6rem;min-height:0;padding:0}.palette .feld.an{border-color:var(--text);box-shadow:0 0 0 2px var(--zelle)}.kat-name{flex:1}.kriterien{color:var(--text-leise);margin:.35rem 0 0 1.9rem;font-size:.82rem}.kriterien summary{cursor:pointer}.kriterien ul{flex-direction:column;gap:.2rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.kriterien label.haken{color:var(--text);flex-direction:row;align-items:center;gap:.4rem;font-size:.82rem}.budget-liste li .kriterien{flex-basis:100%}.klein{min-height:0;padding:.05rem .5rem;font-size:.75rem}.warum{color:var(--text-leise)}.ausgeblendet .chip{border:1px solid var(--linie);border-radius:999px;align-items:center;gap:.3rem;margin-right:.3rem;padding:.05rem .5rem;display:inline-flex}.ausgeblendet .chip button{min-height:0;padding:0 .4rem;font-size:.72rem}.budget-liste .kriterien li{border:0;padding:0;display:block}.kriterien label.haken{justify-content:flex-start}.fund .betrag-frage{border:1px dashed var(--akzent);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.6rem;margin-top:.3rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.fund-liste+.hinweis-klein,.fund-liste~small{margin-top:.4rem;display:block}.dialog h3{margin:1.1rem 0 .4rem;font-size:.95rem}.dialog .fund-liste{max-height:none}.arbeitet{background:color-mix(in srgb, var(--akzent) 14%, transparent);border-radius:10px;align-items:center;gap:.6rem;margin:.4rem 0;padding:.55rem .75rem;font-size:.9rem;display:flex}.dreh{border:2px solid var(--linie);border-top-color:var(--akzent);border-radius:50%;flex:none;width:1rem;height:1rem;animation:.8s linear infinite dreh}@keyframes dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dreh{animation-duration:3s}}.streifen .faellig{color:#ffb199;white-space:nowrap;font-size:.68rem}.belastung li{flex-wrap:wrap;align-items:center}.belastung li>span:first-child{flex:10rem}.streifen{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 .4rem;height:2.45rem;padding:.2rem .45rem}.streifen input[type=checkbox]{grid-row:1/span 2;width:.85rem;height:.85rem;margin:0}.streifen .titel{grid-area:1/2;font-size:.74rem;line-height:1.15}.streifen .marken{background:0 0;grid-area:2/2;align-self:center;gap:.35rem;margin:0;padding:0;font-size:.7rem}.streifen .betrag{font-size:.72rem}.streifen.erledigt{padding-right:1.6rem}.streifen.erledigt:after{font-size:1rem;top:.45rem;right:.4rem}.streifen.ziel{outline:2px dashed var(--akzent);outline-offset:1px;background:color-mix(in srgb, var(--akzent) 22%, var(--streifen))}.stapel{border:1px dashed var(--linie);background:color-mix(in srgb, var(--niedrig) 14%, transparent);width:100%;color:var(--text);border-radius:6px;justify-content:space-between;align-items:center;gap:.4rem;padding:.2rem .5rem;font-size:.74rem;display:flex}.stapel .betrag{font-variant-numeric:tabular-nums;font-weight:650}.kopf.heute{box-shadow:0 0 0 2px var(--akzent), 0 0 14px color-mix(in srgb, var(--akzent) 55%, transparent);font-weight:800;position:relative}.kopf.heute:after{content:"HEUTE";letter-spacing:.12em;opacity:.85;font-size:.6rem;font-weight:700;display:block}.zelle.heute{background:color-mix(in srgb, var(--akzent) 20%, var(--zelle));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--akzent) 70%, transparent), 0 0 12px color-mix(in srgb, var(--akzent) 25%, transparent)}.summe.heute{background:color-mix(in srgb, var(--akzent) 22%, var(--zelle));outline:2px solid var(--akzent);font-weight:700}.schnell{gap:.4rem;padding:.3rem .7rem;display:flex}.schnell input{flex:1;min-width:0}@media (width<=600px){.schnell{padding:.3rem .4rem}}.dialog.suche{width:min(36rem,100%)}.suche .belastung{max-height:50vh}.treffer-knopf{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:.6rem;padding:.3rem 0;display:flex}.treffer-liste li{border-top:1px solid var(--linie);list-style:none}.budgetleiste .budget.anklickbar{cursor:pointer}.budgetleiste .budget.anklickbar:hover{filter:brightness(1.12)}.budget-gadgets{color:var(--text-leise);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.3rem .6rem;font-size:.8rem;display:flex}.budget-gadgets .smiley{font-size:1.15rem;line-height:1}.budget-gadgets.drueber{color:var(--aus)}.chip-gadget{border:1px solid var(--linie);white-space:nowrap;border-radius:999px;padding:.05rem .5rem}.chip-gadget.minus{color:var(--aus);border-color:var(--aus)}.wochenabzeichen{flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin:.2rem 0 .5rem;font-size:.85rem;display:flex}.wochenabzeichen ul{gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.wochenabzeichen li{border:1px solid var(--linie);cursor:default;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:1rem;display:grid}.wochenabzeichen li.ok{background:color-mix(in srgb, var(--ein) 22%, transparent);border-color:var(--ein)}.wochenabzeichen li.nein{color:var(--aus);font-size:.8rem}.wochenabzeichen li.laufend{color:var(--text-leise);border-style:dashed}.konfetti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.konfetti i{opacity:0;border-radius:2px;width:.55rem;height:.9rem;animation:3.2s ease-in forwards konfetti-fall;position:absolute;top:-1rem}.konfetti p{background:var(--zelle);border:1px solid var(--linie);border-radius:999px;margin:0;padding:.6rem 1.2rem;font-weight:650;animation:4.4s ease-out forwards konfetti-text;position:absolute;top:28%;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}@keyframes konfetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 105vh) rotate(720deg);opacity:.9}}@keyframes konfetti-text{0%{opacity:0;transform:translate(-50%)scale(.7)}10%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.konfetti{display:none}}.kopf .tagesbudget{color:var(--ein);letter-spacing:0;justify-content:center;align-items:center;gap:.4rem;margin-top:.15rem;font-size:.72rem;font-weight:600;display:flex}.tagesbalken{background:color-mix(in srgb, var(--ein) 22%, transparent);border-radius:999px;flex:0 4.5rem;min-width:2.5rem;height:.45rem;display:block;overflow:hidden}.tagesbalken>span{background:var(--ein);border-radius:999px;height:100%;transition:width .3s;display:block}.tagesbudget.minus .tagesbalken,.woche-frei.minus .tagesbalken{background:color-mix(in srgb, var(--aus) 25%, transparent)}.tagesbudget.minus .tagesbalken>span,.woche-frei.minus .tagesbalken>span{background:var(--aus)}.woche-frei{grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.woche-frei .tagesbalken{flex:0 8rem}.woche-frei small{color:var(--text-leise)}.woche-frei.minus small,.kopf .tagesbudget.minus{color:var(--aus)}.kopf.vergangen .tagesbudget{opacity:.7}.heute-frei{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:.5rem;display:flex}.heute-frei strong{color:var(--ein);font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1.1}.heute-frei.minus strong{color:var(--aus)}.heute-frei small{color:var(--text-leise);font-size:.78rem}.kacheln{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.4rem .5rem;display:grid}.kachel{box-sizing:border-box;border:1px solid var(--linie);background:var(--zelle);min-height:5.6rem;color:inherit;font:inherit;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.45rem .35rem;display:flex}button.kachel{cursor:pointer}.kachel.hervor{border-color:var(--akzent)}.kachel-titel,.kachel-unter{color:var(--text-leise);overflow-wrap:anywhere;font-size:.7rem;line-height:1.15}.kachel-wert{font-variant-numeric:tabular-nums;color:var(--ein);font-size:1.15rem;line-height:1.1}.kachel.knapp .kachel-wert{color:var(--knapp)}.kachel.ueber .kachel-wert{color:var(--aus)}.kachel .tagesbalken{flex:none;width:100%}.kachel.knapp .tagesbalken>span{background:var(--knapp)}.kachel.ueber .tagesbalken{background:color-mix(in srgb, var(--aus) 25%, transparent)}.kachel.ueber .tagesbalken>span{background:var(--aus)}.kachel-satz{text-align:center;grid-column:1/-1;margin:.1rem 0 0}.kachel-satz .budget-gadgets{justify-content:center;font-size:.82rem}@media (width<=600px){.kachel-satz .chip-gadget{display:none}}@media (width>=601px){.kacheln{gap:4px;padding:.5rem .7rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))!important}.kachel-satz{display:none}.kachel{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:1fr auto;place-items:baseline stretch;gap:.15rem .6rem;min-height:0;padding:.35rem .7rem;display:grid}.kachel-titel{grid-area:1/1}.kachel-wert{text-align:right;grid-area:1/2;font-size:1.1rem}.kachel .tagesbalken{grid-area:2/1/auto/-1;align-self:center}.kachel-unter{text-align:right;grid-area:3/1/auto/-1}}.kachel.stimmung{display:none}@media (width>=601px){.kachel.stimmung{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.35rem .6rem;display:flex}.kachel.stimmung .budget-gadgets{text-align:center;color:var(--text);flex-flow:column;gap:.2rem}.kachel.stimmung .smiley{font-size:1.5rem}.kachel.stimmung .chip-gadget{white-space:normal;font-size:.72rem}}.anzeige-kopf{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.anzeige-kopf strong{color:var(--ein);font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1}.anzeige-kopf.minus strong{color:var(--aus)}.anzeige-kopf .tagesbalken{flex:none;width:min(24rem,100%);height:.6rem}.anzeige-kopf.minus .tagesbalken{background:color-mix(in srgb, var(--aus) 25%, transparent)}.anzeige-kopf.minus .tagesbalken>span{background:var(--aus)}.anzeige-kopf small{color:var(--text-leise)}.anzeige-zeilen{flex-direction:column;gap:.25rem;margin:0;display:flex}.anzeige-zeilen>div{border-bottom:1px solid var(--linie);justify-content:space-between;gap:1rem;padding:.25rem 0;display:flex}.anzeige-zeilen dt{color:var(--text-leise)}.anzeige-zeilen dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}@media (width>=901px){#root{flex-direction:column;height:100dvh;display:flex}#root>.board{box-sizing:border-box;flex:1 1 0;grid-template-rows:auto minmax(min-content,1fr) minmax(min-content,1fr) auto;min-height:0;overflow-y:auto}#root>.board .zelle{min-height:0}#root>.board{border:1px solid var(--linie);background:var(--zelle);border-radius:12px;margin:0 .7rem .7rem;padding:.5rem}#root>.board .kopf,#root>.board .ecke{z-index:4;position:sticky;top:0}}.dialog-hintergrund{align-items:center}.dialog{border-radius:16px;gap:0;max-height:min(92vh,52rem);padding:0;overflow:hidden;box-shadow:0 18px 50px #00000073}.dialog>:not(.dialog-knoepfe:last-child){margin-left:1.4rem;margin-right:1.4rem}.dialog>h2{letter-spacing:.01em;margin-top:1.25rem;font-size:1.15rem;font-weight:650}.dialog>h2+.ort,.dialog>h2+.hinweis-klein{margin-top:.15rem}.dialog>:not(h2):not(.dialog-knoepfe){margin-top:.8rem}.dialog>h3{border-top:1px solid var(--linie);letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise);margin-top:1.3rem;padding-top:.9rem;font-size:.8rem;font-weight:600}.dialog>.hinweis-klein,.dialog .hinweis-klein{line-height:1.45}.dialog{overflow-y:auto}.dialog>.dialog-knoepfe:last-child{background:color-mix(in srgb, var(--zelle) 92%, transparent);border-top:1px solid var(--linie);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1;margin:1rem 0 0;padding:.9rem 1.4rem 1rem;position:sticky;bottom:0}.dialog>.dialog-knoepfe{flex-wrap:wrap;gap:.6rem}.dialog>.dialog-knoepfe:not(:last-child){margin-top:1rem}.dialog label{gap:.3rem;font-weight:500}.dialog input:not([type=checkbox]):not([type=radio]),.dialog textarea,.dialog select{border:1px solid var(--linie);border-radius:10px;padding:.55rem .7rem;transition:border-color .15s,box-shadow .15s}.dialog input:focus-visible,.dialog textarea:focus-visible,.dialog select:focus-visible{border-color:var(--akzent);box-shadow:0 0 0 3px color-mix(in srgb, var(--akzent) 28%, transparent);outline:none}.dialog input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--akzent);flex:none}.dialog label.haken{color:var(--text);align-items:flex-start;font-weight:400;line-height:1.4}.dialog label.haken input{margin-top:.15rem}.dialog fieldset{border-radius:12px;padding:.7rem .8rem}.dialog legend{letter-spacing:.02em;font-weight:600}.dialog button{border-radius:10px;min-height:2.4rem;padding:.5rem .95rem}.dialog button.klein{border-radius:999px;min-height:0;padding:.1rem .55rem}.dialog .dialog-knoepfe button[type=submit],.dialog .dialog-knoepfe button:last-child:not(.gefahr):not([type=button]){background:var(--akzent);color:#06121c;border-color:#0000;font-weight:650}:root[data-theme=hell] .dialog .dialog-knoepfe button[type=submit]{color:#fff}.dialog .dialog-knoepfe button[type=submit]:hover:not(:disabled){filter:brightness(1.08)}.dialog .gefahr{background:0 0}.dialog .umschalter{border-radius:10px;align-self:flex-start}.dialog .umschalter button{min-height:2.2rem}.dialog .fehler{background:color-mix(in srgb, var(--hoch) 16%, transparent);border-radius:10px;padding:.55rem .75rem}.dialog .budget-liste{gap:.4rem}.dialog .budget-liste>li{border:1px solid var(--linie);background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:12px;padding:.55rem .75rem}.dialog .budget-liste>li:hover{border-color:color-mix(in srgb, var(--akzent) 55%, var(--linie))}.dialog .fund label{border-radius:12px}@media (width<=640px){.dialog-hintergrund{place-items:end center;padding:0}.dialog{border-radius:18px 18px 0 0;width:100%;max-height:94vh}.dialog>:not(.dialog-knoepfe:last-child){margin-left:1rem;margin-right:1rem}.dialog>.dialog-knoepfe:last-child{padding:.8rem 1rem calc(.9rem + env(safe-area-inset-bottom,0px))}.dialog>.dialog-knoepfe button{flex:auto}.dialog input:not([type=checkbox]),.dialog textarea,.dialog select{font-size:16px}}.dialog.wiederkehrend{width:min(52rem,100%)}.serien-liste{flex-direction:column;gap:.5rem;margin-left:1.4rem;margin-right:1.4rem;padding:0;list-style:none;display:flex}.serie{border:1px solid var(--linie);background:color-mix(in srgb, var(--bg) 35%, transparent);border-left:4px solid var(--hoch);border-radius:12px;padding:.65rem .85rem}.serie.ein{border-left-color:var(--niedrig)}.serie-kopf{grid-template-columns:1fr auto auto;align-items:center;gap:.2rem .8rem;display:grid}.serie-titel{overflow-wrap:anywhere;font-weight:650}.serie-betrag{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.serie-betrag.plus{color:#2ea44f}.serie-meta{flex-wrap:wrap;grid-column:1;gap:.25rem;display:flex}.serie-aktionen{grid-area:2/2/auto/span 2;justify-content:flex-end;gap:.4rem;display:flex}.serie .chip{border:1px solid var(--linie);color:var(--text-leise);border-radius:999px;padding:.05rem .5rem;font-size:.74rem}.serie .chip.leise{opacity:.85}.serie .kriterien{margin-top:.5rem}.serie-form{flex-direction:column;gap:.7rem;display:flex}.serie-felder{grid-template-columns:2fr 1fr 1fr;gap:.7rem;display:grid}.serie-form .dialog-knoepfe{margin:0}@media (width<=640px){.serie-felder{grid-template-columns:1fr}.serie-kopf{grid-template-columns:1fr auto}.serie-aktionen{grid-column:1/span 2}}.dialog .serie{display:block}.dialog .serie-kopf{display:grid}.dialog .serie-liste,.dialog .serien-liste{display:flex}.dialog input:not([type=checkbox]):not([type=radio]),.dialog textarea,.dialog select{box-sizing:border-box;max-width:100%}.dialog input[type=file]{padding:.4rem}.dialog>input,.dialog>select,.dialog>textarea{width:auto}.dialog{overflow-x:hidden}html[data-look=glass]{--glass:#10264080;--glass-strong:#0e2038bd;--glass-edge:#ffffff24;--glass-shadow:0 8px 32px #00000061, inset 0 1px 0 #ffffff14;--glass-blur:blur(18px) saturate(160%);--glass-hover:#ffffff1f;--zelle:var(--glass);--zelle-hover:var(--glass-hover);--linie:var(--glass-edge)}html[data-look=glass][data-theme=hell]{--glass:#ffffff8c;--glass-strong:#ffffffc7;--glass-edge:#ffffffb3;--glass-shadow:0 8px 32px #1f264024, inset 0 1px 0 #ffffffb3;--glass-hover:#fffc}html[data-look=glass] body{background-color:#0000;background-image:radial-gradient(42rem 32rem at 8% 8%,#ff4d5e38,#0000 70%),radial-gradient(46rem 36rem at 92% 16%,#4678ff42,#0000 70%),radial-gradient(40rem 34rem at 55% 100%,#8c5aff33,#0000 70%),linear-gradient(160deg,#091a2e 0%,#0c2038 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh}html[data-look=glass][data-theme=hell] body{background-color:#0000;background-image:radial-gradient(42rem 32rem at 8% 8%,#ff787847,#0000 70%),radial-gradient(46rem 36rem at 92% 16%,#508cf04d,#0000 70%),radial-gradient(40rem 34rem at 55% 100%,#966ef038,#0000 70%),linear-gradient(160deg,#eef2f9 0%,#e4ebf5 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}html[data-look=glass] :is(.leiste,.dialog,.budgetleiste){background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-edge)}html[data-look=glass] .leiste{border-bottom:1px solid var(--glass-edge);box-shadow:0 1px 12px #0000001f}html[data-look=glass] .dialog{background:var(--glass-strong);box-shadow:var(--glass-shadow);border-radius:18px}html[data-look=glass] .dialog-hintergrund{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060c1859}html[data-look=glass][data-theme=hell] .dialog-hintergrund{background:#1c253033}html[data-look=glass] .menue-liste{border-color:var(--glass-edge);box-shadow:var(--glass-shadow);background:#0e2038f5;border-radius:14px}html[data-look=glass][data-theme=hell] .menue-liste{background:#fffffff5}@media (width>=601px){html[data-look=glass] .leiste{z-index:15;position:relative}}@media (width<=600px){html[data-look=glass] .leiste{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-bottom:0}html[data-look=glass] .leiste .oben{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge)}html[data-look=glass] .leiste .unten{background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-edge)}}html[data-look=glass] :is(.kopf,.zelle,.zeilenkopf,.saldo){background:var(--glass);border-radius:10px;box-shadow:inset 0 1px #ffffff0f}html[data-look=glass] .zelle.wochenende{background:color-mix(in srgb, var(--wochenende) 55%, transparent)}html[data-look=glass] .zelle.ueber{background:var(--glass-hover)}html[data-look=glass] :is(.zelle.gesperrt,.zelle.vergangen){background:repeating-linear-gradient(135deg, #ffffff0d 0 8px, transparent 8px 16px), var(--glass);opacity:.75}html[data-look=glass] .streifen{border-radius:8px;box-shadow:0 3px 10px #00000047}html[data-look=glass] :is(.fund label,.verlauf li,.familie-liste .palette){border-color:var(--glass-edge)}html[data-look=glass] :is(.fund label,.verlauf li){background:#ffffff0d;border-radius:12px}html[data-look=glass][data-theme=hell] :is(.fund label,.verlauf li){background:#ffffff80}html[data-look=glass] .fund.an label{background:color-mix(in srgb, var(--akzent) 16%, transparent)}html[data-look=glass] button{border-color:var(--glass-edge);background:#ffffff14;border-radius:10px;transition:background .15s,box-shadow .15s}html[data-look=glass] button:hover:not(:disabled){background:var(--glass-hover);box-shadow:0 2px 10px #0000002e}html[data-look=glass][data-theme=hell] button{background:#ffffff80}html[data-look=glass] :is(.menue-liste button,.palette .feld,.umschalter button,.schritte li){box-shadow:none}html[data-look=glass] .menue-liste button{background:0 0}html[data-look=glass] .menue-liste button:hover:not(:disabled){background:var(--glass-hover)}html[data-look=glass] .palette .feld{background-clip:padding-box}html[data-look=glass] :is(input,textarea,select){border-color:var(--glass-edge);background:#00000040;border-radius:10px}html[data-look=glass][data-theme=hell] :is(input,textarea,select){background:#ffffffa6}html[data-look=glass] .schritte li.aktiv{box-shadow:0 4px 14px color-mix(in srgb, var(--akzent) 40%, transparent)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html[data-look=glass]{--glass:#102640eb;--glass-strong:#0e2038f7}html[data-look=glass][data-theme=hell]{--glass:#ffffffeb;--glass-strong:#fffffff7}}