:root{--navy:#0B1B2B;--navy2:#13283d;--grau:#5b6b7b;--linie:#e3e8ee;--hg:#f5f7fa;--weiss:#fff;--gruen:#1f9d6a;--gruen-hg:#e6f6ef;--gelb:#b7791f;--gelb-hg:#fdf3e1;--rot:#c53030;--rot-hg:#fdeaea;--blau:#2563eb;--blau-hg:#e8effd}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--hg);color:var(--navy);font-size:14px}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--navy);color:#cfd8e3;padding:20px 14px;display:flex;flex-direction:column;gap:4px}.logo{color:#fff;font-weight:700;font-size:18px;margin:0 8px 22px}.logo span{color:#4fd1a1}.nav a{padding:9px 10px;border-radius:8px}.nav a:hover{background:var(--navy2);color:#fff}.nav .sub{margin-top:auto;font-size:12px;color:#8496a8;padding:0 8px}main{padding:28px 32px;max-width:1280px}h1{font-size:22px;margin:0 0 4px}h2{font-size:15px;margin:0 0 12px}.lead{color:var(--grau);margin:0 0 22px}.kacheln{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.kachel{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;padding:16px}.kachel .zahl{font-size:28px;font-weight:700}.kachel .txt{color:var(--grau);font-size:13px}.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;padding:18px;margin-bottom:18px}.raster{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--grau);font-weight:600;padding:8px}td,th{border-bottom:1px solid var(--linie)}td{padding:9px 8px;vertical-align:top}tr:last-child td{border-bottom:0}tr.klick:hover td{background:#f9fbfd}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.b-system{background:var(--blau-hg);color:var(--blau)}.b-wartet{background:#eef1f4;color:var(--grau)}.b-eee,.b-mitarbeiter{background:var(--gelb-hg);color:var(--gelb)}.b-klaerfall{background:var(--rot-hg);color:var(--rot)}.b-ende{background:var(--gruen-hg);color:var(--gruen)}.phasen{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.phase{background:var(--hg);border-radius:10px;padding:12px}.phase h3{font-size:13px;margin:0 0 8px}.zeile{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:13px}.felder{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px 24px;gap:4px 24px}.feld{padding:6px 0;border-bottom:1px dashed var(--linie)}.feld b{display:block;font-size:11px;font-weight:600}.feld b,.leer{color:var(--grau)}.leer{font-style:italic}input[type=search],select{padding:8px 10px;border:1px solid var(--linie);border-radius:8px;font:inherit;background:#fff}button{padding:8px 14px;border:0;border-radius:8px;background:var(--navy);color:#fff;font:inherit;cursor:pointer}.kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.mini{font-size:12px;color:var(--grau)}@media (max-width:900px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap}.nav .sub{display:none}.felder,.kacheln,.phasen,.raster{grid-template-columns:1fr}main{padding:18px 16px}}.eingabe,textarea{padding:10px 12px;border:1px solid var(--linie);border-radius:8px;font:inherit;width:100%;background:#fff}label{display:block;font-size:12px;font-weight:600;color:var(--grau);margin:10px 0 4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{display:flex;gap:6px;align-items:center;margin:0;padding:8px 12px;border:1px solid var(--linie);border-radius:999px;color:var(--navy);font-weight:500;font-size:14px;cursor:pointer}.zwei{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}@media (max-width:600px){.zwei{grid-template-columns:1fr}}.pruef{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.dok-spalte{position:-webkit-sticky;position:sticky;top:16px}.dok-reiter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.dok-reiter a{padding:5px 10px;border:1px solid var(--linie);border-radius:999px;font-size:12px;background:#fff}.dok-reiter a.aktiv{background:var(--navy);color:#fff;border-color:var(--navy)}.dok-rahmen{width:100%;height:calc(100vh - 150px);min-height:480px;border:1px solid var(--linie);border-radius:12px;background:#fff}.dok-rahmen.bild{overflow:auto;padding:8px}.dok-rahmen.bild img{max-width:100%}.leer-dok{display:grid;place-content:center;text-align:center;grid-gap:6px;gap:6px;color:var(--grau)}.pfelder{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}.pfeld.breit{grid-column:1/-1}.pfeld label{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.herkunft{font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px}.herkunft.ok{background:var(--gruen-hg);color:var(--gruen)}.herkunft.offen{background:var(--gelb-hg);color:var(--gelb)}.eingabe.pruefen{background:var(--gelb-hg);border-color:var(--gelb)}.mtab td{padding:4px}.mtab .eingabe{padding:7px 8px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;color:var(--navy);margin:8px 0}.check input{margin-top:3px;width:16px;height:16px}.aktionen{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;position:-webkit-sticky;position:sticky;bottom:0;background:var(--hg);padding:10px 0}button.zweit{background:#fff;color:var(--navy);border:1px solid var(--linie)}button.warn{background:var(--gelb)}button.gefahr{background:var(--rot)}button.gruen{background:var(--gruen)}button:disabled{opacity:.45;cursor:not-allowed}.meldung{padding:10px 14px;border-radius:10px;margin-bottom:14px;font-weight:600}.meldung.ok{background:var(--gruen-hg);color:var(--gruen)}.meldung.fehler{background:var(--rot-hg);color:var(--rot)}.knopf{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--gruen);color:#fff;font-weight:600}@media (max-width:1000px){.pruef{grid-template-columns:1fr}.dok-spalte{position:static}.dok-rahmen{height:60vh}.pfelder{grid-template-columns:1fr}}