:root{--seite:oklch(97.2% .004 264);--flaeche:oklch(100% 0 0);--flaeche-2:oklch(96.3% .004 264);--border:oklch(91.5% .006 264);--border-stark:oklch(86.2% .008 264);--text-1:oklch(24.5% .02 268);--text-2:oklch(44% .018 266);--text-3:oklch(53% .016 266);--akzent:oklch(51% .21 268);--akzent-hover:color-mix(in oklab, var(--akzent) 92%, black);--akzent-aktiv:color-mix(in oklab, var(--akzent) 84%, black);--akzent-tint:color-mix(in oklab, var(--akzent) 7%, white);--akzent-tint-stark:color-mix(in oklab, var(--akzent) 14%, white);--akzent-border:color-mix(in oklab, var(--akzent) 32%, white);--akzent-ring:color-mix(in oklab, var(--akzent) 32%, transparent);--akzent-text:color-mix(in oklab, var(--akzent) 88%, black);--auf-akzent:oklch(100% 0 0);--auf-akzent-2:color-mix(in oklab, var(--akzent) 24%, white);--ok:oklch(62% .15 155);--ok-text:oklch(42% .11 155);--ok-tint:color-mix(in oklab, var(--ok) 11%, white);--ok-border:color-mix(in oklab, var(--ok) 32%, white);--warnung:oklch(72% .15 75);--warnung-text:oklch(45% .1 60);--warnung-tint:color-mix(in oklab, var(--warnung) 14%, white);--warnung-border:color-mix(in oklab, var(--warnung) 40%, white);--fehler:oklch(55% .2 27);--fehler-hover:color-mix(in oklab, var(--fehler) 92%, black);--fehler-aktiv:color-mix(in oklab, var(--fehler) 84%, black);--fehler-text:color-mix(in oklab, var(--fehler) 94%, black);--fehler-tint:color-mix(in oklab, var(--fehler) 8%, white);--fehler-border:color-mix(in oklab, var(--fehler) 30%, white);--fehler-ring:color-mix(in oklab, var(--fehler) 30%, transparent);--gesperrt:oklch(32% .045 290);--gesperrt-text:oklch(32% .045 290);--gesperrt-tint:color-mix(in oklab, var(--gesperrt) 6%, white);--gesperrt-border:color-mix(in oklab, var(--gesperrt) 25%, white);--auf-gesperrt-2:color-mix(in oklab, var(--gesperrt) 35%, white);--avatar-1-hg:color-mix(in oklab, var(--akzent) 16%, white);--avatar-1-vg:color-mix(in oklab, var(--akzent) 80%, black);--avatar-2-hg:color-mix(in oklab, var(--akzent) 10%, white);--avatar-2-vg:color-mix(in oklab, var(--akzent) 62%, black);--avatar-3-hg:color-mix(in oklab, var(--akzent) 5%, white);--avatar-3-vg:color-mix(in oklab, var(--akzent) 45%, black);--schrift-ui:"Inter", ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--schrift-12:12px;--schrift-13:13px;--schrift-14:14px;--schrift-16:16px;--schrift-18:18px;--schrift-22:22px;--schrift-30:30px;--zeile-eng:1.25;--zeile-normal:1.55;--laufweite-eng:-.015em;--laufweite-leicht:-.006em;--raum-2:2px;--raum-4:4px;--raum-6:6px;--raum-8:8px;--raum-12:12px;--raum-16:16px;--raum-20:20px;--raum-24:24px;--raum-28:28px;--raum-32:32px;--raum-40:40px;--raum-56:56px;--raum-80:80px;--inhalt-max:1440px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-pill:999px;--schatten-1:0 1px 2px oklch(20% .03 270/.05), 0 1px 3px oklch(20% .03 270/.07);--schatten-2:0 1px 2px oklch(20% .03 270/.05), 0 4px 12px oklch(20% .03 270/.07);--schatten-3:0 2px 4px oklch(20% .03 270/.05), 0 10px 28px oklch(20% .03 270/.11);--schatten-4:0 4px 8px oklch(20% .03 270/.06), 0 20px 48px oklch(20% .03 270/.16);--hoehe-32:32px;--hoehe-36:36px;--hoehe-40:40px;--z-nav:10;--z-menue:30;--z-tipp:40;--z-toast:50;--z-vorhang:60;--ease-aus:cubic-bezier(.2, 0, 0, 1);--ease-ankunft:cubic-bezier(.16, 1, .3, 1);--ease-beide:cubic-bezier(.45, 0, .55, 1);--dauer-120:.12s;--dauer-160:.16s;--dauer-200:.2s;--dauer-260:.26s;--dauer-tipp:.125s;--dauer-tipp-aus:90ms;--stagger:45ms}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--raum-80);height:100%}body{background:var(--seite);height:100%;color:var(--text-2);font-family:var(--schrift-ui);font-size:var(--schrift-14);line-height:var(--zeile-normal);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}html:has(dialog:modal){overflow:hidden}html:has(.schale){overflow-y:hidden}#wurzel{height:100%}.schale{background:var(--seite);min-width:1024px;height:100%;display:flex}.schale-hauptbereich{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.schale-inhalt{scrollbar-gutter:stable;min-height:0;padding:var(--raum-28);flex:1;overflow-y:auto}html:has(dialog:modal) .schale-inhalt{overflow-y:hidden}::selection{background:var(--akzent-tint-stark)}h1,h2,h3,h4{color:var(--text-1);margin:0}p{margin:0}code,.mono{font-family:var(--schrift-mono)}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--radius-6)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:60ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.gleitet{overflow-clip-margin:var(--raum-4);overflow-y:clip}.gleitet>*{flex-shrink:0}@keyframes drehen{to{transform:rotate(360deg)}}.icon{flex:none;width:16px;height:16px}.icon-20{flex:none;width:20px;height:20px}.marke-zeichen{flex:none;width:26px;height:26px}.quitt-anim{animation:quitt-rein var(--dauer-200) var(--ease-ankunft)}@keyframes quitt-rein{0%{opacity:.3;filter:blur(3px)}}.btn{justify-content:center;align-items:center;gap:var(--raum-8);height:var(--hoehe-36);padding:0 var(--raum-16);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);cursor:pointer;white-space:nowrap;transition:background-color var(--dauer-160) var(--ease-aus), border-color var(--dauer-160) var(--ease-aus), color var(--dauer-160) var(--ease-aus), box-shadow var(--dauer-160) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn:not(:disabled):active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-32{height:var(--hoehe-32);padding:0 var(--raum-12);font-size:var(--schrift-13)}.btn-40{height:var(--hoehe-40);padding:0 var(--raum-20)}.btn-breit{text-align:left;justify-content:flex-start;width:100%}.btn-breit .btn-inhalt{flex:1;min-width:0}.btn-primaer{background:var(--akzent);color:var(--auf-akzent);box-shadow:var(--schatten-1)}.btn-primaer:not(:disabled):active{background:var(--akzent-aktiv)}.btn-sekundaer{background:var(--flaeche);color:var(--text-1);border-color:var(--border-stark);box-shadow:var(--schatten-1)}.btn-leise{color:var(--text-2);background:0 0}.btn-leise-destruktiv{color:var(--fehler-text);background:0 0}.btn-leise-destruktiv:not(:disabled):active{background:var(--fehler-tint)}.btn-leise-destruktiv:focus-visible{outline-color:var(--fehler)}.btn-destruktiv{background:var(--fehler);color:var(--auf-akzent);box-shadow:var(--schatten-1)}.btn-destruktiv:not(:disabled):active{background:var(--fehler-aktiv)}.btn-destruktiv:focus-visible{outline-color:var(--fehler)}.btn-inhalt{align-items:center;gap:var(--raum-8);transition:opacity var(--dauer-120) var(--ease-aus);display:inline-flex}.btn-spinner{opacity:0;transition:opacity var(--dauer-120) var(--ease-aus);place-items:center;display:grid;position:absolute;inset:0}.btn.laedt{pointer-events:none}.btn.laedt .btn-inhalt{opacity:0}.btn.laedt .btn-spinner{opacity:1}.btn-spinner .icon{animation:.8s linear infinite drehen}@media (hover:hover) and (pointer:fine){.btn-primaer:not(:disabled):hover{background:var(--akzent-hover)}.btn-sekundaer:not(:disabled):hover{background:var(--flaeche-2)}.btn-leise:not(:disabled):hover{background:var(--flaeche-2);color:var(--text-1)}.btn-leise-destruktiv:not(:disabled):hover{background:var(--fehler-tint)}.btn-destruktiv:not(:disabled):hover{background:var(--fehler-hover)}}.btn-icon{width:var(--hoehe-36);height:var(--hoehe-36);background:var(--flaeche);color:var(--text-2);border:1px solid var(--border-stark);border-radius:var(--radius-8);cursor:pointer;box-shadow:var(--schatten-1);transition:background-color var(--dauer-160) var(--ease-aus), color var(--dauer-160) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);place-items:center;padding:0;display:inline-grid}.btn-icon:active{transform:scale(.97)}.btn-icon.laedt{pointer-events:none}.btn-icon.laedt .icon{animation:.8s linear infinite drehen}.kopier-knopf{width:22px;height:22px;box-shadow:none;color:var(--text-3);border-radius:var(--radius-8);background:0 0;border:0}.kopier-knopf .icon{width:13px;height:13px}.kopier-knopf.kopiert{color:var(--ok-text)}@media (hover:hover) and (pointer:fine){.btn-icon:hover{background:var(--flaeche-2);color:var(--text-1)}}.zbadge{align-items:center;gap:var(--raum-6);height:var(--raum-24);padding:0 var(--raum-8);border-radius:var(--radius-pill);background:var(--akzent-tint-stark);font-size:var(--schrift-13);color:var(--akzent-text);white-space:nowrap;font-weight:500;display:inline-flex}.zbadge-nr{font-family:var(--schrift-mono);font-size:var(--schrift-12);color:color-mix(in oklab, var(--akzent-text) 75%, var(--akzent-tint-stark));font-weight:500}.zbadge-nr.puls{animation:nr-puls var(--dauer-200) var(--ease-ankunft)}@keyframes nr-puls{0%{transform:scale(.8)}to{transform:scale(1)}}.zbadge-neutral{background:var(--border);color:var(--text-2)}.zbadge-neutral .zbadge-nr{color:var(--text-3)}.zbadge-label{display:inline-grid}.zbadge-label span{transition:opacity var(--dauer-160) var(--ease-aus), filter var(--dauer-160) var(--ease-aus), transform var(--dauer-160) var(--ease-aus);grid-area:1/1}.zbadge-label .zl-raus{opacity:0;filter:blur(4px);transform:translateY(-4px)}.zbadge-label .zl-rein{opacity:0;filter:blur(4px);transform:translateY(4px)}.badge{align-items:center;gap:var(--raum-6);height:var(--raum-24);padding:0 var(--raum-8);border-radius:var(--radius-pill);font-size:var(--schrift-13);white-space:nowrap;font-weight:500;display:inline-flex}.badge .punkt{width:var(--raum-6);height:var(--raum-6);border-radius:var(--radius-pill);flex:none}.badge .icon{width:12px;height:12px}.badge-ok{background:color-mix(in oklab, var(--ok) 13%, white);color:var(--ok-text)}.badge-ok .punkt{background:var(--ok)}.badge-warnung{background:var(--warnung-tint);color:var(--warnung-text)}.badge-warnung .punkt{background:var(--warnung)}.badge-fehler{background:color-mix(in oklab, var(--fehler) 11%, white);color:var(--fehler-text)}.badge-fehler .punkt{background:var(--fehler)}.badge-gesperrt{background:var(--gesperrt);color:var(--auf-akzent)}.badge-neutral{background:var(--border);color:var(--text-2)}.badge-reihe{gap:var(--raum-8);flex-wrap:wrap;display:flex}.avatar{width:var(--hoehe-36);height:var(--hoehe-36);border-radius:var(--radius-pill);font-size:var(--schrift-13);flex:none;place-items:center;font-weight:600;display:grid}.avatar-1{background:var(--avatar-1-hg);color:var(--avatar-1-vg)}.avatar-2{background:var(--avatar-2-hg);color:var(--avatar-2-vg)}.avatar-3{background:var(--avatar-3-hg);color:var(--avatar-3-vg)}.avatar-28{width:28px;height:28px;font-size:var(--schrift-12)}.avatar-40{width:40px;height:40px;font-size:var(--schrift-14)}.avatar-80{width:80px;height:80px;font-size:var(--schrift-22)}.avatar-eckig{border-radius:var(--radius-8)}.avatar-80.avatar-eckig{border-radius:var(--radius-12)}.avatar-bild{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.feld-gruppe{gap:var(--raum-6);flex-direction:column;max-width:340px;display:flex}.feld-gruppe.breit{max-width:none}.feld-label{font-size:var(--schrift-13);color:var(--text-1);font-weight:500}.feld{height:var(--hoehe-36);padding:0 var(--raum-12);background:var(--flaeche);width:100%;color:var(--text-1);border:1px solid var(--border-stark);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);transition:border-color var(--dauer-160) var(--ease-aus), box-shadow var(--dauer-160) var(--ease-aus)}.feld::placeholder{color:var(--text-3)}.feld:disabled{opacity:.6;cursor:not-allowed}.feld:focus-visible{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-ring);outline:none}.feld[aria-invalid=true]{border-color:var(--fehler)}.feld[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--fehler-ring)}.feld-32{height:var(--hoehe-32);font-size:var(--schrift-13)}.feld-hilfe{font-size:var(--schrift-12);color:var(--text-3)}.feld-fehler{align-items:flex-start;gap:var(--raum-6);font-size:var(--schrift-12);color:var(--fehler-text);opacity:1;transition:opacity var(--dauer-160) var(--ease-aus);display:flex}@starting-style{.feld-fehler{opacity:0}}.feld-fehler .icon{flex:none;width:14px;height:14px;margin-top:1px}.feld-text{height:auto;min-height:calc(var(--hoehe-36) * 2);padding:var(--raum-8) var(--raum-12);line-height:var(--zeile-normal);resize:vertical;font-family:var(--schrift-ui)}.feld-wachsend{field-sizing:content;resize:none}.feld-text-huelle{display:grid;position:relative}.feld-text-zaehler{margin-top:var(--raum-4);font-size:var(--schrift-12);color:var(--text-3);font-variant-numeric:tabular-nums;justify-self:end}.hinweis{align-items:flex-start;gap:var(--raum-12);padding:var(--raum-12) var(--raum-16);border-radius:var(--radius-12);opacity:1;transition:opacity var(--dauer-160) var(--ease-aus);border:1px solid;display:flex}@starting-style{.hinweis{opacity:0}}.hinweis .icon{margin-top:var(--raum-2);flex:none}.hinweis-text{gap:var(--raum-2);flex-direction:column;min-width:0;display:flex}.hinweis-text strong{font-size:var(--schrift-14);color:var(--text-1);font-weight:600}.hinweis-text span{font-size:var(--schrift-13);color:var(--text-2)}.hinweis-ok{background:var(--ok-tint);border-color:var(--ok-border)}.hinweis-ok .icon{color:var(--ok-text)}.hinweis-info{background:var(--akzent-tint-stark);border-color:var(--akzent-border)}.hinweis-info .icon{color:var(--akzent-text)}.hinweis-warnung{background:var(--warnung-tint);border-color:var(--warnung-border)}.hinweis-warnung .icon{color:var(--warnung-text)}.hinweis-fehler{background:var(--fehler-tint);border-color:var(--fehler-border)}.hinweis-fehler .icon{color:var(--fehler-text)}.auswahl{position:relative}.auswahl-knopf{justify-content:space-between;align-items:center;gap:var(--raum-8);cursor:pointer;text-align:left;display:flex}.auswahl-knopf:disabled{opacity:.45;cursor:not-allowed}.auswahl-knopf>.icon{width:16px;height:16px;color:var(--text-3);transition:transform var(--dauer-160) var(--ease-aus);flex:none}.auswahl.offen .auswahl-knopf>.icon{transform:rotate(180deg)}.auswahl-flaeche{top:calc(100% + var(--raum-6));z-index:var(--z-menue);background:var(--flaeche);border:1px solid var(--border);border-radius:var(--radius-12);max-height:280px;box-shadow:var(--schatten-3);opacity:0;transform-origin:top;pointer-events:none;transition:opacity var(--dauer-120) var(--ease-beide), transform var(--dauer-120) var(--ease-beide), display var(--dauer-120) allow-discrete;flex-direction:column;display:none;position:absolute;left:0;right:0;transform:scale(.97)translateY(-2px)}.auswahl.offen .auswahl-flaeche{opacity:1;pointer-events:auto;transition:opacity var(--dauer-160) var(--ease-ankunft), transform var(--dauer-160) var(--ease-ankunft), display var(--dauer-160) allow-discrete;display:flex;transform:none}@starting-style{.auswahl.offen .auswahl-flaeche{opacity:0;transform:scale(.97)translateY(-2px)}}.auswahl-flaeche.oben{top:auto;bottom:calc(100% + var(--raum-6));transform-origin:bottom}.auswahl-liste{min-height:0;padding:var(--raum-6);overflow-y:auto}.auswahl-suchfeld{align-items:center;gap:var(--raum-8);padding:var(--raum-8) var(--raum-12);border-bottom:1px solid var(--border);color:var(--text-3);flex:none;display:flex}.auswahl-suchfeld>.icon{flex:none;width:16px;height:16px}.auswahl-suche{min-width:0;font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-1);background:0 0;border:0;outline:none;flex:1}.auswahl-suche::placeholder{color:var(--text-3)}.auswahl-leer{padding:var(--raum-16) var(--raum-12);text-align:center;font-size:var(--schrift-13);color:var(--text-3)}.auswahl-punkt{justify-content:space-between;align-items:center;gap:var(--raum-8);width:100%;padding:var(--raum-8);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-1);cursor:pointer;text-align:left;transition:background-color var(--dauer-120) var(--ease-aus);background:0 0;border:0;display:flex}.auswahl-punkt .icon{width:16px;height:16px;color:var(--akzent-text);opacity:0;flex:none}.auswahl-punkt[aria-selected=true]{color:var(--akzent-text);font-weight:500}.auswahl-punkt[aria-selected=true] .icon{opacity:1}.auswahl-punkt:focus-visible{background:var(--flaeche-2);outline:none}.auswahl-punkt.aktiv{background:var(--flaeche-2)}@media (hover:hover) and (pointer:fine){.auswahl:not(.suchbar) .auswahl-punkt:hover{background:var(--flaeche-2)}}.check{align-items:flex-start;gap:var(--raum-8);cursor:pointer;font-size:var(--schrift-14);color:var(--text-1);-webkit-user-select:none;user-select:none;max-width:340px;display:flex;position:relative}.check input{opacity:0;width:1px;height:1px;position:absolute}.check-kasten{width:var(--raum-16);height:var(--raum-16);margin-top:var(--raum-2);border:1px solid var(--border-stark);border-radius:var(--radius-6);background:var(--flaeche);color:var(--auf-akzent);transition:background-color var(--dauer-160) var(--ease-aus), border-color var(--dauer-160) var(--ease-aus);flex:none;place-items:center;display:grid}.check-kasten .icon{opacity:0;width:11px;height:11px;transition:opacity var(--dauer-120) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);transform:scale(.95)}.check input:checked+.check-kasten{background:var(--akzent);border-color:var(--akzent)}.check input:checked+.check-kasten .icon{opacity:1;transform:scale(1)}.check input:focus-visible+.check-kasten{outline:2px solid var(--akzent);outline-offset:2px}.check-text small{font-size:var(--schrift-12);color:var(--text-3);font-weight:400;display:block}.schalter{width:var(--raum-40);height:var(--raum-24);padding:var(--raum-2);border:1px solid var(--border-stark);border-radius:var(--radius-pill);background:var(--flaeche-2);cursor:pointer;transition:background-color var(--dauer-160) var(--ease-aus), border-color var(--dauer-160) var(--ease-aus);flex:none}.schalter-daumen{width:var(--raum-16);height:var(--raum-16);border-radius:var(--radius-pill);background:var(--flaeche);box-shadow:var(--schatten-1);border:1px solid var(--border);transition:transform var(--dauer-160) var(--ease-aus);display:block;transform:translate(0)}.schalter[aria-checked=true]{background:var(--akzent);border-color:var(--akzent)}.schalter[aria-checked=true] .schalter-daumen{transform:translateX(var(--raum-16));border-color:#0000}.schalter-zeile{align-items:flex-start;gap:var(--raum-12);-webkit-user-select:none;user-select:none;max-width:340px;display:flex}.schalter-zeile .check-text{font-size:var(--schrift-14);color:var(--text-1)}dialog.dialog{width:min(460px, calc(100vw - var(--raum-32)));opacity:0;max-height:none;transition:opacity var(--dauer-120) var(--ease-beide), transform var(--dauer-120) var(--ease-beide), overlay var(--dauer-120) allow-discrete, display var(--dauer-120) allow-discrete;background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible;transform:scale(.96)}dialog.dialog[open]{opacity:1;transition:opacity var(--dauer-260) var(--ease-ankunft), transform var(--dauer-260) var(--ease-ankunft), overlay var(--dauer-260) allow-discrete, display var(--dauer-260) allow-discrete;transform:scale(1)}@starting-style{dialog.dialog[open]{opacity:0;transform:scale(.96)}}dialog.dialog::backdrop{background:color-mix(in oklab, var(--text-1) 40%, transparent);opacity:0;transition:opacity var(--dauer-120) var(--ease-beide), overlay var(--dauer-120) allow-discrete, display var(--dauer-120) allow-discrete}dialog.dialog[open]::backdrop{opacity:1;transition-duration:var(--dauer-260)}@starting-style{dialog.dialog[open]::backdrop{opacity:0}}.dialog-inhalt{background:var(--flaeche);border-radius:var(--radius-12);box-shadow:var(--schatten-4);padding:var(--raum-24);gap:var(--raum-16);flex-direction:column;display:flex}.dialog-kopf{font-size:var(--schrift-16);letter-spacing:var(--laufweite-leicht);color:var(--text-1);font-weight:600}.dialog-rumpf{gap:var(--raum-16);flex-direction:column;display:flex}.dialog-rumpf p{font-size:var(--schrift-13);color:var(--text-2);max-width:52ch}.dialog-rumpf .feld-gruppe{max-width:none}.dialog-fuss{justify-content:flex-end;gap:var(--raum-8);margin-top:var(--raum-8);display:flex}@media (width<=420px){.dialog-fuss{flex-direction:column-reverse}}.toast-stapel{bottom:var(--raum-20);right:var(--raum-20);z-index:var(--z-toast);gap:var(--raum-8);width:min(380px, calc(100vw - var(--raum-32)));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--raum-12);background:var(--flaeche);border:1px solid var(--border);border-radius:var(--radius-12);box-shadow:var(--schatten-3);padding:var(--raum-12) var(--raum-16);transition:opacity var(--dauer-200) var(--ease-ankunft), transform var(--dauer-200) var(--ease-ankunft);display:flex}@starting-style{.toast{opacity:0;transform:translateY(var(--raum-8)) scale(.98)}}.toast.raus{opacity:0;transform:translateY(var(--raum-4));transition-duration:var(--dauer-120);transition-timing-function:var(--ease-beide)}.toast-icon{width:var(--raum-24);height:var(--raum-24);border-radius:var(--radius-pill);margin-top:var(--raum-2);flex:none;place-items:center;display:grid}.toast-ok .toast-icon{background:var(--ok-tint);color:var(--ok-text)}.toast-info .toast-icon{background:var(--akzent-tint-stark);color:var(--akzent-text)}.toast-fehler .toast-icon{background:var(--fehler-tint);color:var(--fehler-text)}.toast-text{flex:1;min-width:0}.toast-text strong{font-size:var(--schrift-14);color:var(--text-1);font-weight:600;display:block}.toast-text span{font-size:var(--schrift-13);color:var(--text-2);margin-top:var(--raum-2);display:block}.toast-zu{width:var(--raum-24);height:var(--raum-24);border-radius:var(--radius-6);color:var(--text-3);cursor:pointer;transition:background-color var(--dauer-120) var(--ease-aus), color var(--dauer-120) var(--ease-aus);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast-zu .icon{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.toast-zu:hover{background:var(--flaeche-2);color:var(--text-1)}}.tipp{z-index:var(--z-tipp);background:var(--text-1);max-width:260px;color:var(--flaeche);padding:var(--raum-6) var(--raum-12);border-radius:var(--radius-8);font-size:var(--schrift-12);font-weight:500;line-height:var(--zeile-normal);opacity:0;transition:opacity var(--dauer-tipp-aus) var(--ease-beide), transform var(--dauer-tipp-aus) var(--ease-beide);pointer-events:none;position:fixed;transform:translateY(2px)scale(.97)}.tipp.sichtbar{opacity:1;transition:opacity var(--dauer-tipp) var(--ease-ankunft), transform var(--dauer-tipp) var(--ease-ankunft);transform:none}.tipp-reihe{gap:var(--raum-8);flex-wrap:wrap;display:flex}.menue{display:inline-block;position:relative}.menue-flaeche,.kontext-flaeche,.farbwahl-flaeche,.datumsauswahl-flaeche,.menue-untermenue-flaeche,.texteditor-blase-inhalt{z-index:var(--z-menue);min-width:230px;padding:var(--raum-6);background:var(--flaeche);border:1px solid var(--border);border-radius:var(--radius-12);box-shadow:var(--schatten-3);opacity:0;transform-origin:0 0;pointer-events:none;transition:opacity var(--dauer-120) var(--ease-beide), transform var(--dauer-120) var(--ease-beide), display var(--dauer-120) allow-discrete;display:none;transform:scale(.96)translateY(-2px)}.farbwahl-flaeche{top:calc(100% + var(--raum-6));position:absolute;left:0}.menue-flaeche{position:fixed}.menue-flaeche-rechts{transform-origin:100% 0}.farbwahl-flaeche.oben{top:auto;bottom:calc(100% + var(--raum-6));transform-origin:0 100%}.menue-flaeche.oben{transform-origin:0 100%}.menue-flaeche-rechts.oben{transform-origin:100% 100%}.menue-flaeche.offen,.kontext-flaeche.offen,.farbwahl.offen .farbwahl-flaeche,.texteditor-blase-inhalt{opacity:1;pointer-events:auto;transition:opacity var(--dauer-160) var(--ease-ankunft), transform var(--dauer-160) var(--ease-ankunft), display var(--dauer-160) allow-discrete;display:block;transform:none}@starting-style{.menue-flaeche.offen,.kontext-flaeche.offen,.farbwahl.offen .farbwahl-flaeche,.texteditor-blase-inhalt{opacity:0;transform:scale(.96)translateY(-2px)}}.menue-punkt{align-items:center;gap:var(--raum-8);width:100%;padding:var(--raum-8) var(--raum-8);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-1);cursor:pointer;text-align:left;white-space:nowrap;transition:background-color var(--dauer-120) var(--ease-aus);background:0 0;border:0;display:flex}.menue-punkt .icon{color:var(--text-3)}.menue-punkt:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.menue-kopf{align-items:center;gap:var(--raum-8);padding:var(--raum-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-1);display:flex}.menue-kopf-text{min-width:0;line-height:var(--zeile-eng);flex-direction:column;display:flex}.menue-kopf-text strong{font-size:var(--schrift-13);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.menue-kopf-text span{font-size:var(--schrift-12);color:var(--text-3)}.menue-punkt.destruktiv{color:var(--fehler-text)}.menue-punkt.destruktiv .icon{color:var(--fehler)}.menue-trenner{background:var(--border);height:1px;margin:var(--raum-6) var(--raum-2)}.menue-untermenue{position:relative}.menue-untermenue-punkt{transition:background-color var(--dauer-120) var(--ease-aus)}.menue-untermenue.offen>.menue-untermenue-punkt{background:var(--flaeche-2)}.menue-untermenue-chevron{width:14px;height:14px;color:var(--text-3);margin-left:auto;transform:rotate(-90deg)}.menue-untermenue-flaeche{top:calc(-1 * var(--raum-6));left:calc(100% + var(--raum-4));transform-origin:0 0;position:absolute;transform:scale(.96)translate(-4px)}.menue-untermenue.offen>.menue-untermenue-flaeche{opacity:1;pointer-events:auto;transition:opacity var(--dauer-160) var(--ease-ankunft), transform var(--dauer-160) var(--ease-ankunft), display var(--dauer-160) allow-discrete;display:block;transform:none}@starting-style{.menue-untermenue.offen>.menue-untermenue-flaeche{opacity:0;transform:scale(.96)translate(-4px)}}.menue-untermenue-flaeche.oben{top:auto;bottom:calc(-1 * var(--raum-6));transform-origin:0 100%}@media (hover:hover) and (pointer:fine){.menue-punkt:hover{background:var(--flaeche-2)}.menue-punkt.destruktiv:hover{background:var(--fehler-tint)}}.kontext-flaeche{position:fixed;top:0;left:0}.kontext-kopf{padding:var(--raum-6) var(--raum-8);font-size:var(--schrift-12);color:var(--text-3)}.kontext-probe{border:1px dashed var(--border-stark);border-radius:var(--radius-8);height:120px;color:var(--text-3);font-size:var(--schrift-13);-webkit-user-select:none;user-select:none;place-items:center;display:grid}.scrollrand{scrollbar-width:thin;scrollbar-color:var(--border-stark) transparent;max-width:100%;overflow-x:auto}.scrollrand::-webkit-scrollbar{height:8px}.scrollrand::-webkit-scrollbar-track{background:0 0}.scrollrand::-webkit-scrollbar-thumb{background:var(--border-stark);border-radius:var(--radius-pill)}.tabs-rollen{scrollbar-width:none}.tabs-rollen::-webkit-scrollbar{display:none}.tabs{padding:var(--raum-4);background:var(--flaeche-2);border:1px solid var(--border);border-radius:var(--radius-pill);display:inline-flex;position:relative}.tabs-liste,.tabs-aktiv{gap:var(--raum-4);display:flex}.tabs-liste button,.tabs-aktiv span{height:var(--hoehe-36);padding:0 var(--raum-16);border-radius:var(--radius-pill);font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:color var(--dauer-160) var(--ease-aus);background:0 0;border:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.tabs-aktiv{inset:var(--raum-4);background:var(--akzent);border-radius:var(--radius-pill);pointer-events:none;transition:clip-path var(--dauer-200) var(--ease-aus);position:absolute}.tabs-aktiv span{color:var(--auf-akzent)}.tab-panel{padding:var(--raum-16) var(--raum-4) var(--raum-4)}.tab-panel[hidden]{display:none}.tab-panel.rein{animation:panel-rein var(--dauer-160) var(--ease-ankunft)}@keyframes panel-rein{0%{opacity:0;transform:translateY(4px)}}.fliste{border-collapse:separate;border-spacing:0;width:100%}.fliste th{text-align:left;font-size:var(--schrift-12);color:var(--text-2);background:var(--flaeche-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--raum-8) var(--raum-16);white-space:nowrap;z-index:1;font-weight:500;line-height:20px;position:sticky;top:0}.fliste td{padding:var(--raum-12) var(--raum-16) calc(var(--raum-12) + 1px);box-shadow:inset 0 -1px 0 var(--fliste-linie,var(--border));vertical-align:middle;line-height:22px}.fliste tbody tr:last-child td{--fliste-linie:transparent}.fliste tbody tr{transition:background-color var(--dauer-120) var(--ease-aus)}.fliste tbody.spielt tr{animation:zeile-rein var(--dauer-200) var(--ease-ankunft) both;animation-delay:min(calc(var(--i,0) * var(--stagger)), calc(6 * var(--stagger)))}@keyframes zeile-rein{0%{opacity:0;transform:translateY(var(--raum-6))}}.zelle-haupt{color:var(--text-1);white-space:nowrap;font-weight:500}.zelle-sub{font-size:var(--schrift-12);color:var(--text-3);white-space:nowrap;line-height:18px}.zelle-sub.mono{font-family:var(--schrift-mono)}.zelle-sub.ellipsis{max-width:var(--zelle-ellipsis,200px);text-overflow:ellipsis;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.fliste tbody tr:hover{background:var(--flaeche-2)}}.fliste th.zahl{text-align:right}.fliste td.zahl{text-align:right;font-family:var(--schrift-mono);font-variant-numeric:tabular-nums}.fliste th.sortierbar{padding:0}.fliste th.sortierbar .th-sort{justify-content:space-between;align-items:center;gap:var(--raum-4);width:100%;height:100%;padding:var(--raum-8) var(--raum-16);font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;display:flex}.fliste th.sortierbar.zahl .th-sort{justify-content:flex-end}.fliste th.sortierbar .th-sort .icon{width:12px;height:12px;color:var(--text-3);opacity:.6;transition:color var(--dauer-160) var(--ease-aus), opacity var(--dauer-160) var(--ease-aus)}.fliste th[aria-sort=ascending] .icon,.fliste th[aria-sort=descending] .icon{color:var(--text-1);opacity:1}@media (hover:hover) and (pointer:fine){.fliste th.sortierbar .th-sort:hover .icon{color:var(--text-1);opacity:1}}.fliste-dicht th{padding:var(--raum-6) var(--raum-12)}.fliste-dicht td{padding:var(--raum-8) var(--raum-12) calc(var(--raum-8) + 1px)}.zelle-person{align-items:center;gap:var(--raum-12);display:flex}.zelle-person-haupt{align-items:center;gap:var(--raum-8);display:flex}.fliste-aktionsspalte th:last-child,.fliste-aktionsspalte td:last-child{box-shadow:-1px 0 0 var(--border);position:sticky;right:0}.fliste-aktionsspalte th:last-child{z-index:2}.fliste-aktionsspalte td:last-child{background:var(--flaeche);box-shadow:-1px 0 0 var(--border), inset 0 -1px 0 var(--fliste-linie,var(--border))}@media (hover:hover) and (pointer:fine){.fliste-aktionsspalte tbody tr:hover td:last-child{background:var(--flaeche-2)}}.skelett{height:var(--raum-16);border-radius:var(--radius-6);background:var(--flaeche-2);animation:1.2s ease-in-out infinite alternate skelett-puls}@keyframes skelett-puls{0%{opacity:1}to{opacity:.45}}.fliste td:nth-child(4n+1) .skelett{width:70%}.fliste td:nth-child(4n+2) .skelett{width:45%}.fliste td:nth-child(4n+3) .skelett{width:60%}.fliste td:nth-child(4n) .skelett{width:35%}.leer{text-align:center;align-items:center;gap:var(--raum-8);padding:var(--raum-40) var(--raum-24);flex-direction:column;display:flex}.leer-icon{width:var(--raum-40);height:var(--raum-40);border-radius:var(--radius-pill);background:var(--akzent-tint);color:var(--akzent-text);margin-bottom:var(--raum-4);place-items:center;display:grid}.leer-icon svg{flex:none;width:20px;height:20px}.leer strong{font-size:var(--schrift-14);color:var(--text-1);font-weight:600}.leer p{font-size:var(--schrift-13);color:var(--text-3);max-width:40ch}.zleiste{gap:var(--raum-4);display:flex}.zspalte{gap:var(--raum-6);flex-direction:column;flex:1;align-items:stretch;display:flex}.zspalte.neun{margin-left:var(--raum-12)}.zseg{height:var(--raum-6);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--border) 60%, var(--flaeche));overflow:hidden}.zseg i{border-radius:var(--radius-pill);background:var(--akzent);transform-origin:0;height:100%;transition:transform var(--dauer-200) var(--ease-ankunft);display:block;transform:scaleX(0)}.zspalte.voll .zseg i{transform:scaleX(1)}.zspalte.neun .zseg i{background:var(--gesperrt)}.zspalte code{font-family:var(--schrift-mono);font-size:var(--schrift-12);color:var(--text-3);text-align:center;transition:color var(--dauer-160) var(--ease-aus)}.zspalte.aktuell code{color:var(--akzent-text);font-weight:500}.seitenleiste{gap:var(--raum-16);width:260px;height:100%;padding:var(--raum-12);background:var(--flaeche);border-right:1px solid var(--border);font-family:var(--schrift-ui);flex-direction:column;flex:none;display:flex}.seitenleiste-kopf,.seitenleiste-fuss{display:block}.seitenleiste-workspace{align-items:center;gap:var(--raum-8);width:100%;padding:var(--raum-6);border-radius:var(--radius-8);cursor:pointer;text-align:left;font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-1);transition:background-color var(--dauer-120) var(--ease-aus);background:0 0;border:0;font-weight:600;display:flex}.seitenleiste-workspace-text{min-width:0;line-height:var(--zeile-eng);flex-direction:column;flex:1;display:flex}.seitenleiste-workspace-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seitenleiste-workspace-version{align-items:center;gap:var(--raum-6);font-size:var(--schrift-12);color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:500;display:flex}.seitenleiste-workspace>.icon{color:var(--text-3);margin-left:auto}.seitenleiste-suche{align-items:center;gap:var(--raum-8);height:var(--hoehe-36);width:100%;padding:0 var(--raum-8) 0 var(--raum-12);background:var(--flaeche);border:1px solid var(--border-stark);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-3);cursor:pointer;transition:background-color var(--dauer-160) var(--ease-aus);flex:none;display:flex}.seitenleiste-taste{height:var(--raum-20);padding:0 var(--raum-6);border:1px solid var(--border);border-radius:var(--radius-6);background:var(--flaeche-2);font-family:var(--schrift-mono);font-size:var(--schrift-12);color:var(--text-3);white-space:nowrap;align-items:center;margin-left:auto;display:inline-flex}.seitenleiste-seiten{gap:var(--raum-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.seiten-link,.seiten-gruppe-kopf{align-items:center;gap:var(--raum-8);width:100%;height:var(--hoehe-32);padding:0 var(--raum-8);border-radius:var(--radius-8);font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-2);cursor:pointer;text-align:left;white-space:nowrap;transition:color var(--dauer-160) var(--ease-aus), background-color var(--dauer-160) var(--ease-aus);background:0 0;border:0;flex:none;font-weight:500;display:flex}.seiten-link .icon{color:var(--text-3);transition:color var(--dauer-160) var(--ease-aus)}.seiten-link.aktiv{background:var(--akzent-tint);color:var(--akzent-text)}.seiten-link.aktiv .icon{color:var(--akzent-text)}.seiten-link-zaehler{min-width:var(--raum-20);height:var(--raum-20);padding:0 var(--raum-6);border-radius:var(--radius-pill);background:var(--flaeche-2);font-family:var(--schrift-mono);font-size:var(--schrift-12);font-variant-numeric:tabular-nums;color:var(--text-2);place-items:center;margin-left:auto;display:inline-grid}.seiten-link.aktiv .seiten-link-zaehler{background:var(--akzent-tint-stark);color:var(--akzent-text)}.seiten-link.deaktiviert{color:var(--text-3);opacity:.6;cursor:default;pointer-events:none}.seiten-gruppe{flex:none}.seiten-gruppe-kopf .icon{color:var(--text-3)}.seiten-gruppe-chevron{width:14px;height:14px;color:var(--text-3);transition:transform var(--dauer-160) var(--ease-aus);margin-left:auto;transform:rotate(-90deg)}.seiten-gruppe.offen .seiten-gruppe-chevron{transform:none}.seiten-gruppe-inhalt{transition:grid-template-rows var(--dauer-200) var(--ease-aus);grid-template-rows:0fr;display:grid}.seiten-gruppe.offen .seiten-gruppe-inhalt{grid-template-rows:1fr}.seiten-gruppe-innen{gap:var(--raum-2);min-height:0;padding-left:var(--raum-24);opacity:0;transition:opacity var(--dauer-120) var(--ease-beide);flex-direction:column;display:flex;overflow:hidden}.seiten-gruppe.offen .seiten-gruppe-innen{opacity:1;transition:opacity var(--dauer-200) var(--ease-aus)}.seiten-titel{padding:var(--raum-12) var(--raum-8) var(--raum-4);font-size:var(--schrift-12);color:var(--text-3);font-weight:500}.seitenleiste-profil{align-items:center;gap:var(--raum-8);width:100%;padding:var(--raum-6);border-radius:var(--radius-8);cursor:pointer;text-align:left;font-family:var(--schrift-ui);transition:background-color var(--dauer-120) var(--ease-aus);background:0 0;border:0;display:flex}.seitenleiste-profil-text{flex-direction:column;flex:1;min-width:0;display:flex}.seitenleiste-profil>.icon{color:var(--text-3);flex:none}.seitenleiste-profil-name{font-size:var(--schrift-13);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.seitenleiste-profil-rolle{font-size:var(--schrift-12);color:var(--text-3)}dialog.suchpalette{width:min(560px, calc(100vw - var(--raum-32)));margin-top:15vh}.suchpalette .dialog-inhalt{gap:0;padding:0}.suchpalette-feld{align-items:center;gap:var(--raum-12);padding:var(--raum-16) var(--raum-20);border-bottom:1px solid var(--border);color:var(--text-3);display:flex}.suchpalette-eingabe{font-family:var(--schrift-ui);font-size:var(--schrift-16);color:var(--text-1);background:0 0;border:0;outline:none;flex:1}.suchpalette-eingabe::placeholder{color:var(--text-3)}.suchpalette-leer{gap:var(--raum-6);padding:var(--raum-32) var(--raum-24);text-align:center;flex-direction:column;display:flex}.suchpalette-leer strong{font-size:var(--schrift-14);color:var(--text-1);font-weight:600}.suchpalette-leer p{font-size:var(--schrift-13);color:var(--text-3)}@media (hover:hover) and (pointer:fine){.seitenleiste-workspace:hover,.seitenleiste-profil:hover,.seitenleiste-suche:hover{background:var(--flaeche-2)}.seiten-link:hover,.seiten-gruppe-kopf:hover{color:var(--text-1);background:var(--flaeche-2)}.seiten-link.aktiv:hover{background:var(--akzent-tint-stark);color:var(--akzent-text)}}.kopfleiste{align-items:center;gap:var(--raum-16);height:var(--raum-56);padding:0 var(--raum-16);background:var(--flaeche);border-bottom:1px solid var(--border);font-family:var(--schrift-ui);flex:none;display:flex}.kopfleiste-aktionen{align-items:center;gap:var(--raum-8);margin-left:auto;display:flex}.brotkrumen{align-items:center;gap:var(--raum-2);min-width:0;display:flex}.brotkrumen-home,.brotkrumen-glied,.brotkrumen-aktuell{height:28px;padding:0 var(--raum-8);border-radius:var(--radius-6);font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-3);white-space:nowrap;background:0 0;border:0;font-weight:500}.brotkrumen-home{padding:0 var(--raum-6);cursor:pointer;transition:color var(--dauer-160) var(--ease-aus), background-color var(--dauer-160) var(--ease-aus);align-items:center;display:inline-flex}.brotkrumen-glied,.brotkrumen-aktuell{text-overflow:ellipsis;max-width:28ch;line-height:28px;display:inline-block;overflow:hidden}.brotkrumen-glied{cursor:pointer;transition:color var(--dauer-160) var(--ease-aus), background-color var(--dauer-160) var(--ease-aus)}.brotkrumen-aktuell{background:var(--flaeche-2);color:var(--text-1);font-weight:600}.brotkrumen-trenner{width:12px;height:12px;color:var(--text-3);transform:rotate(-90deg)}@media (hover:hover) and (pointer:fine){.brotkrumen-home:hover,.brotkrumen-glied:hover{color:var(--text-1);background:var(--flaeche-2)}}.farbwahl{position:relative}.farbwahl-knopf{align-items:center;gap:var(--raum-8);cursor:pointer;text-align:left;display:flex}.farbwahl-kachel{border-radius:var(--radius-6);border:1px solid var(--border);flex:none;width:16px;height:16px}.farbwahl-hex-text{font-family:var(--schrift-mono);font-size:var(--schrift-13);color:var(--text-1)}.farbwahl .farbwahl-flaeche{width:280px;min-width:0;padding:var(--raum-12);gap:var(--raum-12);flex-direction:column}.farbwahl.offen .farbwahl-flaeche{display:flex!important}.farbwahl-feld{border-radius:var(--radius-8);border:1px solid var(--border);cursor:crosshair;touch-action:none;height:180px;position:relative;overflow:hidden}.farbwahl-feld:focus-visible{box-shadow:0 0 0 3px var(--akzent-ring);outline:none}.farbwahl-hue{border-radius:var(--radius-pill);cursor:pointer;touch-action:none;height:12px;position:relative}.farbwahl-hue:focus-visible{box-shadow:0 0 0 3px var(--akzent-ring);outline:none}.farbwahl-zeiger,.farbwahl-hue-daumen{border-radius:var(--radius-pill);background:var(--flaeche);width:14px;height:14px;box-shadow:var(--schatten-1);border:2px solid var(--flaeche);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.farbwahl-hue-daumen{top:50%}.farbwahl-zeile{align-items:center;gap:var(--raum-6);display:flex}.feld.farbwahl-hex{height:var(--hoehe-32);width:0;min-width:0;padding:0 var(--raum-8);font-family:var(--schrift-mono);font-size:var(--schrift-13);flex:auto}.feld.farbwahl-rgb{height:var(--hoehe-32);width:40px;padding:0 var(--raum-4);font-family:var(--schrift-mono);font-size:var(--schrift-13);text-align:center;appearance:textfield;flex:none}.feld.farbwahl-rgb::-webkit-outer-spin-button{appearance:none;margin:0}.feld.farbwahl-rgb::-webkit-inner-spin-button{appearance:none;margin:0}.btn-icon.farbwahl-pipette{width:var(--hoehe-32);height:var(--hoehe-32);flex:none}.farbwahl-zuletzt{gap:var(--raum-6);flex-wrap:wrap;display:flex}.farbwahl-kachel-klein{border-radius:var(--radius-6);border:1px solid var(--border);cursor:pointer;width:20px;height:20px;transition:border-color var(--dauer-160) var(--ease-aus);padding:0}.farbwahl-kachel-klein:focus-visible{box-shadow:0 0 0 3px var(--akzent-ring);outline:none}@media (hover:hover) and (pointer:fine){.farbwahl-kachel-klein:hover{border-color:var(--border-stark)}}.ablage-feld{justify-content:center;align-items:center;gap:var(--raum-8);width:100%;padding:var(--raum-32) var(--raum-24);border:1px dashed var(--border-stark);border-radius:var(--radius-12);background:var(--flaeche);color:var(--text-2);text-align:center;cursor:pointer;transition:border-color var(--dauer-160) var(--ease-aus), background-color var(--dauer-160) var(--ease-aus);flex-direction:column;display:flex}.ablage-feld .icon-20{color:var(--text-3)}.ablage-text{font-size:var(--schrift-14);color:var(--text-1);font-weight:500}.ablage-beschreibung{font-size:var(--schrift-13);color:var(--text-3)}.ablage-feld:focus-visible{box-shadow:0 0 0 3px var(--akzent-ring);outline:none}.ablage-feld.zieht-drueber{border-color:var(--akzent-border);background:var(--akzent-tint)}.ablage-feld:disabled{color:var(--text-3);opacity:.6;cursor:not-allowed}.ablage-feld:disabled .ablage-text{color:var(--text-3)}@media (hover:hover) and (pointer:fine){.ablage-feld:not(:disabled):hover{background:var(--flaeche-2)}}.ablage-vorhang{z-index:var(--z-vorhang);background:color-mix(in oklab, var(--seite) 82%, transparent);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--dauer-120) var(--ease-beide), visibility 0s linear var(--dauer-120);place-items:center;display:grid;position:fixed;inset:0}.ablage-vorhang.sichtbar{opacity:1;pointer-events:auto;visibility:visible;transition:opacity var(--dauer-200) var(--ease-ankunft), visibility 0s}.ablage-vorhang-karte{align-items:center;gap:var(--raum-12);padding:var(--raum-40) var(--raum-56);background:var(--flaeche);border:2px dashed var(--akzent-border);border-radius:var(--radius-12);box-shadow:var(--schatten-3);transition:transform var(--dauer-120) var(--ease-beide);flex-direction:column;display:flex;transform:scale(.97)}.ablage-vorhang.sichtbar .ablage-vorhang-karte{transition:transform var(--dauer-200) var(--ease-ankunft);transform:scale(1)}.ablage-vorhang-icon{width:var(--raum-40);height:var(--raum-40);color:var(--akzent);flex:none}.ablage-vorhang-text{font-size:var(--schrift-16);color:var(--text-1);font-weight:500}.karte{background:var(--flaeche);border:1px solid var(--border);border-radius:var(--radius-12);box-shadow:var(--schatten-1);padding:var(--raum-24)}.karte-kopf{justify-content:space-between;align-items:baseline;gap:var(--raum-16);margin-bottom:var(--raum-20);flex-wrap:wrap;display:flex}.karte-kopf h3{font-size:var(--schrift-16);letter-spacing:var(--laufweite-leicht);font-weight:600}.karte-kopf p{font-size:var(--schrift-13);color:var(--text-3);margin-top:var(--raum-2)}.karte-aktionen{align-items:center;gap:var(--raum-8);flex:none;display:flex}.karte-tabelle{padding:0;overflow:hidden}.karte-tabelle .karte-kopf{padding:var(--raum-20) var(--raum-24) 0;margin-bottom:var(--raum-16)}.kachel{gap:var(--raum-6);padding:var(--raum-20);background:var(--flaeche);border:1px solid var(--border);border-radius:var(--radius-12);box-shadow:var(--schatten-1);flex-direction:column;display:flex}button.kachel{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:box-shadow var(--dauer-160) var(--ease-aus), transform var(--dauer-120) var(--ease-aus)}@media (hover:hover) and (pointer:fine){button.kachel:hover{box-shadow:var(--schatten-2);transform:translateY(-1px)}}.kachel-kopf{justify-content:space-between;align-items:flex-start;gap:var(--raum-16);display:flex}.kachel-label{font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-2)}.kachel-icon{width:var(--raum-32);height:var(--raum-32);border-radius:var(--radius-pill);background:var(--akzent-tint);color:var(--akzent-text);flex:none;place-items:center;display:grid}.kachel-icon .icon{width:18px;height:18px}.kachel-wert{font-family:var(--schrift-ui);font-size:var(--schrift-30);letter-spacing:var(--laufweite-eng);color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:600}.kachel-deutung{font-family:var(--schrift-ui);font-size:var(--schrift-12);color:var(--text-3)}.kachel-delta{font-family:var(--schrift-ui);font-size:var(--schrift-12);color:var(--text-3);font-weight:500}.kachel-delta-auf{color:var(--ok-text)}.kachel-delta-ab{color:var(--fehler-text)}.kachel-delta-neutral{color:var(--text-3)}.kachel-skelett{width:40%;height:var(--raum-32);margin-block:var(--raum-6)}.kachel-raster{gap:var(--raum-16);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kachel-raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kachel-raster-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.kachel-raster,.kachel-raster-3,.kachel-raster-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kachel-raster,.kachel-raster-3,.kachel-raster-4{grid-template-columns:1fr}}.seitenkopf{justify-content:space-between;align-items:flex-start;gap:var(--raum-16);display:flex}.seitenkopf-titel{font-size:var(--schrift-22);letter-spacing:var(--laufweite-eng);color:var(--text-1);margin:0;font-weight:600}.seitenkopf-hinweis{margin-top:var(--raum-4);font-size:var(--schrift-13);color:var(--text-3)}.seitenkopf-aktionen{align-items:center;gap:var(--raum-8);flex:none;align-self:flex-start;display:flex}.fortschritt{border-radius:var(--radius-pill);background:var(--flaeche-2);border:1px solid var(--border);height:6px;overflow:hidden}.fortschritt-fuellung{background:var(--akzent);border-radius:var(--radius-pill);transform-origin:0;width:100%;height:100%;transition:transform var(--dauer-200) var(--ease-aus);display:block}.fortschritt-warnung .fortschritt-fuellung{background:var(--warnung)}.fortschritt-fehler .fortschritt-fuellung{background:var(--fehler)}.balkendiagramm{gap:var(--raum-32);grid-template-columns:1fr auto;align-items:flex-end;display:grid}.balkendiagramm-reihe{align-items:flex-end;gap:var(--raum-16);flex:1;display:flex}.balkendiagramm-saeule{justify-content:flex-end;align-items:center;gap:var(--raum-8);flex-direction:column;flex:1;height:100%;display:flex}.balkendiagramm-balken{border-radius:var(--radius-6) var(--radius-6) 0 0;background:var(--akzent-tint-stark);transform-origin:bottom;width:100%;max-width:44px;animation:balkendiagramm-wachsen var(--dauer-260) var(--ease-ankunft) both;animation-delay:min(calc(var(--i,0) * var(--stagger)), calc(6 * var(--stagger)));display:block}.balkendiagramm-saeule.hervorheben .balkendiagramm-balken{background:var(--akzent)}@keyframes balkendiagramm-wachsen{0%{transform:scaleY(0)}}.balkendiagramm-label{font-family:var(--schrift-mono);font-size:var(--schrift-12);color:var(--text-3)}.balkendiagramm-saeule.hervorheben .balkendiagramm-label{color:var(--akzent-text);font-weight:500}.balkendiagramm-summenblock{gap:var(--raum-12);border-left:1px solid var(--border);min-width:160px;padding-left:var(--raum-24);flex-direction:column;flex:none;display:flex}.balkendiagramm-summen-titel{font-size:var(--schrift-12);color:var(--text-3);font-weight:500}.balkendiagramm-summen-wert{font-family:var(--schrift-mono);font-size:var(--schrift-16);color:var(--text-1);margin-top:var(--raum-2)}@media (width<=900px){.balkendiagramm{grid-template-columns:1fr}.balkendiagramm-summenblock{gap:var(--raum-24);border-left:0;border-top:1px solid var(--border);min-width:0;padding-left:0;padding-top:var(--raum-16);flex-direction:row}}.tk-kopf{justify-content:space-between;align-items:baseline;gap:var(--raum-16);padding:var(--raum-20) var(--raum-24) 0;margin-bottom:var(--raum-16);flex-wrap:wrap;display:flex}.tk-titel{align-items:flex-start;gap:var(--raum-12);display:flex}.tk-icon{width:var(--raum-32);height:var(--raum-32);border-radius:var(--radius-pill);background:var(--akzent-tint);color:var(--akzent-text);flex:none;place-items:center;display:grid}.tk-icon .icon{width:18px;height:18px}.tk-titel h3{font-size:var(--schrift-16);letter-spacing:var(--laufweite-leicht);font-weight:600}.tk-untertitel{font-size:var(--schrift-13);color:var(--text-3);margin-top:var(--raum-2)}.tk-werkzeuge{align-items:center;gap:var(--raum-8);flex-wrap:wrap;flex:1;justify-content:flex-end;display:flex}.tk-suche{max-width:220px}.tk-rechts{align-items:center;gap:var(--raum-12);display:flex}.tk-zaehler{font-size:var(--schrift-13);color:var(--text-3);white-space:nowrap}.tk-aktionen{align-items:center;gap:var(--raum-8);display:flex}.tk-werkzeuge .btn{height:var(--hoehe-32);padding:0 var(--raum-12);font-size:var(--schrift-13)}.chip-filter{align-items:center;gap:var(--raum-6);height:var(--hoehe-32);padding:0 var(--raum-12);border-radius:var(--radius-pill);background:var(--flaeche);border:1px solid var(--border);font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background-color var(--dauer-120) var(--ease-aus), color var(--dauer-120) var(--ease-aus), border-color var(--dauer-120) var(--ease-aus);font-weight:500;display:inline-flex}.chip-filter-aktiv{background:var(--akzent-tint);border-color:var(--akzent-border);color:var(--akzent-text)}.chip-filter-zaehler{font-family:var(--schrift-mono);font-size:var(--schrift-12);color:inherit}.zeitleiste{flex-direction:column;display:flex}.zeitleiste-eintrag{align-items:flex-start;gap:var(--raum-12);padding:var(--raum-8) 0;border-bottom:1px solid var(--border);animation:zeitleiste-rein var(--dauer-200) var(--ease-ankunft) both;animation-delay:min(calc(var(--i,0) * var(--stagger)), calc(6 * var(--stagger)));display:flex}.zeitleiste-eintrag:last-child{border-bottom:0}@keyframes zeitleiste-rein{0%{opacity:0;transform:translateY(var(--raum-6))}}.zeitleiste-links{margin-top:var(--raum-2);flex:none}.zeitleiste-icon{border-radius:var(--radius-pill);background:var(--flaeche-2);width:28px;height:28px;color:var(--text-3);place-items:center;display:grid}.zeitleiste-icon .icon{width:14px;height:14px}.zeitleiste-text{min-width:0;font-size:var(--schrift-13);color:var(--text-1);flex:1}.zeitleiste-sub{font-size:var(--schrift-12);color:var(--text-3);margin-top:var(--raum-2)}.zeitleiste-zeit{font-family:var(--schrift-mono);font-size:var(--schrift-12);color:var(--text-3);white-space:nowrap;flex:none}.zeitleiste-leer{font-size:var(--schrift-13);color:var(--text-3);padding:var(--raum-8) 0}.arbeitsliste{flex-direction:column;display:flex}.arbeitsgruppe-titel{align-items:center;gap:var(--raum-8);margin:var(--raum-16) 0 var(--raum-8);font-size:var(--schrift-12);color:var(--text-3);font-weight:500;display:flex}.arbeitsgruppe-liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.arbeitszeile{align-items:center;gap:var(--raum-12);height:44px;padding:0 var(--raum-8);border-radius:var(--radius-8);transition:background-color var(--dauer-160) var(--ease-aus);display:flex}.arbeitszeile[role=button]{cursor:pointer}.arbeitszeile-icon{border-radius:var(--radius-pill);background:var(--flaeche-2);width:28px;height:28px;color:var(--text-3);flex:none;place-items:center;display:grid}.arbeitszeile-icon .icon{width:14px;height:14px}.arbeitszeile-text{flex-direction:column;flex:1;min-width:0;display:flex}.arbeitszeile-titel{font-size:var(--schrift-13);color:var(--text-1)}.arbeitszeile-sub{font-size:var(--schrift-12);color:var(--text-3)}.arbeitszeile-aktion{flex:none}.arbeitsliste-leer{align-items:center;gap:var(--raum-6);height:44px;padding:0 var(--raum-8);font-size:var(--schrift-13);color:var(--text-3);display:flex}.arbeitsliste-leer .icon{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.arbeitszeile[role=button]:hover{background:var(--flaeche-2)}}.fakten{gap:var(--raum-6);flex-wrap:wrap;display:flex}.fakt{align-items:center;gap:var(--raum-4);height:var(--raum-24);padding:0 var(--raum-12);border-radius:var(--radius-pill);background:var(--flaeche-2);font-size:var(--schrift-12);color:var(--text-2);white-space:nowrap;font-weight:500;display:inline-flex}.fakt.mono{font-family:var(--schrift-mono)}.fakt .icon{width:14px;height:14px}.fakt-warnung{background:var(--warnung-tint);color:var(--warnung-text)}.fakt-ok{background:var(--ok-tint);color:var(--ok-text)}.akte-kopf{align-items:flex-start;gap:var(--raum-16);margin-bottom:var(--raum-24);flex-wrap:wrap;display:flex}.akte-kopf-mitte{gap:var(--raum-8);flex-direction:column;flex:1;min-width:240px;display:flex}.akte-titel{font-size:var(--schrift-22);letter-spacing:var(--laufweite-eng);color:var(--text-1);margin:0;font-weight:600}.akte-kopf-aktionen{align-items:center;gap:var(--raum-8);flex-wrap:wrap;flex:none;display:flex}.akte-raster-huelle{container-type:inline-size}.akte-raster{gap:var(--raum-24);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}@container (width<=1100px){.akte-raster{grid-template-columns:1fr}}.akte-spalte{gap:var(--raum-24);flex-direction:column;min-width:0;display:flex}.kategorienleiste{gap:var(--raum-4);width:260px;height:100%;padding:var(--raum-12);background:var(--flaeche);border-right:1px solid var(--border);font-family:var(--schrift-ui);flex-direction:column;flex:none;display:flex;overflow-y:auto}.kategorienleiste-app{align-items:center;gap:var(--raum-8);width:100%;height:var(--hoehe-32);padding:0 var(--raum-8);margin-bottom:var(--raum-8);border-radius:var(--radius-8);cursor:pointer;text-align:left;font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-2);transition:background-color var(--dauer-160) var(--ease-aus);background:0 0;border:0;flex:none;display:flex}.kategorienleiste-app-icon{color:var(--text-3);transform:rotate(90deg)}.kategorienleiste-suche{margin-bottom:var(--raum-8);flex:none;align-items:center;display:flex;position:relative}.kategorienleiste-suche-icon{left:var(--raum-8);color:var(--text-3);pointer-events:none;position:absolute}.kategorienleiste-suche .feld{padding-left:var(--raum-32)}.kategorie-gruppe{gap:var(--raum-2);flex-direction:column;flex:none;display:flex}.kategorie-gruppe[hidden]{display:none}.kategorie-gruppe-label{padding:var(--raum-12) var(--raum-8) var(--raum-4);font-size:var(--schrift-12);color:var(--text-3);font-weight:500}.kategorie-punkt{align-items:center;gap:var(--raum-8);width:100%;height:var(--hoehe-32);padding:0 var(--raum-8);border-radius:var(--radius-8);cursor:pointer;text-align:left;white-space:nowrap;font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-2);transition:color var(--dauer-160) var(--ease-aus), background-color var(--dauer-160) var(--ease-aus);background:0 0;border:0;flex:none;font-weight:500;display:flex}.kategorie-punkt[hidden]{display:none}.kategorie-punkt-chevron{width:14px;height:14px;transition:transform var(--dauer-160) var(--ease-aus);margin-left:auto;transform:rotate(-90deg)}.kategorie-punkt-chevron.offen{transform:none}.kategorie-unterpunkte{transition:grid-template-rows var(--dauer-200) var(--ease-aus);grid-template-rows:0fr;display:grid}.kategorie-unterpunkte.offen{grid-template-rows:1fr}.kategorie-unterpunkte[hidden]{display:none}.kategorie-unterpunkte-innen{gap:var(--raum-2);min-height:0;margin-left:var(--raum-16);padding-left:var(--raum-8);border-left:1px solid var(--border);opacity:0;transition:opacity var(--dauer-120) var(--ease-beide);flex-direction:column;display:flex;overflow:hidden}.kategorie-unterpunkte.offen .kategorie-unterpunkte-innen{opacity:1;transition:opacity var(--dauer-200) var(--ease-aus)}.kategorie-punkt .icon{width:16px;height:16px;color:var(--text-3);transition:color var(--dauer-160) var(--ease-aus)}.kategorie-punkt.aktiv{background:var(--akzent-tint);color:var(--akzent-text)}.kategorie-punkt.aktiv .icon{color:var(--akzent-text)}@media (hover:hover) and (pointer:fine){.kategorienleiste-app:hover{background:var(--flaeche-2)}.kategorie-punkt:hover{background:var(--flaeche-2);color:var(--text-1)}.kategorie-punkt.aktiv:hover{background:var(--akzent-tint-stark);color:var(--akzent-text)}}.einstellungen-seite{grid-template-columns:260px 1fr;height:100%;display:grid;overflow:hidden}.einstellungen-inhalt{background:var(--seite);justify-content:center;height:100%;display:flex;overflow-y:auto}.einstellungen-spalte{width:100%;max-width:800px;padding:var(--raum-40) var(--raum-28) var(--raum-80)}.einstellungen-kopf{justify-content:space-between;align-items:flex-start;gap:var(--raum-16);padding-bottom:var(--raum-24);margin-bottom:var(--raum-32);border-bottom:1px solid var(--border);display:flex}.einstellungen-kopf-text{gap:var(--raum-6);flex-direction:column;min-width:0;display:flex}.einstellungen-kopf h1{font-size:var(--schrift-22);letter-spacing:var(--laufweite-eng);color:var(--text-1);margin:0;font-weight:600}.einstellungen-kopf p{font-size:var(--schrift-14);color:var(--text-2);margin:0}.einstellungen-kopf-aktionen{align-items:center;gap:var(--raum-8);flex:none;display:flex}.einstellungen-abschnitt{align-items:stretch;gap:var(--raum-16);flex-direction:column;display:flex}.einstellungen-abschnitt h2{font-size:var(--schrift-16);color:var(--text-1);margin:0;font-weight:600}.einstellungen-abschnitt-kopf{justify-content:space-between;align-items:center;gap:var(--raum-16);display:flex}.einstellungen-abschnitt>p{font-size:var(--schrift-14);color:var(--text-2);margin:0}.einstellungen-abschnitt+.einstellungen-abschnitt{border-top:1px solid var(--border);padding-top:var(--raum-32);margin-top:var(--raum-32)}.hinweisband{align-items:center;gap:var(--raum-8);height:28px;padding:0 var(--raum-16);border-radius:var(--radius-pill);font-family:var(--schrift-ui);font-size:var(--schrift-12);white-space:nowrap;opacity:1;transition:opacity var(--dauer-160) var(--ease-aus);border:1px solid;font-weight:500;line-height:1;display:inline-flex}@starting-style{.hinweisband{opacity:0}}.hinweisband .icon{width:14px;height:14px}.hinweisband-info{background:var(--akzent-tint-stark);color:var(--akzent-text);border-color:var(--akzent-border)}.hinweisband-warnung{background:var(--warnung-tint);color:var(--warnung-text);border-color:var(--warnung-border)}.hinweisband-text{flex:none}.hinweisband-aktion{align-items:center;gap:var(--raum-4);height:100%;margin-left:var(--raum-4);font-family:var(--schrift-ui);font-size:var(--schrift-12);color:inherit;cursor:pointer;text-underline-offset:2px;transition:text-decoration-color var(--dauer-160) var(--ease-aus), opacity var(--dauer-120) var(--ease-aus);background:0 0;border:0;padding:0;font-weight:600;line-height:1;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.hinweisband-aktion:focus-visible{outline:2px solid var(--akzent-ring);outline-offset:2px;border-radius:var(--radius-6)}@media (hover:hover) and (pointer:fine){.hinweisband-aktion:hover{text-decoration-color:currentColor}}.hinweisband-aktion-laedt{opacity:.6;pointer-events:none;text-decoration-color:#0000}.hinweisband-aktion-lader{width:12px;height:12px;animation:.8s linear infinite drehen}.optionswahl{gap:var(--raum-12);border:0;margin:0;padding:0;display:grid}.optionswahl-1{grid-template-columns:minmax(0,1fr)}.optionswahl-2{grid-template-columns:repeat(2,minmax(0,1fr))}.optionswahl-3{grid-template-columns:repeat(3,minmax(0,1fr))}.optionswahl-label{margin-bottom:var(--raum-8);font-size:var(--schrift-13);color:var(--text-2);padding:0;font-weight:500}.optionskarte{align-items:flex-start;gap:var(--raum-12);padding:var(--raum-12) var(--raum-16);background:var(--flaeche);border:1px solid var(--border-stark);border-radius:var(--radius-12);cursor:pointer;transition:border-color var(--dauer-160) var(--ease-aus), background-color var(--dauer-160) var(--ease-aus);display:flex;position:relative}.optionskarte-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.optionskarte:has(.optionskarte-input:focus-visible){outline:2px solid var(--akzent-ring);outline-offset:2px}.optionskarte.gewaehlt{border-color:var(--akzent-border);background:var(--akzent-tint)}.optionskarte-icon{color:var(--text-3);margin-top:var(--raum-2)}.optionskarte.gewaehlt .optionskarte-icon{color:var(--akzent-text)}.optionskarte-text{gap:var(--raum-2);flex-direction:column;flex:1;min-width:0;display:flex}.optionskarte-text strong{align-items:center;gap:var(--raum-8);font-size:var(--schrift-14);color:var(--text-1);font-weight:600;display:flex}.optionskarte-text span{font-size:var(--schrift-13);color:var(--text-2)}.optionskarte-haken{color:var(--akzent-text);opacity:0;transition:opacity var(--dauer-120) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);transform:scale(.8)}.optionskarte.gewaehlt .optionskarte-haken{opacity:1;transform:none}.optionskarte.deaktiviert{opacity:.45;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.optionskarte:not(.gewaehlt):not(.deaktiviert):hover{border-color:var(--border-stark);background:var(--flaeche-2)}}.schrittwechsel{padding:var(--raum-4);margin:calc(var(--raum-4) * -1);display:grid;position:relative;overflow:hidden}.schritt{opacity:1;min-width:0;transition:opacity var(--dauer-260) var(--ease-ankunft), transform var(--dauer-260) var(--ease-ankunft);grid-area:1/1;transform:none}.schritt.weg{display:none}.schritt.raus-links,.schritt.raus-rechts{inset:var(--raum-4) var(--raum-4) auto;position:absolute}.schritt.raus-links{opacity:0;pointer-events:none;transition-duration:var(--dauer-160);transition-timing-function:var(--ease-beide);transform:translate(-24px)}.schritt.raus-rechts{opacity:0;pointer-events:none;transition-duration:var(--dauer-160);transition-timing-function:var(--ease-beide);transform:translate(24px)}@starting-style{.schritt.rein-rechts{opacity:0;transform:translate(24px)}.schritt.rein-links{opacity:0;transform:translate(-24px)}}.code-eingabe{width:100%;display:block;position:relative}.code-eingabe-input{opacity:0;cursor:default;caret-color:#0000;width:100%;height:100%;position:absolute;inset:0}.code-eingabe-kaestchen{gap:var(--raum-6);display:flex}.code-kaestchen{background:var(--flaeche);border:1px solid var(--border-stark);border-radius:var(--radius-8);min-width:0;max-width:44px;height:48px;font-family:var(--schrift-mono);font-size:var(--schrift-22);color:var(--text-1);transition:border-color var(--dauer-160) var(--ease-aus), box-shadow var(--dauer-160) var(--ease-aus), transform var(--dauer-120) var(--ease-aus);flex:1 1 0;place-items:center;font-weight:600;display:grid}.code-kaestchen.mitte{margin-left:var(--raum-6)}.code-kaestchen.aktiv{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-ring)}.code-eingabe.fehler .code-kaestchen{border-color:var(--fehler)}.code-eingabe.fehler .code-eingabe-kaestchen{animation:code-ruetteln .24s var(--ease-aus)}@keyframes code-ruetteln{0%,to{transform:none}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.code-eingabe.deaktiviert .code-kaestchen{opacity:.45}.bildzuschnitt-buehne{background:var(--flaeche-2);border-radius:var(--radius-12);touch-action:none;cursor:grab;width:320px;position:relative;overflow:hidden}.bildzuschnitt-buehne.frei{cursor:default;touch-action:auto;overflow:visible}.bildzuschnitt-buehne:active{cursor:grabbing}.bildzuschnitt-buehne.frei:active{cursor:default}.bildzuschnitt-buehne:focus-visible{box-shadow:0 0 0 3px var(--akzent-ring);outline:none}.bildzuschnitt-buehne img{-webkit-user-select:none;user-select:none}.bildzuschnitt-maske{box-shadow:0 0 0 999px color-mix(in oklab, var(--text-1) 45%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:0}.bildzuschnitt-rahmen{border:1px solid var(--flaeche);outline:1px solid var(--akzent);outline-offset:-1px;cursor:move;touch-action:none;position:absolute}.bildzuschnitt-rahmen:focus-visible{box-shadow:0 0 0 3px var(--akzent-ring)}.bildzuschnitt-dunkel{pointer-events:none;background:color-mix(in oklab, var(--text-1) 50%, transparent);position:absolute;inset:0}.bildzuschnitt-griff{background:var(--flaeche);border:2px solid var(--akzent);border-radius:var(--radius-6);touch-action:none;width:12px;height:12px;margin:-6px;position:absolute}.bildzuschnitt-griff.nw{cursor:nwse-resize;top:0;left:0}.bildzuschnitt-griff.se{cursor:nwse-resize;bottom:0;right:0}.bildzuschnitt-griff.ne{cursor:nesw-resize;top:0;right:0}.bildzuschnitt-griff.sw{cursor:nesw-resize;bottom:0;left:0}.bildzuschnitt-zoom-zeile{align-items:center;gap:var(--raum-8);display:flex}.bildzuschnitt-zoom-beschriftung{font-size:var(--schrift-13);color:var(--text-2);flex:none}.bildzuschnitt-zoom{accent-color:var(--akzent);flex:1}.bildfeld{gap:var(--raum-8);flex-direction:column;max-width:340px;display:flex}.bildfeld-zeile{align-items:center;gap:var(--raum-12);display:flex}.bildfeld-knoepfe{gap:var(--raum-6);flex-direction:column;display:flex}.bildfeld-hinweis{font-size:var(--schrift-13);color:var(--text-3)}.bildfeld.ziel .avatar{box-shadow:0 0 0 3px var(--akzent-ring)}.bildfeld-gestapelt{max-width:480px}.bildfeld-gestapelt .bildfeld-zeile{flex-direction:column;align-items:stretch}.bildfeld-gestapelt .bildfeld-knoepfe{flex-direction:row}.bildfeld-breit{aspect-ratio:16/9;border:1px dashed var(--border-stark);border-radius:var(--radius-12);background:var(--flaeche-2);width:100%;color:var(--text-3);place-items:center;display:grid;overflow:hidden}.bildfeld-breit-bild{object-fit:cover;width:100%;height:100%}.bildfeld.ziel .bildfeld-breit{box-shadow:0 0 0 3px var(--akzent-ring)}.datumsauswahl,.datumsauswahl-feld-huelle{position:relative}.datumsauswahl-feld{width:100%;padding-right:var(--raum-40)}.datumsauswahl-knopf{top:50%;right:var(--raum-4);width:var(--raum-28);height:var(--raum-28);border-radius:var(--radius-8);color:var(--text-3);cursor:pointer;transition:background-color var(--dauer-160) var(--ease-aus), color var(--dauer-160) var(--ease-aus);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute;transform:translateY(-50%)}.datumsauswahl-knopf:disabled{opacity:.45;cursor:not-allowed}.datumsauswahl-knopf .icon{width:16px;height:16px}.datumsauswahl-flaeche{top:calc(100% + var(--raum-6));transform-origin:0 0;position:absolute;left:0}.datumsauswahl .datumsauswahl-flaeche{width:296px;padding:var(--raum-12);gap:var(--raum-8);flex-direction:column}.datumsauswahl.offen .datumsauswahl-flaeche{opacity:1;pointer-events:auto;transition:opacity var(--dauer-160) var(--ease-ankunft), transform var(--dauer-160) var(--ease-ankunft), display var(--dauer-160) allow-discrete;display:flex;transform:none}@starting-style{.datumsauswahl.offen .datumsauswahl-flaeche{opacity:0;transform:scale(.96)translateY(-2px)}}.datumsauswahl-flaeche.oben{top:auto;bottom:calc(100% + var(--raum-6));transform-origin:0 100%}.datumsauswahl-kopf{justify-content:space-between;align-items:center;gap:var(--raum-8);display:flex}.datumsauswahl-nav{width:var(--raum-28);height:var(--raum-28)}.datumsauswahl-nav .icon{width:16px;height:16px}.datumsauswahl-monat{font-size:var(--schrift-14);color:var(--text-1);opacity:1;transition:opacity var(--dauer-200) var(--ease-ankunft);font-weight:600}.datumsauswahl-wochentage{font-size:var(--schrift-12);color:var(--text-3);text-align:center;grid-template-columns:repeat(7,36px);gap:2px;display:grid}.datumsauswahl-raster-huelle{overflow:hidden}.datumsauswahl-raster{opacity:1;transition:opacity var(--dauer-200) var(--ease-ankunft), transform var(--dauer-200) var(--ease-ankunft);flex-direction:column;gap:2px;display:flex;transform:none}@starting-style{.datumsauswahl-raster.rein-rechts{opacity:0;transform:translate(16px)}.datumsauswahl-raster.rein-links{opacity:0;transform:translate(-16px)}.datumsauswahl-monat{opacity:0}}.datumsauswahl-zeile{grid-template-columns:repeat(7,36px);gap:2px;display:grid}.datumsauswahl-tag{border-radius:var(--radius-8);width:36px;height:36px;font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-1);cursor:pointer;transition:background-color var(--dauer-120) var(--ease-aus);background:0 0;border:1px solid #0000;place-items:center;display:grid}.datumsauswahl-tag.nachbar{color:var(--text-3)}.datumsauswahl-tag.heute{border-color:var(--akzent)}.datumsauswahl-tag.aktuell{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent);font-weight:600}.datumsauswahl-tag:disabled{opacity:.35;cursor:not-allowed}.datumsauswahl-tag:focus-visible{background:var(--flaeche-2);outline:none}.datumsauswahl-fuss{padding-top:var(--raum-4);border-top:1px solid var(--border);justify-content:center;display:flex}@media (hover:hover) and (pointer:fine){.datumsauswahl-knopf:not(:disabled):hover{background:var(--flaeche-2);color:var(--text-1)}.datumsauswahl-tag:not(:disabled):hover{background:var(--flaeche-2)}}.fliesstext{font-family:var(--schrift-ui);font-size:var(--schrift-14);line-height:var(--zeile-normal);color:var(--text-2)}.fliesstext>*+*{margin-top:var(--raum-12)}.fliesstext p:first-child{margin-top:0}.fliesstext h1{font-size:var(--schrift-22);color:var(--text-1);margin-top:var(--raum-24);font-weight:600}.fliesstext h2{font-size:var(--schrift-18);color:var(--text-1);letter-spacing:var(--laufweite-leicht);margin-top:var(--raum-24);font-weight:600}.fliesstext h3{font-size:var(--schrift-16);color:var(--text-1);font-weight:600}.fliesstext h4{font-size:var(--schrift-14);color:var(--text-1);font-weight:600}.fliesstext figure{margin-inline:0;margin-bottom:0}:where(.fliesstext)>figure:first-child{margin-top:0}.fliesstext figcaption{margin-top:var(--raum-6);font-size:var(--schrift-13);color:var(--text-3);text-align:center}.fliesstext figcaption:empty{display:none}.fliesstext ul,.fliesstext ol{padding-left:var(--raum-20)}.fliesstext li+li{margin-top:var(--raum-4)}.fliesstext a{color:var(--akzent-text);text-underline-offset:2px;transition:text-decoration-color var(--dauer-160) var(--ease-aus);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}@media (hover:hover) and (pointer:fine){.fliesstext a:hover{text-decoration-color:currentColor}}.fliesstext img{border-radius:var(--radius-8);max-width:100%;height:auto;display:block}.fliesstext strong{color:var(--text-1);font-weight:600}.fliesstext code{font-family:var(--schrift-mono);font-size:var(--schrift-13);background:var(--flaeche-2);padding:0 var(--raum-4);border-radius:var(--radius-6)}.fliesstext blockquote{border-left:2px solid var(--border-stark);padding-left:var(--raum-12);color:var(--text-3)}.abstimmung{gap:var(--raum-4);display:inline-flex}.abstimmung-knopf{align-items:center;gap:var(--raum-6);height:var(--hoehe-32);padding:0 var(--raum-12);border:1px solid var(--border-stark);border-radius:var(--radius-pill);background:var(--flaeche);color:var(--text-2);font-family:var(--schrift-ui);font-size:var(--schrift-13);cursor:pointer;transition:background-color var(--dauer-160) var(--ease-aus), border-color var(--dauer-160) var(--ease-aus), color var(--dauer-160) var(--ease-aus), transform var(--dauer-160) var(--ease-aus);display:inline-flex}.abstimmung-knopf:not(:disabled):active{transform:scale(.97)}.abstimmung-knopf.aktiv{background:var(--akzent-tint);border-color:var(--akzent-border);color:var(--akzent-text)}.abstimmung-knopf:disabled{opacity:.45;cursor:not-allowed}.abstimmung-knopf:focus-visible{outline:2px solid var(--akzent-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.abstimmung-knopf:not(:disabled):hover{background:var(--flaeche-2)}}.abstimmung-zahl{font-family:var(--schrift-mono);font-variant-numeric:tabular-nums}.versionszeile{align-items:center;gap:var(--raum-6);display:inline-flex}.versionszeile-nummer{font-family:var(--schrift-mono);font-variant-numeric:tabular-nums;font-weight:500}.versionszeile-12{font-size:var(--schrift-12)}.versionszeile-13{font-size:var(--schrift-13)}.versionszeile-14{font-size:var(--schrift-14)}.zentrale-seite{gap:var(--raum-24);width:100%;max-width:var(--inhalt-max);flex-direction:column;margin-inline:auto;display:flex}.anmeldung{justify-content:center;align-items:center;gap:var(--raum-16);min-height:100vh;padding:var(--raum-24);background:var(--seite);flex-direction:column;display:flex}.anmeldung-formular{width:min(360px,100%);padding:var(--raum-32);background:var(--flaeche);border:1px solid var(--border);border-radius:var(--radius-12);box-shadow:var(--schatten-2)}.anmeldung-formular form{gap:var(--raum-16);flex-direction:column;display:flex}.anmeldung-titel{font-family:var(--schrift-ui);font-size:var(--schrift-22);letter-spacing:var(--laufweite-eng);color:var(--text-1);margin:0;font-weight:600}.anmeldung-zurueck{margin-left:calc(var(--raum-12) * -1);align-self:flex-start}.anmeldung-mitte{justify-content:center;display:flex}.anmeldung-formular .btn:not(.anmeldung-zurueck):not(.anmeldung-mitte .btn){justify-content:center;width:100%}.zentrale-lade{min-height:100vh;font-family:var(--schrift-ui);font-size:var(--schrift-14);color:var(--text-3);justify-content:center;align-items:center;margin:0;display:flex}.zentrale-kein-zugang{align-items:flex-start;gap:var(--raum-16);max-width:420px;margin:var(--raum-80) auto;padding:0 var(--raum-24);flex-direction:column;display:flex}.zentrale-ladetext{font-family:var(--schrift-ui);font-size:var(--schrift-13);color:var(--text-3);margin:0}.ws-zeile{cursor:pointer}.ws-zeile:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.ws-formular{gap:var(--raum-16);flex-direction:column;max-width:420px;display:flex}.ws-zeile-aktionen{gap:var(--raum-4);display:flex}.ws-tabellen-fuss{padding:var(--raum-12) var(--raum-24);border-top:1px solid var(--border);font-size:var(--schrift-13);color:var(--text-3);justify-content:space-between;align-items:center;display:flex}.ws-abo-leer{color:var(--text-2);font-size:var(--schrift-13)}.ws-abo-feldliste{flex-direction:column;margin:0;display:flex}.ws-abo-feld{justify-content:space-between;gap:var(--raum-16);padding:var(--raum-8) 0;border-bottom:1px solid var(--border);display:flex}.ws-abo-feld:last-child{border-bottom:0}.ws-abo-feld dt{font-size:var(--schrift-13);color:var(--text-2)}.ws-abo-feld dd{margin:0}.ws-abo-fortschritt{margin-top:var(--raum-12)}.ws-abo-raster{gap:var(--raum-16);grid-template-columns:1fr 1fr;display:grid}@media (width<=420px){.ws-abo-raster{grid-template-columns:1fr}}.ws-akte-fuss{margin-top:var(--raum-12)}.ws-support-leer,.ws-zugang-text{color:var(--text-2);font-size:var(--schrift-13)}.ws-support-zeile{align-items:center;gap:var(--raum-12);padding:var(--raum-8) 0;border-bottom:1px solid var(--border);display:flex}.ws-support-zeile:last-child{border-bottom:0}.ws-support-icon{width:var(--hoehe-32);height:var(--hoehe-32);border-radius:var(--radius-8);background:var(--flaeche-2);color:var(--text-2);flex:none;place-items:center;display:grid}.ws-support-text{min-width:0;font-size:var(--schrift-13);flex:1}.ws-support-sub{margin-top:var(--raum-4);font-size:var(--schrift-12);color:var(--text-2)}.ws-support-datum{font-size:var(--schrift-12);color:var(--text-2);flex:none}.ws-ablauf-warnung{color:var(--warnung-text);font-weight:500}.ws-geschlossene-titel{margin:var(--raum-16) 0 var(--raum-8);font-size:var(--schrift-12);color:var(--text-2)}.leitstand-raster-huelle{container-type:inline-size}.leitstand-raster{gap:var(--raum-24);grid-template-columns:2fr 1fr;align-items:start;display:grid}@container (width<=1100px){.leitstand-raster{grid-template-columns:1fr}}.gruppen-badge-liste{gap:var(--raum-6);flex-wrap:wrap;display:flex}.gruppen-zeile{cursor:pointer}.gruppen-zeile:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.rn-formular{gap:var(--raum-16);flex-direction:column;max-width:420px;display:flex}.rn-aktionen{gap:var(--raum-8);flex-wrap:wrap;display:flex}.rg-umschalter{gap:var(--raum-6);display:flex}.fkt-wert{align-items:center;gap:var(--raum-8);display:flex}.team-zeilenaktionen{justify-content:flex-end;gap:var(--raum-8);display:flex}.team-formular{gap:var(--raum-16);flex-direction:column;max-width:420px;display:flex}.team-berechtigungen{gap:var(--raum-12) var(--raum-16);grid-template-columns:140px 1fr;margin:0;display:grid}.team-berechtigungen dt{align-items:flex-start;display:flex}.team-berechtigungen dd{font-size:var(--schrift-13);color:var(--text-2);margin:0}.einstellungen-formular{gap:var(--raum-16);flex-direction:column;max-width:420px;display:flex}.aktivitaet-detail{padding:var(--raum-12);background:var(--flaeche-2);border-radius:var(--radius-8);font-family:var(--schrift-mono);font-size:var(--schrift-12);color:var(--text-2);white-space:pre-wrap;word-break:break-word;margin:0}.aktivitaet-mehr{margin-top:var(--raum-16)}.nz-formular{gap:var(--raum-16);max-width:800px;margin-top:var(--raum-16);display:grid}.nz-drei-spalten{gap:var(--raum-16);grid-template-columns:1fr 1fr 1fr;display:grid}.nz-knoepfe{gap:var(--raum-8);flex-wrap:wrap;display:flex}.nz-editor-fallback{min-height:369px}.nz-zeile-aktionen{gap:var(--raum-4);display:flex}.nz-vorschlag-text{white-space:pre-wrap;color:var(--text-2)}
