:root{--bg: #f4f6f8;--flaeche: #ffffff;--flaeche-2: #eef2f6;--text: #1c2733;--text-2: #4c5b6b;--rand: #d5dde5;--primaer: #1f5f8b;--primaer-hell: #e3eef6;--primaer-text: #ffffff;--akzent: #c98a16;--ok: #1e7a46;--ok-hell: #e3f4ea;--warn: #8a5a00;--warn-hell: #fdf1d8;--fehler: #b3261e;--fehler-hell: #fbe4e2;--fokus: #f2b84b;--schatten: 0 1px 2px rgba(20, 30, 45, .06), 0 4px 14px rgba(20, 30, 45, .06);--radius: 10px;--schrift: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #12171d;--flaeche: #1a2129;--flaeche-2: #222b35;--text: #e6ebf0;--text-2: #a9b6c3;--rand: #33404d;--primaer: #5aa3d6;--primaer-hell: #1d3447;--primaer-text: #0d1720;--akzent: #f2b84b;--ok: #5cc98a;--ok-hell: #17321f;--warn: #f2c26b;--warn-hell: #3a2e14;--fehler: #ff8a80;--fehler-hell: #3d1d1b;--schatten: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}}:root[data-theme=dark]{--bg: #12171d;--flaeche: #1a2129;--flaeche-2: #222b35;--text: #e6ebf0;--text-2: #a9b6c3;--rand: #33404d;--primaer: #5aa3d6;--primaer-hell: #1d3447;--primaer-text: #0d1720;--akzent: #f2b84b;--ok: #5cc98a;--ok-hell: #17321f;--warn: #f2c26b;--warn-hell: #3a2e14;--fehler: #ff8a80;--fehler-hell: #3d1d1b;--schatten: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--schrift);overflow-x:hidden}a{color:var(--primaer)}h1{font-size:1.6rem;margin:0 0 .25rem;line-height:1.25}h2{font-size:1.2rem;margin:1.25rem 0 .5rem;line-height:1.3}h3{font-size:1.05rem;margin:1rem 0 .4rem}p{margin:.4rem 0}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:0;background:var(--primaer);color:var(--primaer-text);padding:8px 12px;z-index:100}.skip:focus{left:8px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.seitenleiste{background:var(--flaeche);border-right:1px solid var(--rand);padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.marke{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;text-decoration:none;color:var(--text)}.marke-logo{width:36px;height:36px;border-radius:9px;background:var(--primaer);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.marke-text b{display:block;font-size:1.1rem}.marke-text span{font-size:.78rem;color:var(--text-2)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500}.nav a:hover{background:var(--flaeche-2)}.nav a.active{background:var(--primaer-hell);color:var(--primaer)}.nav .trenner{height:1px;background:var(--rand);margin:10px 4px}.nav-gruppe{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);padding:8px 12px 2px}.hauptbereich{min-width:0;display:flex;flex-direction:column}.kopfleiste{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--flaeche);border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:20;flex-wrap:wrap}.kopfleiste .platz{flex:1}.menue-knopf{display:none}.inhalt{padding:24px;max-width:1280px;width:100%;margin:0 auto}.fuss{padding:16px 24px;color:var(--text-2);font-size:.85rem;border-top:1px solid var(--rand);margin-top:auto}.fuss a{color:var(--text-2)}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.seitenleiste{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:50;transform:translate(-100%);transition:transform .2s;box-shadow:var(--schatten)}.seitenleiste.offen{transform:none}.menue-knopf{display:inline-flex}.inhalt{padding:16px}.kopfleiste{padding:8px 16px}.abdunkeln{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:18px;box-shadow:var(--schatten);min-width:0}.karte+.karte{margin-top:16px}.raster>.karte,.raster-2>.karte{margin-top:0}.raster{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.raster-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}.zeile{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.zeile.ende{justify-content:flex-end}.spalte{display:flex;flex-direction:column;gap:10px}.leise{color:var(--text-2)}.klein{font-size:.875rem}.gross{font-size:1.75rem;font-weight:700;line-height:1.2}.umbruch{overflow-wrap:anywhere}button,.knopf{font:inherit;font-weight:600;border-radius:8px;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:40px;line-height:1.2;max-width:100%;white-space:normal;text-align:left}button:hover:not(:disabled),.knopf:hover{background:var(--flaeche-2)}button.primaer,.knopf.primaer{background:var(--primaer);color:var(--primaer-text);border-color:var(--primaer)}button.primaer:hover:not(:disabled){filter:brightness(1.08);background:var(--primaer)}button.gefahr{color:var(--fehler);border-color:var(--fehler)}button.text{border:none;background:none;padding:6px 8px;min-height:32px;color:var(--primaer)}button:disabled{opacity:.55;cursor:not-allowed}label{font-weight:600;font-size:.92rem;display:block;margin-bottom:4px}.feld{display:flex;flex-direction:column;gap:4px;min-width:0}.feld .hilfe{font-size:.82rem;color:var(--text-2);font-weight:400}input,select,textarea{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;padding:8px 10px;width:100%;min-height:40px;max-width:100%}textarea{min-height:80px;resize:vertical}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--primaer)}.check{display:flex;gap:8px;align-items:flex-start;font-weight:500}.check input{margin-top:3px;flex:none}.formular{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.formular .breit{grid-column:1 / -1}.hinweis{border-radius:8px;padding:10px 14px;border:1px solid;margin:10px 0}.hinweis.info{background:var(--primaer-hell);border-color:var(--primaer)}.hinweis.ok{background:var(--ok-hell);border-color:var(--ok)}.hinweis.warn{background:var(--warn-hell);border-color:var(--warn)}.hinweis.fehler{background:var(--fehler-hell);border-color:var(--fehler)}.marke-chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--flaeche-2);color:var(--text-2);border:1px solid var(--rand);white-space:nowrap}.marke-chip.ok{background:var(--ok-hell);color:var(--ok);border-color:transparent}.marke-chip.warn{background:var(--warn-hell);color:var(--warn);border-color:transparent}.marke-chip.fehler{background:var(--fehler-hell);color:var(--fehler);border-color:transparent}.marke-chip.info{background:var(--primaer-hell);color:var(--primaer);border-color:transparent}.tabelle-rahmen{width:100%;overflow-x:auto;border:1px solid var(--rand);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rand);vertical-align:top}th{background:var(--flaeche-2);font-weight:600;white-space:nowrap}tr:last-child td{border-bottom:none}td.zahl,th.zahl{text-align:right;white-space:nowrap}.reiter{display:flex;gap:4px;border-bottom:1px solid var(--rand);margin-bottom:16px;flex-wrap:wrap}.reiter button{border:none;border-bottom:3px solid transparent;border-radius:0;background:none;padding:10px 12px;color:var(--text-2)}.reiter button[aria-selected=true]{color:var(--primaer);border-bottom-color:var(--primaer)}.schritte{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 18px;padding:0;list-style:none}.schritte li{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--flaeche-2);color:var(--text-2);font-size:.88rem;font-weight:600}.schritte li.aktiv{background:var(--primaer);color:var(--primaer-text)}.schritte li.fertig{background:var(--ok-hell);color:var(--ok)}.liste-wahl{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.wahl{text-align:left;border:1px solid var(--rand);border-radius:10px;padding:12px;background:var(--flaeche);cursor:pointer;display:block;width:100%;font-weight:400}.wahl:hover{border-color:var(--primaer)}.wahl[aria-pressed=true]{border-color:var(--primaer);background:var(--primaer-hell);box-shadow:inset 0 0 0 1px var(--primaer)}.wahl b{display:block;margin-bottom:4px}.fortschritt{height:8px;border-radius:999px;background:var(--flaeche-2);overflow:hidden}.fortschritt>span{display:block;height:100%;background:var(--primaer);transition:width .4s}.fortschritt.laufend>span{width:40%;animation:lauf 1.4s infinite ease-in-out}@keyframes lauf{0%{margin-left:-40%}to{margin-left:100%}}.dialog-hg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1480;display:grid;place-items:center;z-index:80;padding:16px}.dialog{background:var(--flaeche);border-radius:12px;max-width:640px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 10px 40px #0000004d;padding:22px}.dialog.breit{max-width:960px}.dialog h2{margin-top:0}.leer{text-align:center;padding:30px 10px;color:var(--text-2)}.meldung-karte{border:1px solid var(--rand);border-left:4px solid var(--fehler);border-radius:8px;padding:12px;margin:8px 0;background:var(--flaeche)}.meldung-karte.warnung{border-left-color:var(--warn)}.verlauf-tabelle textarea{min-height:64px;font-size:.9rem}.verlauf-tabelle input{font-size:.9rem}.verlauf-phase{border:1px solid var(--rand);border-radius:10px;padding:12px;margin-bottom:10px;background:var(--flaeche)}.speicherstatus{font-size:.85rem;color:var(--text-2)}.pdf-rahmen{width:100%;height:min(75vh,900px);border:1px solid var(--rand);border-radius:8px;background:#fff}.anmelde-seite{min-height:100vh;display:grid;place-items:center;padding:16px}.anmelde-karte{max-width:440px;width:100%}.baustein-html{line-height:1.55}.baustein-html h3,.baustein-html h4{margin:.8rem 0 .3rem}.stat b{display:block;font-size:1.5rem}pre.bericht{white-space:pre-wrap;font:.88rem/1.45 ui-monospace,Consolas,monospace;background:var(--flaeche-2);padding:12px;border-radius:8px;overflow-x:auto}
