:root{--akzent:#e8720c;--akzent-dunkel:#b95a07;--akzent-hell:#f6a866;--akzent-bg:#fdf2e8;--akzent-50:#e8720c80;--anthrazit:#2b2b2b;--anthrazit-dunkel:#1b1b1b;--flaeche:#fff;--grau-bg:#f5f7fa;--grau-flaeche:#f1f4f8;--grau-rand:#e6eaf0;--grau-rand-stark:#d2d9e3;--seitenleiste-bg:#2d3340e0;--seitenleiste-rand:#ffffff1f;--seitenleiste-text:#ffffffb8;--seitenleiste-leise:#fff9;--text:#1f2430;--text-gedaempft:#667085;--text-leise:#98a2b3;--rot:#b42318;--rot-bg:#fee4e2;--gruen:#067647;--gruen-bg:#d9f2e4;--gelb-bg:#fff8e1;--gelb-text:#8a6d00;--radius-klein:7px;--radius:10px;--radius-gross:14px;--schatten-klein:0 1px 2px #1018280f;--schatten:0 2px 8px #1018280f, 0 1px 2px #1018280a;--schatten-gross:0 14px 36px #1018281a;--ring:0 0 0 3px #e8720c33;--tempo:.14s ease}*{box-sizing:border-box}body{color:var(--text);background:var(--grau-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14.5px;line-height:1.45}h1{letter-spacing:-.015em;margin:0 0 4px;font-size:21px;font-weight:650}h2{letter-spacing:-.01em;margin:24px 0 8px;font-size:15.5px;font-weight:650}a{color:var(--akzent-dunkel);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--akzent-bg)}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.gedaempft{color:var(--text-gedaempft)}.fehler{color:var(--rot);background:var(--rot-bg);border-radius:var(--radius);margin:8px 0;padding:9px 12px}.hinweis{background:var(--gelb-bg);border-radius:var(--radius);border:1px solid #f2dfa0;margin:8px 0;padding:9px 12px}.laden{text-align:center;color:var(--text-gedaempft);padding:40px}.layout{min-height:100vh;display:flex}.seitenleiste{background:var(--seitenleiste-bg);width:232px;color:var(--seitenleiste-text);flex-direction:column;flex-shrink:0;height:100vh;padding:16px 0;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:-.015em;padding:0 16px 16px;font-size:16px;font-weight:700;line-height:1.3;display:block}.logo:before{content:"";background:var(--akzent);border-radius:99px;width:22px;height:4px;margin-bottom:10px;display:block}.logo:hover{color:var(--akzent-hell);text-decoration:none}.seitenleiste nav{flex-direction:column;gap:2px;padding:0 10px;display:flex}.nav-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--seitenleiste-leise);padding:0 12px 6px;font-size:10.5px;font-weight:700}.seitenleiste nav+.kundenwahl{border-top:1px solid var(--seitenleiste-rand);margin-top:6px;padding-top:14px}.kundenwahl{color:var(--seitenleiste-text);flex-direction:column;gap:7px;margin:0 10px;padding:0 12px 16px;display:flex}.kundenwahl label{color:var(--seitenleiste-leise)}.kundenwahl select{width:100%;color:var(--text)}.kundenwahl .knopf-schlicht{color:var(--akzent-hell)}.seitenleiste nav a{color:var(--seitenleiste-text);border-radius:var(--radius-klein);transition:background var(--tempo), color var(--tempo);padding:8px 12px;font-weight:500;line-height:1.35}.seitenleiste nav a:hover{color:#fff;background:#ffffff17;text-decoration:none}.seitenleiste nav a.active{background:var(--akzent);color:#fff;font-weight:650}.seitenleiste-fuss{border-top:1px solid var(--seitenleiste-rand);color:var(--seitenleiste-leise);flex-direction:column;gap:6px;margin:6px 10px 0;padding:14px 12px 0;font-size:12.5px;display:flex}.seitenleiste-fuss span{text-overflow:ellipsis;overflow:hidden}.seitenleiste-fuss .knopf-schlicht{color:var(--seitenleiste-leise);font-weight:500}.seitenleiste-fuss .knopf-schlicht:hover{color:#fff}.inhalt{flex:1;max-width:1280px;padding:26px 30px}.anmeldung{background:radial-gradient(60% 55% at 50% 0%, var(--akzent-bg) 0%, var(--grau-bg) 60%);place-items:center;min-height:100vh;display:grid}.anmeldung-karte{background:var(--flaeche);border:1px solid var(--grau-rand);border-radius:var(--radius-gross);width:370px;box-shadow:var(--schatten-gross);flex-direction:column;gap:12px;padding:32px;display:flex}.anmeldung-karte h1{color:var(--anthrazit)}label{color:var(--text-gedaempft);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}label input,label select,label textarea{color:var(--text);font-weight:400}input,select,textarea{font:inherit;border:1px solid var(--grau-rand-stark);border-radius:var(--radius-klein);background:var(--flaeche);color:var(--text);transition:border-color var(--tempo), box-shadow var(--tempo);padding:8px 10px;font-size:14px}input:hover,select:hover,textarea:hover{border-color:var(--text-leise)}input:focus,select:focus,textarea:focus{border-color:var(--akzent);box-shadow:var(--ring);outline:none}input::placeholder,textarea::placeholder{color:var(--text-leise)}.knopf{background:var(--akzent);color:#fff;border-radius:var(--radius-klein);font:inherit;cursor:pointer;box-shadow:var(--schatten-klein);transition:background var(--tempo), box-shadow var(--tempo), transform var(--tempo);border:none;padding:8px 16px;font-weight:600}.knopf:hover{background:var(--akzent-dunkel);box-shadow:var(--schatten)}.knopf:active{transform:translateY(1px)}.knopf:disabled{opacity:.55;cursor:default;box-shadow:none}.knopf-sekundaer{background:var(--flaeche);color:var(--text);border:1px solid var(--grau-rand-stark);border-radius:var(--radius-klein);font:inherit;cursor:pointer;transition:background var(--tempo), border-color var(--tempo), color var(--tempo);padding:7px 14px;font-weight:600}.knopf-sekundaer:hover{background:var(--akzent-bg);border-color:var(--akzent-hell);color:var(--akzent-dunkel)}.knopf-sekundaer:disabled{opacity:.55;cursor:default}.knopf-schlicht{color:var(--akzent-dunkel);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.knopf-schlicht:hover{text-decoration:underline}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.filterleiste{background:var(--flaeche);border:1px solid var(--grau-rand);border-radius:var(--radius);box-shadow:var(--schatten-klein);flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.karte .filterleiste{background:var(--grau-flaeche);box-shadow:none;border-color:#0000}.filterleiste label{min-width:140px}.filterleiste label.hervorgehoben{background:var(--akzent-bg);box-shadow:inset 0 0 0 1px var(--akzent-hell);color:var(--akzent-dunkel);border-radius:var(--radius-klein);padding:7px 10px 9px}.filterleiste input[type=search]{min-width:240px}.spalten-hinweis{margin-left:auto;padding-bottom:6px}.spalten-hinweis .knopf-schlicht{font-size:inherit}.ansichtswahl{border-radius:var(--radius-klein);background:var(--grau-flaeche);border:1px solid var(--grau-rand);gap:2px;padding:3px;display:inline-flex}.ansichtswahl button{font:inherit;cursor:pointer;color:var(--text-gedaempft);transition:background var(--tempo), color var(--tempo);background:0 0;border:0;border-radius:5px;padding:5px 12px;font-size:13px;font-weight:600}.ansichtswahl button:hover{color:var(--text)}.ansichtswahl button.aktiv{background:var(--flaeche);color:var(--akzent-dunkel);box-shadow:var(--schatten-klein)}.karte{background:var(--flaeche);border:1px solid var(--grau-rand);border-radius:var(--radius-gross);box-shadow:var(--schatten-klein);margin-bottom:16px;padding:18px 20px}table.daten{border-collapse:collapse;background:var(--flaeche);width:100%}.tabelle-scroll{border:1px solid var(--grau-rand);border-radius:var(--radius-gross);background:var(--flaeche);box-shadow:var(--schatten-klein);scrollbar-width:thin;scrollbar-color:var(--grau-rand-stark) transparent}table.daten th,table.daten td{text-align:left;border-bottom:1px solid var(--grau-rand);vertical-align:top;padding:9px 12px}table.daten th{background:var(--grau-flaeche);text-transform:uppercase;letter-spacing:.05em;color:var(--text-gedaempft);z-index:1;box-shadow:inset 0 -1px 0 var(--grau-rand);font-size:11.5px;font-weight:700;position:sticky;top:0}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{transition:background var(--tempo)}table.daten tbody tr:hover{background:var(--grau-bg)}table.daten td a{color:var(--text);font-weight:500}table.daten td a:hover{color:var(--akzent-dunkel)}.tabelle-scroll{overflow:auto}.inhalt:has(.tabelle-scroll){flex-direction:column;height:100vh;display:flex;overflow:hidden}.inhalt:has(.tabelle-scroll) .tabelle-scroll{flex:1;min-height:0}table.daten-voll{width:auto;min-width:100%}table.daten-voll td,table.daten-voll th{max-width:260px}.mehrzeilig{white-space:pre-wrap}.warnton{color:var(--rot)}table.daten th{white-space:nowrap}table.daten th[draggable=true]{cursor:grab}.spaltengriff{color:var(--grau-rand-stark);cursor:grab;-webkit-user-select:none;user-select:none;margin-right:5px}table.daten th:hover .spaltengriff{color:var(--akzent)}table.daten th.spalte-zieht{opacity:.45}table.daten th.spalte-ziel-links{box-shadow:inset 3px 0 0 var(--akzent)}table.daten th.spalte-ziel-rechts{box-shadow:inset -3px 0 0 var(--akzent)}.badge{white-space:nowrap;border-radius:99px;margin:1px 3px 1px 0;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-block}.badge-grau{background:var(--grau-flaeche);color:var(--text-gedaempft)}.badge-blau{background:var(--akzent-bg);color:var(--akzent-dunkel)}.badge-rot{background:var(--rot-bg);color:var(--rot)}.badge-gruen{background:var(--gruen-bg);color:var(--gruen)}.badge-gelb{background:var(--gelb-bg);color:var(--gelb-text)}.badge-klickbar{font:inherit;cursor:pointer;transition:filter var(--tempo);border:none}.badge-klickbar:hover{filter:brightness(.95)}.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;margin-bottom:16px;display:flex}.stammdaten-abschnitt{margin-bottom:20px}.stammdaten-abschnitt:last-child{margin-bottom:0}.stammdaten-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);border-bottom:1px solid var(--grau-rand);margin-bottom:10px;padding-bottom:6px;font-size:11px;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-zeile--amt{grid-template-columns:1.2fr 1.4fr 150px}.stammdaten-zeile--anrede{grid-template-columns:1.5fr auto;align-items:end}.stammdaten-bemerkung{width:100%;min-height:110px;line-height:1.5;display:block}.anrede-vorschau{background:var(--grau-bg);border:1px solid var(--grau-rand);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.anschrift-vorschau{flex:320px;line-height:1.6}.anschrift-vorschau .anrede-zeile{margin-top:10px;font-weight:600}.anrede-status{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;max-width:240px;display:flex}.anschrift-zeile{cursor:text;min-height:24px;transition:background var(--tempo), box-shadow var(--tempo);border-radius:6px;margin:0 -6px;padding:0 6px}.anschrift-zeile:hover{background:var(--flaeche);box-shadow:inset 0 0 0 1px var(--grau-rand-stark)}.anschrift-felder{flex-wrap:wrap;align-items:center;gap:6px;margin:2px -6px;padding:0 6px;display:flex}.anschrift-felder input,.anschrift-felder select{padding:4px 8px;font-size:13.5px}.anschrift-felder .kurz{width:82px}.anschrift-felder .lang{flex:130px;min-width:110px}.anschrift-felder .voll{flex:100%}@media (width<=760px){.stammdaten-zeile--name,.stammdaten-zeile--adresse,.stammdaten-zeile--kontakt,.stammdaten-zeile--sonstiges,.stammdaten-zeile--amt,.stammdaten-zeile--anrede{grid-template-columns:1fr}}.seitenleiste nav.nav-verwaltung{border-top:1px solid var(--seitenleiste-rand);margin:auto 10px 0;padding:14px 0 0}.einladung-karte{border-color:var(--akzent-hell);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}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.kennzahl{border:1px solid var(--grau-rand);color:var(--text-gedaempft);background:#fff;border-radius:10px;padding:10px 14px;font-size:12.5px}.kennzahl b{color:var(--text);font-variant-numeric:tabular-nums;font-size:20px;display:block}.filterleiste label.netz-haken{flex-direction:row;align-items:center;gap:8px;max-width:440px;padding-bottom:6px;font-weight:400;display:flex}.filterleiste label.netz-haken input{width:auto;margin:0}.umschalter{border:1px solid var(--akzent);border-radius:6px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.umschalter button{color:var(--akzent-dunkel);border:0;border-right:1px solid var(--akzent);font:inherit;cursor:pointer;background:#fff;padding:7px 12px;font-weight:600}.umschalter button:last-child{border-right:0}.umschalter button:hover{background:var(--akzent-bg)}.umschalter button.aktiv{background:var(--akzent);color:#fff}.netz-legende{color:var(--text-gedaempft);flex-wrap:wrap;gap:18px;margin-top:8px;display:flex}.netz-info{background:var(--grau-bg);border-radius:6px;min-height:38px;margin-top:10px;padding:8px 10px}.netz-flaeche{position:relative}.netz-karte{z-index:2;background:var(--flaeche);border:1px solid var(--grau-rand);border-radius:var(--radius);min-width:210px;max-width:300px;box-shadow:var(--schatten-gross);padding:10px 30px 10px 12px;position:absolute}.netz-karte-aktionen{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.netz-karte-aktionen .knopf,.netz-karte-aktionen .knopf-sekundaer{padding:4px 10px;font-size:13px;text-decoration:none;display:inline-block}.netz-karte-zu{color:var(--text-gedaempft);cursor:pointer;background:0 0;border:0;padding:2px 5px;font-size:18px;line-height:1;position:absolute;top:4px;right:6px}.netz-karte-zu:hover{color:var(--text)}