:root{--schrift-familie:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--schrift-1:0.8rem;--schrift-2:0.95rem;--schrift-3:1.25rem;--schrift-4:2rem;--zeilenhoehe:1.55;--farbe-text:#1c1f23;--farbe-gedaempft:#5c6570;--farbe-flaeche:#ffffff;--farbe-flaeche-wechsel:#fafbfc;--farbe-hintergrund:#f6f7f9;--farbe-rand:#dfe3e8;--farbe-akzent:#1f6feb;--farbe-akzent-text:#ffffff;--farbe-kopfzeile:#2b333d;--farbe-kopfzeile-text:#ffffff;--ton-neutral-grund:#eceef1;--ton-neutral-text:#3a424c;--ton-offen-grund:#e3edfb;--ton-offen-text:#14448f;--ton-gut-grund:#e2f2e6;--ton-gut-text:#1c6b33;--ton-warnend-grund:#fdf1dc;--ton-warnend-text:#7d5106;--ton-gesperrt-grund:#f7e3e3;--ton-gesperrt-text:#8c2b2b;--abstand-1:0.25rem;--abstand-2:0.5rem;--abstand-3:0.75rem;--abstand-4:1.25rem;--abstand-5:2rem;--rundung-klein:6px;--rundung-gross:10px;--rand-staerke:1px;--schatten-flach:0 1px 2px rgba(20,24,28,0.06);--schatten-hoch:-8px 0 24px rgba(20,24,28,0.12);--breite-schmal:26rem;--breite-mittel:64rem;--breite-breit:90rem;--breite-detailbereich:min(52.5rem,45vw);--breite-kachel:9rem;--breite-zahlenfeld:4rem;--hoehe-kommentarfeld:10rem;--lage-spalte:10;--lage-kopfzeile:20;--lage-ecke:30;--lage-detailbereich:40;--textzeilen:3;--stern-zeichen:"★";--dauer-einfahren:180ms}*{box-sizing:border-box}body{margin:0;font-family:var(--schrift-familie);font-size:var(--schrift-2);color:var(--farbe-text);background:var(--farbe-hintergrund);line-height:var(--zeilenhoehe)}h1{font-size:var(--schrift-4)}h2{font-size:var(--schrift-3)}h3{font-size:var(--schrift-2)}a{color:var(--farbe-akzent)}dt{color:var(--farbe-gedaempft);font-size:var(--schrift-1)}dd{-webkit-margin-start:0;margin-inline-start:0}.seite{width:100%;margin:0 auto;padding:var(--abstand-5) var(--abstand-4)}.seite-schmal{max-width:var(--breite-schmal)}.seite-mittel{max-width:var(--breite-mittel)}.seite-breit{max-width:var(--breite-breit)}.kopfzeile{align-items:baseline;justify-content:space-between;gap:var(--abstand-3);margin-bottom:var(--abstand-4);padding-bottom:var(--abstand-2);border-bottom:var(--rand-staerke) solid var(--farbe-rand)}.kopfzeile,.kopfzeile nav{display:flex;flex-wrap:wrap}.kopfzeile nav{gap:var(--abstand-2)}.karte{background:var(--farbe-flaeche);border:var(--rand-staerke) solid var(--farbe-rand);border-radius:var(--rundung-gross);padding:var(--abstand-4);box-shadow:var(--schatten-flach)}.hinweis{color:var(--farbe-gedaempft);font-size:var(--schrift-1)}.banner{padding:var(--abstand-2) var(--abstand-3)}.banner,input,select,textarea{border:var(--rand-staerke) solid var(--farbe-rand);border-radius:var(--rundung-klein);background:var(--farbe-flaeche)}input,select,textarea{padding:var(--abstand-2);color:var(--farbe-text);font:inherit;max-width:100%}input[type=checkbox]{padding:0}button{padding:var(--abstand-2) var(--abstand-4);border:0;border-radius:var(--rundung-klein);background:var(--farbe-akzent);color:var(--farbe-akzent-text);font:inherit;cursor:pointer}.knopf-leise{background:var(--farbe-flaeche);color:var(--farbe-text);border:var(--rand-staerke) solid var(--farbe-rand)}.formular-inline{display:inline}.feld-zahl{width:var(--breite-zahlenfeld)}.tabellenrahmen{border-radius:var(--rundung-gross);border:var(--rand-staerke) solid var(--farbe-rand)}table{width:100%;border-collapse:collapse;background:var(--farbe-flaeche)}thead th{position:-webkit-sticky;position:sticky;top:0;z-index:var(--lage-kopfzeile);background:var(--farbe-kopfzeile);text-align:left;font-size:var(--schrift-1);padding:var(--abstand-2) var(--abstand-3);box-shadow:0 var(--rand-staerke) 0 0 var(--farbe-rand)}thead th,thead th a{color:var(--farbe-kopfzeile-text)}thead th:first-child{z-index:var(--lage-ecke);left:0;box-shadow:0 var(--rand-staerke) 0 0 var(--farbe-rand),var(--rand-staerke) 0 0 0 var(--farbe-rand)}tbody td{padding:var(--abstand-2) var(--abstand-3);border-top:var(--rand-staerke) solid var(--farbe-rand);vertical-align:top}tbody tr:nth-child(2n){background:var(--farbe-flaeche-wechsel)}tbody td:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:var(--lage-spalte);background:var(--farbe-flaeche);box-shadow:var(--rand-staerke) 0 0 0 var(--farbe-rand)}tbody tr:nth-child(2n) td:first-child{background:var(--farbe-flaeche-wechsel)}.zelle-langtext{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--textzeilen);overflow:hidden}.zelle-schmal{white-space:nowrap}.zelle-zahl{text-align:right}.werkzeugleiste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2);margin-bottom:var(--abstand-3)}.blaettern{display:flex;gap:var(--abstand-3);align-items:baseline;margin-top:var(--abstand-3)}.marke{display:inline-block;padding:var(--abstand-1) var(--abstand-2);border-radius:var(--rundung-klein);font-size:var(--schrift-1);white-space:nowrap;background:var(--ton-neutral-grund);color:var(--ton-neutral-text)}select.marke{border:0;cursor:pointer}.marke-neutral{background:var(--ton-neutral-grund);color:var(--ton-neutral-text)}.marke-offen{background:var(--ton-offen-grund);color:var(--ton-offen-text)}.marke-gut{background:var(--ton-gut-grund);color:var(--ton-gut-text)}.marke-warnend{background:var(--ton-warnend-grund);color:var(--ton-warnend-text)}.marke-gesperrt{background:var(--ton-gesperrt-grund);color:var(--ton-gesperrt-text)}.sterne{display:inline-flex;gap:var(--abstand-1);white-space:nowrap}.stern{color:var(--farbe-rand)}.stern:before{content:var(--stern-zeichen)}.stern-voll{color:var(--farbe-akzent)}.detailbereich{position:fixed;top:0;right:0;bottom:0;width:var(--breite-detailbereich);max-width:100%;overflow-y:auto;padding:var(--abstand-4);background:var(--farbe-flaeche);border-left:var(--rand-staerke) solid var(--farbe-rand);box-shadow:var(--schatten-hoch);z-index:var(--lage-detailbereich);animation:einfahren var(--dauer-einfahren) ease-out}@keyframes einfahren{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:48rem){.detailbereich{width:100%}}.feldraster{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--abstand-3) var(--abstand-4);gap:var(--abstand-3) var(--abstand-4)}.feld-eintrag-breit{grid-column:1/-1}.antwortfeld-text{width:100%;height:var(--hoehe-kommentarfeld)}.kacheln{display:flex;flex-wrap:wrap;gap:var(--abstand-3)}.kachel{display:flex;flex-direction:column;gap:var(--abstand-1);min-width:var(--breite-kachel);padding:var(--abstand-4);background:var(--farbe-flaeche);border:var(--rand-staerke) solid var(--farbe-rand);border-radius:var(--rundung-gross);box-shadow:var(--schatten-flach);color:var(--farbe-text);text-decoration:none}.kachel-zahl{font-size:var(--schrift-4);font-weight:600;line-height:1}.kachel-titel{font-size:var(--schrift-2);color:var(--farbe-gedaempft)}