:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hintergrund:#f6f7f9;--flaeche:#fff;--flaeche-2:#fbfbfc;--text:#1b1f24;--text-leise:#4a535e;--linie:#d5dae0;--linie-stark:#7d8792;--primaer:#1f5f99;--primaer-hover:#184c7a;--primaer-text:#fff;--fokus:#b77f00;--erfolg:#1e6b3a;--erfolg-hell:#e7f4ec;--erfolg-text:#123f22;--warnung:#7a4b00;--warnung-hell:#fff4dc;--warnung-text:#4a2e00;--fehler:#a32020;--fehler-hover:#821a1a;--fehler-hell:#fbeaea;--fehler-text:#5c1010;--info-hell:#e8f1f9;--info-text:#0f2f4d;--schleier:#141a2173;--banner-grund:#7a4b00;--banner-text:#fff;--banner-rand:#4a2e00;--logo-grund:transparent;--logo-polster:0px;--heat-0:#f3f5f8;--heat-1:#e3edf6;--heat-2:#bcd3e8;--heat-3:#8fb4d6;--heat-4:#3f74a8;--heat-5:#1f5f99;--heat-zahl:#1b1f24;--heat-zahl-stark:#fff;--balken-teil:#8fb4d6;--radius:8px;--abstand:16px;--touch:48px;--touch-terminal:64px;color:var(--text);background:var(--hintergrund);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hintergrund:#0e1217;--flaeche:#161b22;--flaeche-2:#1c222b;--text:#e7ebf0;--text-leise:#a9b3be;--linie:#2e3640;--linie-stark:#75818e;--primaer:#7ab4e8;--primaer-hover:#a0caf0;--primaer-text:#0a1520;--fokus:#ffc94d;--erfolg:#62cf92;--erfolg-hell:#10271a;--erfolg-text:#c6edd5;--warnung:#efb45a;--warnung-hell:#2c2211;--warnung-text:#f7e0b5;--fehler:#ff8f86;--fehler-hover:#ffb0a9;--fehler-hell:#331718;--fehler-text:#ffd3ce;--info-hell:#15263a;--info-text:#d2e5f7;--schleier:#0000009e;--banner-grund:#efb45a;--banner-text:#1f1400;--banner-rand:#a2701f;--logo-grund:#fff;--logo-polster:6px;--heat-0:#1c222b;--heat-1:#173149;--heat-2:#1f4a72;--heat-3:#2a6399;--heat-4:#5f9fdb;--heat-5:#a5cff4;--heat-zahl:#e7ebf0;--heat-zahl-stark:#0a1520;--balken-teil:#3c6b97}}@media screen{:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hintergrund:#0e1217;--flaeche:#161b22;--flaeche-2:#1c222b;--text:#e7ebf0;--text-leise:#a9b3be;--linie:#2e3640;--linie-stark:#75818e;--primaer:#7ab4e8;--primaer-hover:#a0caf0;--primaer-text:#0a1520;--fokus:#ffc94d;--erfolg:#62cf92;--erfolg-hell:#10271a;--erfolg-text:#c6edd5;--warnung:#efb45a;--warnung-hell:#2c2211;--warnung-text:#f7e0b5;--fehler:#ff8f86;--fehler-hover:#ffb0a9;--fehler-hell:#331718;--fehler-text:#ffd3ce;--info-hell:#15263a;--info-text:#d2e5f7;--schleier:#0000009e;--banner-grund:#efb45a;--banner-text:#1f1400;--banner-rand:#a2701f;--logo-grund:#fff;--logo-polster:6px;--heat-0:#1c222b;--heat-1:#173149;--heat-2:#1f4a72;--heat-3:#2a6399;--heat-4:#5f9fdb;--heat-5:#a5cff4;--heat-zahl:#e7ebf0;--heat-zahl-stark:#0a1520;--balken-teil:#3c6b97}}[data-kundenfarbe]{--primaer:var(--kunde-hell);--primaer-hover:var(--kunde-hell-hover)}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-kundenfarbe]{--primaer:var(--kunde-dunkel);--primaer-hover:var(--kunde-dunkel-hover)}}@media screen{:root[data-theme=dark] [data-kundenfarbe]{--primaer:var(--kunde-dunkel);--primaer-hover:var(--kunde-dunkel-hover)}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--hintergrund);color:var(--text)}dialog{background:var(--flaeche);color:var(--text)}dialog::backdrop{background:var(--schleier,#141a2173)}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{margin:0 0 .5em;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 1em}a{color:var(--primaer)}a:hover{color:var(--primaer-hover)}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}::selection{background:var(--info-hell);color:var(--text)}.versteckt{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.seite{width:100%;max-width:1200px;padding:var(--abstand);flex:1;margin:0 auto}.seite-schmal{max-width:480px}.seite-mittel{max-width:760px}.zentriert{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.stapel>*+*{margin-top:var(--abstand)}.reihe{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reihe-ende{justify-content:flex-end}.raster{gap:var(--abstand);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.kopf{padding:12px var(--abstand);background:var(--flaeche);border-bottom:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kopf-titel{font-size:1.125rem;font-weight:600}.navi{flex-wrap:wrap;gap:4px;display:flex}.navi a{min-height:var(--touch);border-radius:var(--radius);color:var(--text);align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.navi a:hover{background:var(--info-hell)}.navi a[aria-current=page]{background:var(--info-hell);color:var(--primaer);font-weight:600}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:20px}.leise{color:var(--text-leise)}.klein{font-size:.875rem}.formular{flex-direction:column;gap:16px;display:flex}.feld{flex-direction:column;gap:6px;display:flex}.feld label,.feld .label{font-weight:600}.feld .hinweis{color:var(--text-leise);font-size:.875rem}.feld .feldfehler{color:var(--fehler);font-size:.875rem;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=search],select,textarea{font:inherit;color:var(--text);background:var(--flaeche);min-height:var(--touch);border:1px solid var(--linie-stark);border-radius:var(--radius);width:100%;padding:10px 12px}textarea{resize:vertical;min-height:96px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--fehler);border-width:2px}input:disabled,select:disabled,textarea:disabled{background:var(--hintergrund);color:var(--text-leise)}.checkbox{min-height:var(--touch);align-items:flex-start;gap:10px;padding-top:12px;display:flex}.checkbox input{flex:none;width:24px;height:24px;margin:0}.bereich-wahl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;display:grid}.bereich-stufe{flex-direction:column;gap:4px;min-width:0;display:flex}.bereich-stufe-text{color:var(--text-leise);font-size:.875rem}.code-eingabe{letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem}.knopf{min-height:var(--touch);font:inherit;border-radius:var(--radius);border:2px solid var(--primaer);background:var(--primaer);color:var(--primaer-text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.knopf:hover{background:var(--primaer-hover);border-color:var(--primaer-hover);color:var(--primaer-text)}.knopf:disabled{opacity:.6;cursor:not-allowed}.knopf-zweit{background:var(--flaeche);color:var(--primaer)}.knopf-zweit:hover{background:var(--info-hell);color:var(--primaer-hover)}.knopf-gefahr{background:var(--fehler);border-color:var(--fehler)}.knopf-gefahr:hover{background:var(--fehler-hover);border-color:var(--fehler-hover)}.knopf-link{color:var(--primaer);background:0 0;border:none;padding:0 4px;font-weight:400;text-decoration:underline}.knopf-link:hover{color:var(--primaer-hover);background:0 0}.knopf-breit{width:100%}.terminal{font-size:1.25rem}.terminal .knopf,.terminal input,.terminal select{min-height:var(--touch-terminal)}.knopf-riesig{width:100%;min-height:120px;font-size:1.75rem}.meldung{border-radius:var(--radius);border-left:6px solid;padding:12px 16px}.meldung-fehler{background:var(--fehler-hell);border-color:var(--fehler);color:var(--fehler-text)}.meldung-erfolg{background:var(--erfolg-hell);border-color:var(--erfolg);color:var(--erfolg-text)}.meldung-warnung{background:var(--warnung-hell);border-color:var(--warnung);color:var(--warnung-text)}.meldung-info{background:var(--info-hell);border-color:var(--primaer);color:var(--info-text)}.meldung a{color:inherit}.status{white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 10px;font-size:.875rem;font-weight:600;display:inline-block}.status-offen{background:var(--info-hell);color:var(--info-text);border-color:var(--primaer)}.status-ok{background:var(--erfolg-hell);color:var(--erfolg-text);border-color:var(--erfolg)}.status-warnung{background:var(--warnung-hell);color:var(--warnung-text);border-color:var(--warnung)}.status-fehler{background:var(--fehler-hell);color:var(--fehler-text);border-color:var(--fehler)}.tabelle-huelle{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);overflow-x:auto}table.tabelle{border-collapse:collapse;width:100%}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:10px 12px}.tabelle th{color:var(--text-leise);background:var(--flaeche-2);font-size:.875rem;position:sticky;top:0}.tabelle tr:last-child td{border-bottom:none}.tabelle tr.hervorgehoben td{background:var(--warnung-hell)}.seitennavi{justify-content:flex-end;align-items:center;gap:8px;padding:8px 0;display:flex}.qr{border:1px solid var(--linie);border-radius:var(--radius);background:#fff;width:236px;height:236px;padding:8px}.qr svg{width:100%;height:100%;display:block}.geheimnis{letter-spacing:.05em;word-break:break-all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.125rem}.darstellung{border:1px solid var(--linie-stark);background:var(--hintergrund);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.darstellung-knopf{min-height:36px;font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.875rem;display:inline-flex}.darstellung-knopf:hover{color:var(--text);background:var(--info-hell)}.darstellung-knopf[aria-pressed=true]{background:var(--primaer);color:var(--primaer-text);font-weight:600}.darstellung-symbol{border:1.5px solid;border-radius:50%;flex:none;width:12px;height:12px}.darstellung-symbol-auto{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.darstellung-symbol-dunkel{background:currentColor}@media (width<=600px){:root{--abstand:12px}h1{font-size:1.5rem}.karte{padding:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.kopf,.navi,.knopf,.darstellung{display:none!important}body,.karte{background:#fff;border:none}}
