:root{--akzent:#e8720c;--akzent-dunkel:#c15d08;--akzent-bg:#fdeee0;--akzent-50:#e8720c80;--anthrazit:#2b2b2b;--anthrazit-dunkel:#1b1b1b;--grau-bg:#f4f6f9;--grau-rand:#dde3ea;--text:#24292f;--text-gedaempft:#6a737d;--rot:#b42318;--gruen:#067647;--gelb-bg:#fff8e1}*{box-sizing:border-box}body{color:var(--text);background:var(--grau-bg);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14.5px}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 8px;font-size:16px}a{color:var(--akzent-dunkel);text-decoration:none}a:hover{text-decoration:underline}.gedaempft{color:var(--text-gedaempft)}.fehler{color:var(--rot);background:#fee4e2;border-radius:6px;margin:8px 0;padding:8px 10px}.hinweis{background:var(--gelb-bg);border:1px solid #f0d97a;border-radius:6px;margin:8px 0;padding:8px 10px}.laden{text-align:center;color:var(--text-gedaempft);padding:40px}.layout{min-height:100vh;display:flex}.seitenleiste{background:var(--anthrazit);color:#fff;flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:18px 0;display:flex;position:sticky;top:0;overflow:hidden}.logo{color:var(--akzent);padding:0 18px 18px;font-size:17px;font-weight:700;line-height:1.25;display:block}.logo:hover{text-decoration:none}.seitenleiste-navigation{flex:auto;min-height:0;overflow-y:auto}.seitenleiste nav{flex-direction:column;display:flex}.nav-titel{letter-spacing:.07em;text-transform:uppercase;color:#8fa3b8;padding:0 18px 6px;font-size:11px;font-weight:700}.seitenleiste nav+.kundenwahl{border-top:1px solid #ffffff1f;margin-top:14px;padding-top:18px}.kundenwahl{color:#cfcfcf;flex-direction:column;gap:7px;padding:0 18px 16px;display:flex}.kundenwahl label{color:#cfcfcf}.kundenwahl select{width:100%;color:var(--text)}.kundenwahl .knopf-schlicht{color:var(--akzent)}.seitenleiste nav a{color:#cfcfcf;padding:10px 18px;line-height:1.3}.seitenleiste nav a:hover{background:#ffffff14;text-decoration:none}.seitenleiste nav a.active{background:var(--akzent);color:#fff;font-weight:600}.seitenleiste-fuss{color:#9fb2c8;border-top:1px solid #ffffff1f;flex-direction:column;flex:none;gap:6px;margin-top:8px;padding:12px 18px 0;font-size:12.5px;display:flex}.seitenleiste-fuss span{text-overflow:ellipsis;overflow:hidden}.inhalt{flex:1;max-width:1250px;padding:24px 28px}.anmeldung{place-items:center;min-height:100vh;display:grid}.anmeldung-karte{border:1px solid var(--grau-rand);background:#fff;border-radius:10px;flex-direction:column;gap:12px;width:360px;padding:32px;display:flex;box-shadow:0 4px 18px #0000000f}.anmeldung-karte h1{color:var(--anthrazit)}label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--grau-rand);background:#fff;border-radius:6px;padding:7px 9px}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px}.knopf{background:var(--akzent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.knopf:hover{background:var(--akzent-dunkel)}.knopf:disabled{opacity:.6;cursor:default}.knopf-sekundaer{color:var(--akzent-dunkel);border:1px solid var(--akzent);font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:7px 14px;font-weight:600}.knopf-sekundaer:hover{background:var(--akzent-bg)}.knopf-schlicht{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.filterleiste{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.filterleiste label{min-width:140px}.filterleiste label.hervorgehoben{background:var(--akzent-50);border-radius:8px;padding:6px 10px 8px}.filterleiste input[type=search]{min-width:240px}.ansicht-umschalter{border:1px solid var(--grau-rand);background:#fff;border-radius:6px;margin:0 0 10px;display:inline-flex;overflow:hidden}.ansicht-umschalter button{appearance:none;border:0;border-right:1px solid var(--grau-rand);color:var(--text-gedaempft);font:inherit;cursor:pointer;background:#fff;padding:6px 10px}.ansicht-umschalter button:last-child{border-right:0}.ansicht-umschalter button:hover{background:var(--akzent-bg);color:var(--akzent-dunkel)}.ansicht-umschalter button.aktiv{background:var(--akzent-bg);color:var(--akzent-dunkel);font-weight:700}.tabelle-scroll{width:100%;overflow-x:auto}.daten-vollstaendig{min-width:1900px}.daten-vollstaendig th,.daten-vollstaendig td{white-space:nowrap}.daten-vollstaendig .tabellen-link{color:inherit;font-weight:inherit}.daten-vollstaendig .tabellen-link:hover{color:var(--akzent-dunkel);text-decoration:underline}.karte{border:1px solid var(--grau-rand);background:#fff;border-radius:10px;margin-bottom:16px;padding:16px 18px}table.daten{border-collapse:collapse;border:1px solid var(--grau-rand);background:#fff;border-radius:10px;width:100%;overflow:hidden}table.daten th,table.daten td{text-align:left;border-bottom:1px solid var(--grau-rand);vertical-align:top;padding:8px 10px}table.daten td{font-size:13px}table.daten td .klein{font-size:inherit}table.daten th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-gedaempft);background:#eef1f5;font-size:12.5px}table.daten th .sortknopf{cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}table.daten th .sortknopf:hover{color:var(--akzent)}table.daten th .sortknopf.aktiv{color:var(--akzent);font-weight:700}.sortpfeil{opacity:.45;font-size:9px}.sortknopf.aktiv .sortpfeil{opacity:1}table.daten tr:last-child td{border-bottom:none}table.daten tbody tr:hover{background:#f7f9fc}.badge{white-space:nowrap;border-radius:99px;margin:1px 3px 1px 0;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-grau{color:var(--text-gedaempft);background:#eceff3}.badge-blau{background:var(--akzent-bg);color:var(--akzent-dunkel)}.badge-rot{color:var(--rot);background:#fee4e2}.badge-gruen{color:var(--gruen);background:#d9f2e4}.badge-gelb{background:var(--gelb-bg);color:#8a6d00}.badge-klickbar{font:inherit;cursor:pointer;border:none}.badge-klickbar:hover{filter:brightness(.94)}.badge-aktiv{box-shadow:inset 0 0 0 2px}.felder-gitter{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.felder-gitter .breit{grid-column:1/-1}.zeilen-aktionen{align-items:center;gap:8px;display:flex}.detail-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stammdaten-abschnitt{margin-bottom:18px}.stammdaten-abschnitt:last-child{margin-bottom:0}.stammdaten-titel{text-transform:uppercase;letter-spacing:.04em;color:var(--text-gedaempft);border-bottom:1px solid var(--grau-rand);margin-bottom:8px;padding-bottom:6px;font-size:11.5px;font-weight:700}.stammdaten-zeile{gap:12px;display:grid}.stammdaten-zeile--name{grid-template-columns:90px 110px 1fr 1fr}.stammdaten-zeile--adresse{grid-template-columns:2fr 90px 1fr}.stammdaten-zeile--kontakt{grid-template-columns:1fr 1fr 1.3fr}.stammdaten-zeile--sonstiges{grid-template-columns:1fr 1.5fr}.stammdaten-bemerkung{width:100%;min-height:110px;line-height:1.5;display:block}.stammdaten-vollbreit{margin-top:12px;display:block}.stammdaten-adressfeld{resize:vertical;white-space:pre-wrap;width:100%;min-height:110px;line-height:1.45}.adressfeld-zuruecksetzen{color:var(--akzent-dunkel);margin-top:6px}@media (width<=760px){.stammdaten-zeile--name,.stammdaten-zeile--adresse,.stammdaten-zeile--kontakt,.stammdaten-zeile--sonstiges{grid-template-columns:1fr}}.nav-verwaltung{border-top:1px solid #ffffff1f;margin-top:18px;padding-top:14px}.einladung-karte{border-color:var(--akzent);background:var(--akzent-bg)}.link-zeile{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-zeile input{flex:320px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}a.knopf-sekundaer{text-decoration:none;display:inline-block}a.knopf-sekundaer:hover{text-decoration:none}.knopf-schlicht.loeschen{color:var(--rot)}.knopf-schlicht:disabled{opacity:.5;cursor:default}.klein{font-size:12.5px}.mono{font-variant-numeric:tabular-nums}.rechts{text-align:right}.mt0{margin-top:0}
