:root{--grund:#f4f5f7;--flaeche:#fff;--text:#1c2430;--text-leise:#5c6776;--linie:#dfe3e8;--akzent:#1f4e79;--akzent-hell:#e7eef6;--gruen:#2f9e62;--gelb:#d99a0b;--rot:#d23c3c;--warn-grund:#fff6e0;--warn-text:#7a5300;--fehler-grund:#fdecec;--fehler-text:#8f1d1d;--radius:8px;--schatten:0 1px 2px #1018280f, 0 1px 3px #10182814;color:var(--text);font-variant-numeric:tabular-nums;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:var(--grund);margin:0}a{color:var(--akzent)}h1{align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;display:flex}h2{margin:0 0 12px;font-size:1.05rem}.leise{color:var(--text-leise)}.klein{font-size:.85rem}.negativ{color:var(--rot)}.nur-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rahmen{min-height:100vh}.kopf{color:#fff;background:#1f2a37;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex}.kopf a{color:#fff;text-decoration:none}.marke{align-items:center;gap:8px;font-weight:700;display:flex}.marke-zeichen{color:var(--gelb)}.hauptnav{gap:4px;display:flex}.hauptnav a{opacity:.8;border-radius:6px;padding:6px 12px}.hauptnav a.active{opacity:1;background:#ffffff1f}.kopf-rechts{align-items:center;gap:12px;min-width:0;margin-left:auto;font-size:.9rem;display:flex}.kopf-rechts select{max-width:240px}.rolle{background:#ffffff24;border-radius:99px;padding:2px 8px;font-size:.8rem}.nutzer{opacity:.75;text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.kopf .knopf-leise{color:#fff;border-color:#ffffff4d}.inhalt{max-width:1280px;margin:0 auto;padding:24px}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.seitenkopf p{margin:0}.brotkrumen{color:var(--text-leise);margin-bottom:8px;font-size:.85rem}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:16px;padding:20px}.leer{text-align:center;color:var(--text-leise)}.spalten{grid-template-columns:3fr 2fr;gap:16px;display:grid}.spalten .karte{margin-bottom:16px}.kennzahlen{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kennzahl{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.kennzahl-titel{color:var(--text-leise);font-size:.8rem}.kennzahl-wert{font-size:1.35rem;font-weight:650}.kennzahl-fuss{color:var(--text-leise);font-size:.8rem}.ampelzaehler{gap:16px;display:flex}.tabelle-rahmen{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);overflow-x:auto}.karte .tabelle-rahmen{border:0}.tabelle{border-collapse:collapse;width:100%}.tabelle th,.tabelle td{border-bottom:1px solid var(--linie);text-align:left;vertical-align:top;padding:10px 12px}.tabelle th{color:var(--text-leise);white-space:nowrap;font-size:.8rem;font-weight:600}.tabelle tbody tr:last-child td{border-bottom:0}.tabelle .zahl{text-align:right;white-space:nowrap}.summenzeile td{border-top:2px solid var(--text);font-weight:650}.gedimmt td{color:var(--text-leise)}.baustellen-link{font-weight:600;text-decoration:none}.baustellen-link:hover{text-decoration:underline}.nummer{color:var(--text-leise);font-weight:500}.fussnote{margin-top:12px}.ampel{align-items:center;gap:6px;display:inline-flex}.ampel-punkt{border-radius:50%;flex:none;width:14px;height:14px}h1 .ampel-punkt{width:18px;height:18px}.ampel-gruen .ampel-punkt{background:var(--gruen)}.ampel-gelb .ampel-punkt{background:var(--gelb)}.ampel-rot .ampel-punkt{background:var(--rot)}.marke-status{background:var(--akzent-hell);color:var(--akzent);white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:.78rem}.status-anerkannt{color:#1c6b41;background:#e3f4ea}.status-abgelehnt{background:var(--fehler-grund);color:var(--fehler-text)}.warnung{color:var(--warn-text);margin-top:2px}.warnbox,.hinweis,.fehlerbox{border-radius:var(--radius);margin:0 0 12px;padding:10px 14px}.warnbox{background:var(--warn-grund);color:var(--warn-text)}.hinweis{color:#1c6b41;background:#e3f4ea}.fehlerbox{background:var(--fehler-grund);color:var(--fehler-text)}.laden{text-align:center;color:var(--text-leise);padding:48px}label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}input,select{font:inherit;border:1px solid var(--linie);color:var(--text);background:#fff;border-radius:6px;padding:9px 11px;font-weight:400}input:focus,select:focus,button:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}.knopf{background:var(--akzent);color:#fff;border:0;border-radius:6px;padding:10px 16px;font-weight:600}.knopf-zweit{color:var(--akzent);border:1px solid var(--akzent);background:#fff;border-radius:6px;width:100%;padding:10px 16px;font-weight:600}.knopf-leise{border:1px solid var(--linie);background:0 0;border-radius:6px;padding:5px 10px}.stapel{flex-direction:column;gap:12px;display:flex}.segment,.reiter{border:1px solid var(--linie);background:#fff;border-radius:6px;display:inline-flex;overflow:hidden}.segment button,.reiter button{background:0 0;border:0;padding:7px 12px;font-size:.88rem}.segment button+button,.reiter button+button{border-left:1px solid var(--linie)}.segment button.aktiv,.reiter button.aktiv{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.anmelde-seite{place-items:center;min-height:100vh;padding:16px;display:grid}.anmelde-karte{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.anmelde-karte p{margin:0}.reiter{width:100%}.reiter button{flex:1}.trenner{text-align:center;color:var(--text-leise);font-size:.85rem}@media (width<=960px){.kennzahlen{grid-template-columns:repeat(2,1fr)}.spalten{grid-template-columns:1fr}.nutzer{display:none}}@media (width<=640px){.inhalt{padding:16px}.kopf{gap:12px;padding:0 16px}.hauptnav,.rolle,.betriebsname{display:none}.kennzahlen{grid-template-columns:1fr}}