:root{--bg:#f5f6f8;--bg-karte:#fff;--text:#1b1f24;--text-2:#5b6470;--rand:#dde2e8;--primaer:#1d4ed8;--primaer-hell:#e8efff;--fehler:#c62828;--fehler-hell:#fdecea;--warnung:#b45309;--warnung-hell:#fff4e0;--ok:#1b7f3b;--ok-hell:#e6f6ea;--hinweis:#475569;--hinweis-hell:#eef2f6;--radius:8px;--schatten:0 1px 2px #0000000f;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--primaer);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 1rem;font-size:1.4rem}h2{margin:1.2rem 0 .6rem;font-size:1.1rem}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--rand);color:var(--text);border-radius:var(--radius);background:#fff;padding:.4rem .8rem}button:hover:not(:disabled){border-color:var(--primaer);color:var(--primaer)}button:disabled{opacity:.5;cursor:default}button.primaer{background:var(--primaer);border-color:var(--primaer);color:#fff}button.primaer:hover:not(:disabled){color:#fff;background:#1a44c0}button.klein{padding:.15rem .5rem;font-size:.85rem}button.gefahr{color:var(--fehler)}input,select,textarea{border:1px solid var(--rand);background:#fff;border-radius:6px;width:100%;padding:.4rem .5rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--primaer-hell);border-color:var(--primaer)}input.schmal{width:5.5rem}input.eingabe-gelb{background:#fffbe6}label{color:var(--text-2);margin-bottom:.2rem;font-size:.85rem;display:block}.feld{margin-bottom:.8rem}.layout{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.kopf{border-bottom:1px solid var(--rand);z-index:10;background:#fff;align-items:center;gap:1rem;height:52px;padding:0 1rem;display:flex;position:sticky;top:0}.kopf .marke{color:var(--primaer);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.kopf .marke img{border-radius:6px;display:block}.anmeldung .logo{border-radius:14px;margin:0 auto .75rem;display:block}.kopf nav{flex:1;gap:.2rem;display:flex;overflow-x:auto}.kopf nav a{color:var(--text);white-space:nowrap;border-radius:6px;padding:.4rem .7rem}.kopf nav a.aktiv{background:var(--primaer-hell);color:var(--primaer)}.kopf .benutzer{color:var(--text-2);white-space:nowrap;font-size:.9rem}main{width:100%;max-width:1600px;margin:0 auto;padding:1rem}@media (width<=700px){main{padding:.75rem}.kopf{gap:.5rem}}.karte{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:1rem}.karte+.karte{margin-top:1rem}.zeile{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.zeile.rechts{justify-content:flex-end}.abstand{margin-top:1rem}.gedaempft{color:var(--text-2)}.klein-text{font-size:.85rem}.meldung{border-radius:var(--radius);margin:.6rem 0;padding:.6rem .8rem}.meldung.fehler{background:var(--fehler-hell);color:var(--fehler)}.meldung.ok{background:var(--ok-hell);color:var(--ok)}.meldung.hinweis{background:var(--hinweis-hell);color:var(--hinweis)}.meldung.warnung{background:var(--warnung-hell);color:var(--warnung)}.meldung.warnung a{color:inherit;font-weight:600}table.tabelle{border-collapse:collapse;background:#fff;width:100%;font-size:.92rem}.tabelle th,.tabelle td{border-bottom:1px solid var(--rand);text-align:left;vertical-align:top;padding:.4rem .5rem}.tabelle th{color:var(--text-2);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:.8rem;font-weight:600}.tabelle tr.klickbar{cursor:pointer}.tabelle tr.klickbar:hover{background:#f8fafc}.tabelle tr.ausgewaehlt{background:var(--primaer-hell)}.tabelle tr.fehler{box-shadow:inset 3px 0 0 var(--fehler)}.tabelle tr.warnung{box-shadow:inset 3px 0 0 var(--warnung)}.tabelle td.zahl,.tabelle th.zahl{text-align:right;font-variant-numeric:tabular-nums}.tabelle td.so{color:var(--fehler)}.tabelle-hülle{overflow-x:auto}.badge{white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.fehler{background:var(--fehler-hell);color:var(--fehler)}.badge.warnung{background:var(--warnung-hell);color:var(--warnung)}.badge.hinweis{background:var(--hinweis-hell);color:var(--hinweis)}.badge.ok{background:var(--ok-hell);color:var(--ok)}.badge.erledigt{opacity:.6;text-decoration:line-through}.review{grid-template-columns:minmax(320px,45%) 1fr;align-items:start;gap:1rem;display:grid}@media (width<=1000px){.review{grid-template-columns:1fr}}.bildrahmen{border-radius:var(--radius);background:#222;max-height:calc(100vh - 80px);position:sticky;top:64px;overflow:auto}@media (width<=1000px){.bildrahmen{max-height:60vh;position:static}}.bildrahmen .leinwand{transform-origin:0 0;position:relative}.bildrahmen img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.bildrahmen .marker{pointer-events:none;background:#ff3b3026;border:2px solid #ff3b30;border-radius:3px;transition:all .15s;position:absolute}.bild-werkzeuge{color:#fff;z-index:2;background:#333;align-items:center;gap:.4rem;padding:.4rem;display:flex;position:sticky;top:0}.bild-werkzeuge button{color:#fff;background:#444;border-color:#555;padding:.2rem .5rem}.ablage{border:2px dashed var(--rand);border-radius:var(--radius);text-align:center;color:var(--text-2);background:#fff;padding:2rem}.ablage.aktiv{border-color:var(--primaer);background:var(--primaer-hell)}.flags{flex-direction:column;gap:.3rem;display:flex}.flag{border-radius:6px;align-items:flex-start;gap:.5rem;padding:.4rem .6rem;font-size:.9rem;display:flex}.flag.fehler{background:var(--fehler-hell)}.flag.warnung{background:var(--warnung-hell)}.flag.hinweis{background:var(--hinweis-hell)}.flag.erledigt{opacity:.55}.flag .text{flex:1}.kacheln{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;display:grid}.kachel{border:1px solid var(--rand);border-radius:var(--radius);background:#fff;padding:.6rem .8rem}.kachel .wert{font-size:1.2rem;font-weight:600}.kachel .titel{color:var(--text-2);font-size:.8rem}.formular{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem 1rem;display:grid}.anmeldung{max-width:380px;margin:10vh auto}.dialog-hintergrund{z-index:50;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{border-radius:var(--radius);background:#fff;width:100%;max-width:640px;max-height:90vh;padding:1.2rem;overflow:auto}.feedback-knopf{background:var(--primaer);color:#fff;border-color:var(--primaer);z-index:20;border-radius:999px;padding:.5rem 1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 2px 8px #00000040}.feedback-knopf:hover{color:#fff;background:#1a44c0}main:has(.review.verstellbar){max-width:none}.review.verstellbar{grid-template-columns:55% 16px minmax(0,1fr);gap:.5rem}.trenner{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;align-self:stretch;min-height:200px;position:relative}.trenner:before{content:"";background:var(--rand);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:6px}.trenner:hover:before,.trenner:active:before{background:var(--primaer)}@media (width<=1000px){.review.verstellbar{grid-template-columns:1fr!important}.trenner{display:none}}.tabelle.kompakt{width:auto;font-size:.85rem}.tabelle.kompakt th,.tabelle.kompakt td{white-space:nowrap;padding:.25rem .35rem}.tabelle.kompakt td.ort{text-overflow:ellipsis;max-width:13rem;overflow:hidden}.tabelle.kompakt td.punkte{white-space:normal;max-width:14rem}.tabelle.kompakt input.schmal{width:4.5rem;padding:.2rem .35rem}.tabelle.kompakt select{padding:.2rem .35rem}.tabelle.kompakt button.klein{padding:.1rem .4rem;font-size:.8rem}.tabellenquelle{max-height:calc(100vh - 80px);position:sticky;top:64px;overflow:auto}@media (width<=1000px){.tabellenquelle{max-height:60vh;position:static}}.meldung.abweichung{border:2px solid var(--fehler);padding:.8rem 1rem;font-size:1rem}
