/* Stil des Dienstes. Keine fremden Quellen (Inhaltssicherheitsrichtlinie). */
:root{--bg:#f7f7f5;--flaeche:#fff;--text:#1d1d1b;--leise:#5b5b57;--linie:#dcdcd6;--akzent:#1f5f8b;
--gut:#1e7a3c;--handlung:#9a6a00;--dringend:#b3261e;--klaeren:#5b5b57;--hinweis:#fff4d6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#151515;--flaeche:#1f1f1e;--text:#ececea;
--leise:#a8a8a2;--linie:#3a3a37;--akzent:#7fb6dc;--gut:#6cc58a;--handlung:#e0b44a;--dringend:#ef8a82;--klaeren:#a8a8a2;--hinweis:#3a3120}}
:root[data-theme="dark"]{--bg:#151515;--flaeche:#1f1f1e;--text:#ececea;--leise:#a8a8a2;--linie:#3a3a37;--akzent:#7fb6dc;
--gut:#6cc58a;--handlung:#e0b44a;--dringend:#ef8a82;--klaeren:#a8a8a2;--hinweis:#3a3120}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:20px 16px 64px}
h1{font-size:1.5rem;margin:0 0 6px}h2{font-size:1.2rem;margin:28px 0 6px}
.leise{color:var(--leise)}.klein{font-size:.88rem}
.band{background:var(--hinweis);border:1px solid var(--linie);border-radius:8px;padding:8px 12px;font-size:.85rem;margin-bottom:16px}
.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:14px 16px;margin:14px 0}
fieldset{border:0;padding:0;margin:0}legend{font-weight:600;margin-bottom:8px}
label.option{display:block;padding:8px 10px;border:1px solid var(--linie);border-radius:8px;margin:6px 0;cursor:pointer}
label.option:has(input:checked){border-color:var(--akzent);outline:2px solid var(--akzent)}
input[type=number]{font:inherit;padding:6px 8px;width:8rem}
details{margin:6px 0}summary{cursor:pointer;color:var(--akzent)}
button{font:inherit;padding:10px 18px;border-radius:8px;border:1px solid var(--akzent);background:var(--akzent);color:#fff;cursor:pointer}
button.zweit,.knopf.zweit{background:transparent;color:var(--akzent)}
.knopf{display:inline-block;padding:10px 18px;border-radius:8px;border:1px solid var(--akzent);text-decoration:none}
.knoepfe{display:flex;gap:10px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
progress{width:100%;height:8px;margin:6px 0 18px;accent-color:var(--akzent)}
.ampel{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;font-weight:600;color:#fff}
.gut{background:var(--gut)}.handlungsbedarf{background:var(--handlung)}.dringend{background:var(--dringend)}.zu_klaeren{background:var(--klaeren)}
table{border-collapse:collapse;width:100%}td{padding:8px 6px;border-top:1px solid var(--linie);vertical-align:top}
.fehler{color:var(--dringend);font-weight:600}
button.zweit,.knopf.zweit{background:transparent;color:var(--akzent)}
.knopf{display:inline-block;padding:10px 18px;border-radius:8px;border:1px solid var(--akzent);text-decoration:none}
input[type=password],input[type=text],input[type=file]{font:inherit;padding:6px 8px;width:100%;max-width:28rem}
.schluessel{font-family:ui-monospace,monospace;font-size:1.1rem;letter-spacing:.05em;padding:10px;border:1px dashed var(--akzent);border-radius:8px;display:inline-block}
header.kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}