:root{--farbe-text:#1a1d21;--farbe-text-schwach:#52575e;--farbe-hintergrund:#fff;--farbe-hintergrund-schwach:#f3f4f6;--farbe-rand:#d1d5db;--farbe-akzent:#1d4ed8;--farbe-akzent-hintergrund:#eff4ff;--farbe-fehler:#b3261e;--farbe-fehler-hintergrund:#fdecea;--farbe-fokus:#1d4ed8;--abstand-1:.25rem;--abstand-2:.5rem;--abstand-3:.75rem;--abstand-4:1rem;--abstand-6:1.5rem;--abstand-8:2rem;--schrift-basis:1rem;--schrift-klein:.875rem;--schrift-gross:1.25rem;--schrift-titel:1.5rem;--zeilenhoehe:1.5;--radius:.375rem;--rand-breite:1px;--touch-ziel-min:44px}@media (prefers-color-scheme:dark){:root{--farbe-text:#f3f4f6;--farbe-text-schwach:#a1a7b0;--farbe-hintergrund:#1a1d21;--farbe-hintergrund-schwach:#24272c;--farbe-rand:#3a3f46;--farbe-akzent:#6d9bff;--farbe-akzent-hintergrund:#1c2740;--farbe-fehler:#ff8a80;--farbe-fehler-hintergrund:#3a2321;--farbe-fokus:#6d9bff}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:var(--schrift-basis)/var(--zeilenhoehe) system-ui, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--farbe-hintergrund);color:var(--farbe-text);margin:0}button{font:inherit;min-height:var(--touch-ziel-min);padding:var(--abstand-2) var(--abstand-4);border:var(--rand-breite) solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-hintergrund-schwach);color:var(--farbe-text);cursor:pointer}button:focus-visible{outline:2px solid var(--farbe-fokus);outline-offset:1px}button:disabled{opacity:.5;cursor:not-allowed}.aktion-primaer{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:#fff;font-weight:600}.aktion-sekundaer{background:0 0;font-weight:400}.karte{background:var(--farbe-hintergrund);border:var(--rand-breite) solid var(--farbe-rand);border-radius:var(--radius);padding:var(--abstand-4);margin-block-end:var(--abstand-4)}.formularfeld{gap:var(--abstand-1);flex-direction:column;margin-block-end:var(--abstand-4);display:flex}.formularfeld label{font-size:var(--schrift-klein);color:var(--farbe-text-schwach);font-weight:600}.formularfeld input{font:inherit;font-size:var(--schrift-basis);min-height:var(--touch-ziel-min);padding:var(--abstand-2) var(--abstand-3);border:var(--rand-breite) solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-hintergrund);color:var(--farbe-text)}.formularfeld input:focus-visible{outline:2px solid var(--farbe-fokus);outline-offset:1px}.formularfeld input[aria-invalid=true]{border-color:var(--farbe-fehler)}.formularfeld-fehler{color:var(--farbe-fehler);font-size:var(--schrift-klein);margin:0}.tabelle{border-collapse:collapse;width:100%;margin-block-end:var(--abstand-4)}.tabelle th,.tabelle td{text-align:left;padding:var(--abstand-2) var(--abstand-3);border-bottom:var(--rand-breite) solid var(--farbe-rand)}.tabelle-zeile-waehlbar{cursor:pointer}.tabelle-zeile-waehlbar:hover{background:var(--farbe-hintergrund-schwach)}.tabelle-zeile-waehlbar[aria-selected=true]{background:var(--farbe-akzent-hintergrund)}.tabelle-auswahl-spalte{width:var(--touch-ziel-min)}.tabelle-auswahl-spalte input{width:var(--touch-ziel-min);height:var(--touch-ziel-min)}@media (width<=599px){.tabelle thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabelle,.tabelle tbody,.tabelle tr,.tabelle td{width:100%;display:block}.tabelle tr{border:var(--rand-breite) solid var(--farbe-rand);border-radius:var(--radius);padding:var(--abstand-2);margin-block-end:var(--abstand-3)}.tabelle td{padding:var(--abstand-1) 0;border-bottom:none}.tabelle td[data-label]:before{content:attr(data-label) ": ";color:var(--farbe-text-schwach);font-weight:600}.tabelle-auswahl-spalte{padding-block-end:var(--abstand-2)}}.dialog{border-radius:var(--radius);padding:var(--abstand-4);width:min(90vw,32rem);color:var(--farbe-text);background:var(--farbe-hintergrund);border:none}.dialog::backdrop{background:#00000080}.dialog h2{font-size:var(--schrift-gross);margin-block-start:0}.dialog-aktionen{gap:var(--abstand-2);flex-direction:column;margin-block-start:var(--abstand-4);display:flex}@media (width>=480px){.dialog-aktionen{flex-direction:row;justify-content:flex-end}}