:root{--schrift:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--mono:ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;--text:#14284a;--text-neutral:#61708a;--text-inverted:#fff;--text-primary:#1f5fb8;--text-success:#15803d;--text-warning:#b45309;--text-danger:#dc2626;--border:#d9e0ea;--border-hover:#bdc8d8;--border-focus:#3b8fe0;--surface:#fff;--surface-neutral:#f6f8fb;--bg-hover:#eaeff6;--bg-subtle:#eff3f8;--primary:#2a6fcf;--primary-hover:#1f5fb8;--on-primary:#fff;--primary-subtle:#e8f2fd;--primary-subtle-hover:#d5e7fb;--success:#16a34a;--success-subtle:#e7f8ee;--warning:#d97706;--warning-subtle:#fff6e0;--danger:#dc2626;--danger-subtle:#fdecec;--verlauf:linear-gradient(135deg,#4180d6,#3ad8dc);--radius:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--shadow-xs:0 1px 2px 0 #14284a0d;--shadow-sm:0 1px 2px 0 #14284a1a;--shadow-lg:0 4px 12px 0 #14284a1a;--shadow-xl:0 8px 24px 0 #14284a22;--schnell:.15s;--fokus:0 0 0 3px #3b8fe040;--elevated:var(--surface);--feldrand:var(--border);--klasse-person:#3ad8dc;--klasse-kennzeichen:#f59e0b;--klasse-gesicht:#f472b6}:root[data-theme=dark]{--text:#eef2fb;--text-neutral:#95a3ba;--text-inverted:#0b1626;--text-primary:#8fd0f5;--text-success:#86efac;--text-warning:#fcd34d;--text-danger:#fca5a5;--border:#2c3a50;--border-hover:#41526c;--border-focus:#4fb6ea;--surface:#141c2b;--surface-neutral:#0c121d;--bg-hover:#1f2a3d;--bg-subtle:#192335;--primary:#5cc4ec;--primary-hover:#86d6f3;--on-primary:#0b1626;--primary-subtle:#15314f;--primary-subtle-hover:#1b3e63;--success:#4ade80;--success-subtle:#14321f;--warning:#fbbf24;--warning-subtle:#3a2a0c;--danger:#f87171;--danger-subtle:#3d1717;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 2px 0 #00000066;--shadow-lg:0 4px 12px 0 #00000066;--shadow-xl:0 8px 24px 0 #00000080;--fokus:0 0 0 3px #4fb6ea55}:root{--bg:var(--surface-neutral);--card:var(--surface);--bg-alt:var(--surface-neutral);--fg:var(--text);--muted:var(--text-neutral);--line:var(--border);--accent:var(--primary);--accent-hover:var(--primary-hover);--ok:var(--text-success);--warn:var(--text-warning);--fehler:var(--text-danger);color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{font:400 14px/1.45 var(--schrift)}body{margin:0;background:var(--bg);color:var(--fg);min-height:100vh}code,kbd,pre,samp{font-family:var(--mono)}h1,h2,h3{font-weight:700;margin:0}a{color:var(--text-primary)}:where(button,a,[tabindex],summary,input,select):focus-visible{outline:3px solid var(--border-focus);outline-offset:1px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#navi-auf{position:fixed;top:.5rem;left:.5rem;z-index:7;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:6px;background:none;color:var(--fg);cursor:pointer}#navi-auf:hover{background:var(--bg-hover)}#navi-auf svg,#navi svg,#navi-oben svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}#navi{position:fixed;inset:0 auto 0 0;width:min(18rem,85vw);max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--elevated);color:var(--fg);border-right:1px solid var(--line);box-shadow:var(--shadow-xl);font:14px/1.45 var(--schrift);transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1),overlay .3s allow-discrete,display .3s allow-discrete}#navi[open]{transform:none}@starting-style{#navi[open]{transform:translateX(-100%)}}#navi::backdrop{background:#0000;transition:background .3s,overlay .3s allow-discrete,display .3s allow-discrete}#navi[open]::backdrop{background:#0006}@starting-style{#navi[open]::backdrop{background:#0000}}.navi-innen{display:flex;flex-direction:column;height:100%;padding:.5rem .6rem 1rem;overflow-y:auto}.navi-kopf{display:flex;align-items:center;justify-content:space-between;padding:0 .2rem .6rem .4rem}.marke{display:flex;align-items:center;gap:.45rem;text-decoration:none}.marke img{display:block;width:auto}.marke .schild{height:2.1rem}.marke .schriftzug{height:1.35rem;margin-top:.1rem}.fuer-dunkel,:root[data-theme=dark] .fuer-hell{display:none!important}:root[data-theme=dark] .fuer-dunkel{display:block!important}#navi nav,.navi-fuss{display:flex;flex-direction:column;gap:2px}.navi-fuss{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line)}#navi hr{width:100%;margin:.4rem 0;border:0;border-top:1px solid var(--line)}#navi nav a,#navi .navi-fuss>*{display:flex;align-items:center;gap:.8rem;width:100%;height:2.5rem;padding:0 .7rem;margin:0;border:0;border-radius:var(--radius);background:none;color:var(--fg);font:inherit;text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap}#navi nav a:hover,#navi .navi-fuss>:is(a,button):hover{background:var(--bg-hover)}#navi [aria-current=page]{background:var(--primary-subtle);color:var(--text-primary);font-weight:500}#navi .navi-zu{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.navi-wer{overflow:hidden;text-overflow:ellipsis}.navi-kurz{display:none}.theme span{display:none}:root:not([data-modus]) .theme .auto,:root[data-modus=auto] .theme .auto,:root[data-modus=light] .theme .light,:root[data-modus=dark] .theme .dark{display:inline}#navi .theme span{margin-left:-.5rem;color:var(--muted)}.theme-hinweis{position:fixed;z-index:20;padding:.35rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--elevated);color:var(--fg);font:13px/1.3 var(--schrift);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s}.theme-hinweis.an{opacity:1;transform:none}#navi-oben{display:none}body{padding-top:3rem}@media (max-width:799px){#kopfzeile{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:.6rem;height:3rem;padding:0 1rem 0 3rem;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}#kopfzeile b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (min-width:800px){#kopfzeile,#navi-auf{display:none}#navi-oben{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:1.2rem;height:3.4rem;padding:0 1rem;background:var(--card);color:var(--fg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);font:15px var(--schrift)}body{padding-top:3.4rem}#navi-oben nav,#navi-oben .navi-fuss{display:flex;flex-direction:row;align-items:center;gap:2px}#navi-oben .navi-fuss{margin:0 0 0 auto;padding:0;border:0;min-width:0}#navi-oben hr{align-self:stretch;margin:.8rem .5rem;border:0;border-left:1px solid var(--line)}#navi-oben nav a,#navi-oben .navi-fuss>*{display:flex;align-items:center;gap:.5rem;width:auto;height:2.3rem;padding:0 .8rem;margin:0;border:0;border-radius:var(--radius);background:none;color:var(--fg);font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}#navi-oben nav svg{display:none}#navi-oben nav a:hover,#navi-oben .navi-fuss>:is(a,button):hover{background:var(--bg-hover)}#navi-oben [aria-current=page]{background:var(--primary-subtle);color:var(--text-primary);font-weight:500}#navi-oben .navi-wer{max-width:18rem}#navi-oben .navi-fuss .navi-ab,#navi-oben .navi-fuss .theme{width:2.5rem;padding:0;gap:0;justify-content:center;font-size:0}}@media (min-width:800px) and (max-width:1099px){#navi-oben .marke .schriftzug{display:none!important}#navi-oben .navi-kurz{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--primary-subtle);color:var(--text-primary);font-size:12px;font-weight:600}#navi-oben .navi-person{padding:0 .3rem}#navi-oben .navi-person :is(svg,.navi-wer){display:none}}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2.4rem;padding:0 1rem;border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-primary);font:500 14px var(--schrift);text-decoration:none;cursor:pointer;white-space:nowrap}.knopf:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.knopf.zweit{background:var(--card);color:var(--fg);border-color:var(--line)}.knopf.zweit:hover{background:var(--bg-hover)}.knopf svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.karte{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.umschalter{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-lg);background:var(--bg-hover);border:1px solid var(--line)}.umschalter :is(button,a){display:flex;align-items:center;gap:.45rem;height:2.3rem;padding:0 1.1rem;border:0;border-radius:calc(var(--radius-lg) - 2px);background:none;color:var(--muted);font:500 15px var(--schrift);text-decoration:none;cursor:pointer;transition:background var(--schnell),color var(--schnell)}.umschalter :is(button,a):hover{color:var(--fg)}.umschalter [aria-checked=true]{background:var(--card);color:var(--fg);box-shadow:var(--shadow-sm);font-weight:600}.umschalter svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.umschalter.klein :is(button,a){height:2rem;padding:0 .8rem;font-size:14px}