.rahmen{min-height:100dvh}.sprungmarke{z-index:100;border-radius:var(--radius-sm);background:var(--knopf);color:var(--knopf-text);padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.sprungmarke:focus{top:12px}.marke{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.marke img{background:#fff;border-radius:8px;padding:2px}.marke em{color:var(--akzent-text);font-style:normal}.seitenleiste{width:var(--seitenleiste);z-index:20;border-right:1px solid var(--linie);flex-direction:column;gap:22px;padding:22px 14px 18px;display:none;position:fixed;inset:0 auto 0 0}.nav-liste{gap:4px;margin:0;padding:0;list-style:none;display:grid}.nav-eintrag{width:100%;min-height:var(--ziel-min);border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;text-align:left;transition:background-color var(--dauer-kurz) ease, color var(--dauer-kurz) ease;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.nav-eintrag:hover{background:var(--akzent-zart);color:var(--text)}.nav-eintrag.active{background:var(--akzent-zart);color:var(--akzent-text);box-shadow:inset 3px 0 0 var(--akzent-basis)}.seitenleiste-fuss{gap:4px;margin-top:auto;display:grid}.konto{text-overflow:ellipsis;white-space:nowrap;padding:6px 12px 0;overflow:hidden}.sync{border-radius:var(--radius-pill);align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.sync-ok{color:var(--text-3)}.sync-laeuft{color:var(--akzent-text)}.sync-laeuft svg{animation:1.2s linear infinite drehen}.sync-offline{color:var(--warnung);background:var(--warnung-zart)}.handy-kopf{z-index:20;padding:calc(8px + env(safe-area-inset-top)) 12px 8px 16px;border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.inhalt{padding:16px 16px calc(var(--tableiste) + 24px + env(safe-area-inset-bottom));outline:none;max-width:1440px}.tableiste{z-index:20;height:calc(var(--tableiste) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--linie);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tab{min-height:var(--ziel-min);color:var(--text-3);transition:color var(--dauer-kurz) ease;align-content:center;place-items:center;gap:2px;font-size:11px;font-weight:650;text-decoration:none;display:grid}.tab svg{transition:transform var(--dauer-kurz) var(--ease-out)}.tab.active{color:var(--akzent-text)}.tab.active svg{transform:translateY(-1px)scale(1.06)}@media (width>=900px){.seitenleiste{display:flex}.handy-kopf,.tableiste{display:none}.inhalt{margin-left:var(--seitenleiste);padding:28px 32px 40px}}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.seitenkopf p{color:var(--text-3);margin-top:2px}.auth{background:radial-gradient(60% 50% at 20% 0%, var(--akzent-zart), transparent 70%), radial-gradient(50% 40% at 100% 100%, var(--akzent-zart), transparent 70%), var(--grund);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-karte{border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--schatten);animation:dialog-rein var(--dauer-mittel) var(--ease-out);gap:14px;padding:28px 24px;display:grid}.auth-marke{margin-bottom:8px}.auth-form{gap:14px;margin-top:6px;display:grid}.auth-form .knopf-primaer{width:100%;margin-top:4px}.auth-wechsel{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.einrichtung{color:var(--text-2);gap:8px;padding-left:20px;display:grid}code{background:var(--grund-2);border:1px solid var(--linie);border-radius:6px;padding:1px 6px;font-size:.92em}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--radius-xl:24px;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--radius-pill:999px;--font:"Instrument Sans", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-display:"Bricolage Grotesque", var(--font);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--dauer-kurz:.16s;--dauer-mittel:.26s;--ziel-min:44px;--seitenleiste:248px;--tableiste:64px;--kat-gruen:#669f32;--kat-blau:#3e7cb1;--kat-orange:#c8742a;--kat-rot:#c8553d;--kat-lila:#8a63b8;--kat-petrol:#2a9d8f;--kat-grau:#7a8471;--a-basis:#669f32;--a-hell:#9bcb66;--a-hell-2:#b9db8f;--a-tief:#4a7424;--a-tiefer:#3f651e;--a-rgb:102, 159, 50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grund:#0e110c;--grund-2:#131710;--flaeche:#1a1f16;--flaeche-hoch:#222920;--flaeche-glas:#1a1f16b8;--linie:#e2f0d217;--linie-stark:#e2f0d22e;--text:#f1f4ec;--text-2:#c7cebf;--text-3:#9ea796;--akzent-basis:var(--a-basis);--akzent-text:var(--a-hell);--akzent-hell:var(--a-hell-2);--knopf:var(--a-tief);--knopf-tief:var(--a-tiefer);--knopf-text:#fff;--akzent-schein:rgba(var(--a-rgb), .35);--akzent-zart:rgba(var(--a-rgb), .14);--fehler:#ff8a7a;--fehler-zart:#ff8a7a1f;--warnung:#f2c14e;--warnung-zart:#f2c14e24;--schatten:0 1px 0 #ffffff0a inset, 0 24px 60px -30px #000c;--schatten-klein:0 1px 0 #ffffff0a inset, 0 8px 24px -14px #000000b3;--overlay:#050704a8}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--grund:#f4f6f0;--grund-2:#edf0e7;--flaeche:#fff;--flaeche-hoch:#f7f9f3;--flaeche-glas:#ffffffc7;--linie:#1e2d0f1a;--linie-stark:#1e2d0f33;--text:#161b12;--text-2:#3d4636;--text-3:#5e6856;--akzent-basis:var(--a-basis);--akzent-text:var(--a-tiefer);--akzent-hell:var(--a-tief);--knopf:var(--a-tief);--knopf-tief:var(--a-tiefer);--knopf-text:#fff;--akzent-schein:rgba(var(--a-rgb), .22);--akzent-zart:rgba(var(--a-rgb), .12);--fehler:#b3261e;--fehler-zart:#b3261e14;--warnung:#8a5a00;--warnung-zart:#f2c14e38;--schatten:0 1px 2px #141e0a0f, 0 18px 40px -24px #141e0a47;--schatten-klein:0 1px 2px #141e0a0f, 0 6px 16px -10px #141e0a38;--overlay:#141a0f61}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--grund:#f4f6f0;--grund-2:#edf0e7;--flaeche:#fff;--flaeche-hoch:#f7f9f3;--flaeche-glas:#ffffffc7;--linie:#1e2d0f1a;--linie-stark:#1e2d0f33;--text:#161b12;--text-2:#3d4636;--text-3:#5e6856;--akzent-basis:var(--a-basis);--akzent-text:var(--a-tiefer);--akzent-hell:var(--a-tief);--knopf:var(--a-tief);--knopf-tief:var(--a-tiefer);--knopf-text:#fff;--akzent-schein:rgba(var(--a-rgb), .22);--akzent-zart:rgba(var(--a-rgb), .12);--fehler:#b3261e;--fehler-zart:#b3261e14;--warnung:#8a5a00;--warnung-zart:#f2c14e38;--schatten:0 1px 2px #141e0a0f, 0 18px 40px -24px #141e0a47;--schatten-klein:0 1px 2px #141e0a0f, 0 6px 16px -10px #141e0a38;--overlay:#141a0f61}}:root[data-akzent=blau]{--a-basis:#3e7cb1;--a-hell:#8cb8e0;--a-hell-2:#b5d2ec;--a-tief:#2f6496;--a-tiefer:#255280;--a-rgb:62, 124, 177}:root[data-akzent=petrol]{--a-basis:#2a9d8f;--a-hell:#6fcdbf;--a-hell-2:#a5e0d7;--a-tief:#1d7368;--a-tiefer:#185f56;--a-rgb:42, 157, 143}:root[data-akzent=orange]{--a-basis:#d9822b;--a-hell:#f0b070;--a-hell-2:#f5cda3;--a-tief:#9c5712;--a-tiefer:#84490f;--a-rgb:217, 130, 43}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);letter-spacing:-.015em;text-wrap:balance;margin:0}h1{font-size:clamp(24px,3vw,30px);font-weight:700}h2{font-size:18px;font-weight:650}h3{font-size:16px;font-weight:650}p{margin:0}a{color:var(--akzent-text)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--akzent-text);outline-offset:2px;border-radius:6px}::selection{background:var(--akzent-schein)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zahl{font-variant-numeric:tabular-nums}.leise{color:var(--text-3)}.klein{font-size:13px}.knopf{min-height:var(--ziel-min);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dauer-kurz) ease, border-color var(--dauer-kurz) ease, transform var(--dauer-kurz) var(--ease-out), box-shadow var(--dauer-kurz) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.knopf:active{transform:scale(.97)}.knopf:disabled{opacity:.55;cursor:not-allowed;transform:none}.knopf-primaer{background:var(--knopf);color:var(--knopf-text);box-shadow:0 8px 22px -12px var(--akzent-schein)}.knopf-primaer:hover:not(:disabled){background:var(--knopf-tief)}.knopf-zweit{background:var(--flaeche-hoch);color:var(--text);border-color:var(--linie-stark)}.knopf-zweit:hover:not(:disabled){border-color:var(--akzent-basis)}.knopf-leise{color:var(--text-2);background:0 0}.knopf-leise:hover:not(:disabled){background:var(--akzent-zart);color:var(--text)}.knopf-gefahr{color:var(--fehler);border-color:color-mix(in srgb, var(--fehler) 45%, transparent);background:0 0}.knopf-gefahr:hover:not(:disabled){background:var(--fehler-zart)}.knopf-symbol{width:var(--ziel-min);padding:0}.knopf-klein{min-height:36px;padding:0 12px;font-size:14px}@media (pointer:coarse){.knopf-klein{min-height:var(--ziel-min)}}.feld{gap:6px;display:grid}.feld>label,.feld-titel{color:var(--text-2);font-size:13px;font-weight:650}.eingabe,.auswahl,.textfeld{width:100%;min-width:0;min-height:var(--ziel-min);background:var(--grund-2);border:1px solid var(--linie-stark);border-radius:var(--radius-md);transition:border-color var(--dauer-kurz) ease, box-shadow var(--dauer-kurz) ease;padding:10px 14px}.textfeld{resize:vertical;min-height:110px;line-height:1.5}.eingabe:focus,.auswahl:focus,.textfeld:focus{border-color:var(--akzent-basis);box-shadow:0 0 0 3px var(--akzent-zart);outline:none}.eingabe[aria-invalid=true]{border-color:var(--fehler)}.feld-fehler{color:var(--fehler);font-size:13px}.feld-hinweis{color:var(--text-3);font-size:13px}.zeile{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.raster-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=520px){.raster-2{grid-template-columns:1fr}}.schalter{min-height:var(--ziel-min);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.schalter input{width:20px;height:20px;accent-color:var(--akzent-basis)}.termin-form{gap:14px;display:grid}.termin-form>.segmente{justify-self:start}.termin-zeiten{gap:12px;display:grid}.zeit-paar{grid-template-columns:minmax(0,1fr) minmax(0,130px);gap:8px;display:grid}.zeit-paar .eingabe{min-width:0}.farbwahl{flex-wrap:wrap;gap:8px;display:flex}.farbknopf{border:2px solid var(--flaeche);width:36px;height:36px;box-shadow:0 0 0 1px var(--linie-stark);color:#fff;cursor:pointer;border-radius:50%;place-items:center;display:grid}@media (pointer:coarse){.farbknopf{width:44px;height:44px}}.farbknopf[aria-checked=true]{box-shadow:0 0 0 2px var(--text)}.umfang{border:1px solid var(--linie-stark);border-radius:var(--radius-md);margin:0;padding:8px 14px;display:grid}.suchfeld{flex:2 200px;display:block;position:relative}.suchfeld svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.suchfeld .eingabe{padding-left:38px}@media (width<=560px){.nur-breit{display:none}}.haken{width:22px;height:22px;accent-color:var(--akzent-basis);cursor:pointer;flex-shrink:0}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius-lg);box-shadow:var(--schatten-klein);padding:18px;position:relative}.karte-kopf{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.karte-kopf h2{font-size:16px}.glas{background:var(--flaeche-glas);-webkit-backdrop-filter:blur(18px)saturate(1.3)}.chip{border-radius:var(--radius-pill);background:var(--akzent-zart);min-height:28px;color:var(--akzent-text);align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.chip-warnung{background:var(--warnung-zart);color:var(--warnung)}.chip-fehler{background:var(--fehler-zart);color:var(--fehler)}.chip-neutral{background:var(--grund-2);color:var(--text-2)}.punkt{border-radius:50%;flex-shrink:0;width:10px;height:10px}.segmente{background:var(--grund-2);border:1px solid var(--linie);border-radius:var(--radius-pill);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmente button{border-radius:var(--radius-pill);min-height:36px;color:var(--text-2);cursor:pointer;transition:background-color var(--dauer-kurz) ease, color var(--dauer-kurz) ease;background:0 0;border:0;padding:0 14px;font-size:14px;font-weight:600}@media (pointer:coarse){.segmente button{min-height:40px}}.segmente button[aria-pressed=true],.segmente button[aria-selected=true]{background:var(--flaeche);color:var(--text);box-shadow:var(--schatten-klein)}.dialog{background:var(--flaeche);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border:1px solid var(--linie-stark);border-radius:var(--radius-xl);box-shadow:var(--schatten);padding:0;overflow-x:hidden}.dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog[open]{animation:dialog-rein var(--dauer-mittel) var(--ease-out)}.dialog-inhalt{gap:16px;padding:22px;display:grid}.dialog-kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-fuss{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.dialog-fuss .links{margin-right:auto}@keyframes dialog-rein{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (width<=640px){.dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0}.dialog-inhalt{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}@keyframes dialog-rein{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}}.leer{text-align:center;color:var(--text-3);border:1px dashed var(--linie-stark);border-radius:var(--radius-lg);justify-items:center;gap:8px;padding:28px 16px;display:grid}.leer-symbol{background:var(--akzent-zart);width:44px;height:44px;color:var(--akzent-text);border-radius:14px;place-items:center;display:grid}.leer strong{color:var(--text);font-family:var(--font-display);font-size:16px}.skelett{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--grund-2) 0%, var(--flaeche-hoch) 50%, var(--grund-2) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite schimmer}@keyframes schimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hinweis-fehler{border-radius:var(--radius-md);background:var(--fehler-zart);color:var(--fehler);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.hinweis-info{border-radius:var(--radius-md);background:var(--akzent-zart);color:var(--text);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.lader{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite drehen}@keyframes drehen{to{transform:rotate(360deg)}}.toasts{z-index:60;left:50%;bottom:calc(var(--tableiste) + 16px + env(safe-area-inset-bottom));pointer-events:none;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}@media (width>=900px){.toasts{bottom:24px}}.toast{pointer-events:auto;border-radius:var(--radius-md);background:var(--flaeche-hoch);border:1px solid var(--linie-stark);box-shadow:var(--schatten);animation:dialog-rein var(--dauer-mittel) var(--ease-out);align-items:center;gap:12px;padding:12px 14px;display:flex}.toast-fehler{border-color:color-mix(in srgb, var(--fehler) 50%, transparent)}.toast .knopf{margin-left:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}