:root{--orange:#ff6d1d;--orange-dark:#d9540d;--orange-soft:#ffe4cc;--amber:#d98b00;--amber-soft:#ffe599;--violet:#7543ff;--violet-soft:#e7deff;--mint:#addbc3;--mint-soft:#d6f2e4;--mint-dark:#1a5542;--rot:#c0392b;--rot-soft:#fbe3e0;--ink-900:#1a1410;--ink-700:#3f3830;--ink-500:#736a5c;--ink-400:#938a7c;--ink-300:#ada49a;--ink-200:#ccc7be;--ink-100:#f0ede8;--paper:#f5f0eb;--flaeche:#fff;--linie:#e4ded6;--radius:10px;--radius-s:6px;--schatten:0 1px 2px #1a14100f, 0 4px 12px #1a14100a;--kopf-h:56px;--schrift:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--schrift-zahl:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scrollbar-gutter:stable}body{font-family:var(--schrift);color:var(--ink-900);background:var(--paper);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.kopf{z-index:50;height:var(--kopf-h);background:var(--flaeche);border-bottom:1px solid var(--linie);align-items:center;gap:24px;padding:0 20px;display:flex;position:sticky;top:0}.kopf__marke{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.kopf__punkt{background:var(--orange);border-radius:50%;width:9px;height:9px}.kopf__nav{flex:1;gap:2px;display:flex;overflow-x:auto}.kopf__nav a{border-radius:var(--radius-s);color:var(--ink-500);white-space:nowrap;padding:7px 12px;font-weight:500}.kopf__nav a:hover{background:var(--ink-100);color:var(--ink-900)}.kopf__nav a[aria-current=page]{background:var(--ink-900);color:#fff}.kopf__rechts{align-items:center;gap:12px;display:flex}.kopf__benutzer{color:var(--ink-500);white-space:nowrap;font-size:13px}.seite{max-width:1400px;margin:0 auto;padding:24px 20px 64px}.seite--schmal{max-width:860px}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.seitenkopf h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.seitenkopf p{color:var(--ink-500);margin-top:2px}h2{letter-spacing:-.01em;font-size:16px;font-weight:650}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);font-size:13px;font-weight:650}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten)}.karte__kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.karte__inhalt{padding:16px}.raster{gap:16px;display:grid}.raster--2{grid-template-columns:repeat(2,minmax(0,1fr))}.raster--3{grid-template-columns:repeat(3,minmax(0,1fr))}.raster--haupt{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}@media (max-width:900px){.raster--2,.raster--3,.raster--haupt{grid-template-columns:1fr}}.stapel{flex-direction:column;gap:16px;display:flex}.reihe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schub{margin-left:auto}.knopf{border-radius:var(--radius-s);border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:550;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.knopf:hover{background:var(--ink-100)}.knopf:disabled{opacity:.55;cursor:default}.knopf--haupt{background:var(--orange);border-color:var(--orange);color:#fff}.knopf--haupt:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.knopf--dunkel{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.knopf--dunkel:hover{background:var(--ink-700);border-color:var(--ink-700)}.knopf--gefahr{color:var(--rot);border-color:var(--rot-soft);background:var(--rot-soft)}.knopf--gefahr:hover{background:#f6d2cd}.knopf--klein{padding:5px 10px;font-size:13px}.knopf--blank{color:var(--ink-500);background:0 0;border-color:#0000}.knopf--blank:hover{background:var(--ink-100);color:var(--ink-900)}.feld{flex-direction:column;gap:5px;display:flex}.feld>label{color:var(--ink-700);font-size:13px;font-weight:550}.feld__hinweis{color:var(--ink-500);font-size:12px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=tel],select,textarea{border:1px solid var(--ink-200);border-radius:var(--radius-s);background:var(--flaeche);outline:none;width:100%;padding:8px 10px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}textarea{resize:vertical;min-height:76px}select{cursor:pointer}.kontrollkaestchen{cursor:pointer;align-items:center;gap:8px;display:flex}.kontrollkaestchen input{width:16px;height:16px;accent-color:var(--orange)}fieldset{border:0}.feldgruppe{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feldgruppe--3{grid-template-columns:repeat(3,minmax(0,1fr))}.feldgruppe--voll{grid-template-columns:1fr}.feld--breit{grid-column:1/-1}@media (max-width:700px){.feldgruppe,.feldgruppe--3{grid-template-columns:1fr}}.tabelle{border-collapse:collapse;width:100%}.tabelle th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);border-bottom:1px solid var(--linie);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:650}.tabelle td{border-bottom:1px solid var(--ink-100);vertical-align:middle;padding:11px 12px}.tabelle tr:last-child td{border-bottom:0}.tabelle tbody tr:hover{background:#fcfaf7}.tabelle a.zeilenlink{font-weight:600}.tabelle a.zeilenlink:hover{color:var(--orange-dark)}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabellenrahmen{overflow-x:auto}.abzeichen{white-space:nowrap;background:var(--ink-100);color:var(--ink-700);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.abzeichen__punkt{background:currentColor;border-radius:50%;width:6px;height:6px}.abzeichen--orange{background:var(--orange-soft);color:var(--orange-dark)}.abzeichen--amber{background:var(--amber-soft);color:#8a5a00}.abzeichen--mint{background:var(--mint-soft);color:var(--mint-dark)}.abzeichen--violet{background:var(--violet-soft);color:#4a21b8}.abzeichen--rot{background:var(--rot-soft);color:var(--rot)}.abzeichen--grau{background:var(--ink-100);color:var(--ink-500)}.nummer{font-family:var(--schrift-zahl);color:var(--ink-500);font-size:13px}.tafel{align-items:start;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.spalte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);flex:0 0 268px}.spalte__kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;display:flex}.spalte__titel{font-size:13px;font-weight:650}.spalte__zahl{color:var(--ink-400);font-variant-numeric:tabular-nums;font-size:12px}.spalte__inhalt{flex-direction:column;gap:8px;min-height:60px;padding:10px;display:flex}.tafelkarte{border:1px solid var(--linie);border-radius:var(--radius-s);background:var(--flaeche);padding:11px 12px;transition:border-color .12s,box-shadow .12s;display:block}.tafelkarte:hover{border-color:var(--ink-300);box-shadow:var(--schatten)}.tafelkarte--eilig{border-left:3px solid var(--rot)}.tafelkarte--ueberfaellig{border-left:3px solid var(--orange)}.tafelkarte__titel{margin:3px 0 5px;font-weight:600}.tafelkarte__fuss{color:var(--ink-500);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.leer{text-align:center;color:var(--ink-400);padding:40px 20px}.leer strong{color:var(--ink-700);margin-bottom:4px;font-weight:600;display:block}.hinweis{border-radius:var(--radius-s);background:var(--orange-soft);color:var(--orange-dark);border:1px solid #ffd0ab;padding:11px 14px;font-weight:500}.hinweis--fehler{background:var(--rot-soft);color:var(--rot);border-color:#f3c6c0}.hinweis--gut{background:var(--mint-soft);color:var(--mint-dark);border-color:#b8e5ce}.verlauf{flex-direction:column;gap:0;display:flex}.verlauf__punkt{gap:11px;padding:9px 0;display:flex;position:relative}.verlauf__punkt:before{content:"";background:var(--linie);width:1px;position:absolute;top:22px;bottom:-9px;left:5px}.verlauf__punkt:last-child:before{display:none}.verlauf__marke{background:var(--ink-200);z-index:1;border-radius:50%;flex:0 0 11px;height:11px;margin-top:5px;position:relative}.verlauf__punkt--aktiv .verlauf__marke{background:var(--orange)}.verlauf__text{font-size:13px}.verlauf__zeit{color:var(--ink-400);font-size:12px}.paar{border-bottom:1px solid var(--ink-100);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.paar:last-child{border-bottom:0}.paar__name{color:var(--ink-500)}.paar__wert{text-align:right;font-weight:550}.werte{flex-wrap:wrap;gap:10px;display:flex}.wert{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);flex:150px;padding:14px 16px}.wert__zahl{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.wert__name{color:var(--ink-500);margin-top:2px;font-size:12px}.wert--warn .wert__zahl{color:var(--orange-dark)}.wert--rot .wert__zahl{color:var(--rot)}.filterleiste{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.filterleiste select,.filterleiste input{width:auto;min-width:150px}.anmeldung{place-items:center;min-height:100dvh;padding:24px;display:grid}.anmeldung__karte{width:100%;max-width:380px}.anmeldung__marke{text-align:center;margin-bottom:22px}.anmeldung__marke strong{letter-spacing:-.02em;font-size:20px;font-weight:700}.anmeldung__marke span{color:var(--ink-500);margin-top:2px;font-size:13px;display:block}