:root{--akzent:#2563eb;--akzent-hover:#1d4ed8;--erfolg:#16a34a;--fehler:#dc2626;--warnung:#d97706;--text-groesse-ueberschrift:26px;--text-groesse-karten-titel:15px;--text-groesse-normal:14px;--text-groesse-klein:13px;--text-groesse-mini:12px;--feld-hoehe:38px;--feld-hoehe-klein:32px;--feld-innen-x:12px;--feld-innen-y:8px;--feld-rand:1px;--button-innen-x:16px;--button-innen-x-klein:14px;--beschriftung-spalte:170px;--abstand-karten-gap:20px;--abstand-feld:10px;--abstand-karte-innen:22px;--abstand-klein:8px;--radius-karte:16px;--radius-button:8px;--radius-feld:8px;--radius-badge:6px;--radius-klein:6px;--icon-groesse-standard:18px;--icon-groesse-klein:16px;--schatten-karte:0 1px 3px #0f172a0d;--schatten-dropdown:0 8px 24px #0f172a24}html[data-theme=light]{--bg:#eef1f6;--sidebar-bg:#fff;--topbar-bg:#fff;--oberflaeche:#fff;--oberflaeche-alt:#f8fafc;--rand:#e2e8f0;--text-primaer:#0f172a;--text-sekundaer:#64748b;--text-muted:#94a3b8;--feld-bg:#fff;--hover-akzent:#2563eb14;--ueberlagerung:#0f172a73;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#1c1c1e;--sidebar-bg:#242426;--topbar-bg:#242426;--oberflaeche:#2a2a2d;--oberflaeche-alt:#232326;--rand:#3a3a3d;--text-primaer:#f1f5f9;--text-sekundaer:#9aa4b2;--text-muted:#6b7280;--feld-bg:#1c1c1e;--hover-akzent:#2563eb29;--ueberlagerung:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text-primaer);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Inter,sans-serif;transition:background .2s,color .2s}.btn-primary,.btn-sekundaer,.btn-still,.form-grid button{justify-content:center;align-items:center;gap:var(--abstand-klein);min-height:var(--feld-hoehe);padding:0 var(--button-innen-x);border:var(--feld-rand) solid transparent;border-radius:var(--radius-button);font-family:inherit;font-size:var(--text-groesse-normal);white-space:nowrap;cursor:pointer;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn-primary:disabled,.btn-sekundaer:disabled,.btn-still:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.form-grid button{background:var(--akzent);color:#fff}.btn-primary:hover:not(:disabled),.form-grid button:hover:not(:disabled){background:var(--akzent-hover)}.btn-sekundaer{background:var(--oberflaeche);color:var(--text-primaer);border-color:var(--rand)}.btn-sekundaer:hover:not(:disabled){background:var(--hover-akzent)}.btn-still{color:var(--text-sekundaer);background:0 0}.btn-still:hover:not(:disabled){background:var(--hover-akzent);color:var(--text-primaer)}.btn-still.aktiv{background:var(--akzent);color:#fff}:is(.btn-primary,.btn-sekundaer,.btn-still)+:is(.table-card,.toolbar,.form-panel,.pagination-bar){margin-top:var(--abstand-karten-gap)}.btn-klein{min-height:var(--feld-hoehe-klein);padding:0 var(--button-innen-x-klein)}.icon-btn{color:var(--text-muted);border-radius:var(--radius-klein);cursor:pointer;width:28px;height:28px;font-size:var(--icon-groesse-klein);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon-btn svg{width:var(--icon-groesse-klein);height:var(--icon-groesse-klein)}.icon-btn--edit:hover{background:var(--hover-akzent);color:var(--akzent)}.icon-btn--danger:hover{color:var(--fehler);background:#dc26261f}.icon-btn--save:hover{color:var(--erfolg);background:#16a34a24}.icon-btn--cancel:hover{color:var(--fehler);background:#dc26261f}.formular-karte{background:var(--oberflaeche);border:1px solid var(--rand);border-radius:var(--radius-karte);box-shadow:var(--schatten-karte);padding:var(--abstand-karte-innen);container-type:inline-size}.formular-karte h3{font-size:var(--text-groesse-karten-titel);color:var(--text-primaer);align-items:center;gap:8px;margin:0 0 18px;font-weight:600;display:flex}.formular-karte h3 svg{color:var(--text-sekundaer);width:var(--icon-groesse-standard);height:var(--icon-groesse-standard);flex-shrink:0}.karten-abschnitt{margin-top:var(--abstand-karte-innen);padding-top:var(--abstand-karte-innen);border-top:1px solid var(--rand)}.karten-abschnitt h4{font-size:var(--text-groesse-karten-titel);color:var(--text-primaer);margin:0 0 18px;font-weight:600}.formular-spalte{max-width:620px}.anzeige-feld{min-height:var(--feld-hoehe);padding:var(--feld-innen-y) var(--feld-innen-x);border:var(--feld-rand) solid var(--rand);border-radius:var(--radius-feld);background:var(--oberflaeche-alt);color:var(--text-primaer);font-size:var(--text-groesse-normal);-webkit-user-select:all;user-select:all;align-items:center;display:flex}.anzeige-feld--code{letter-spacing:.08em;font-family:Consolas,Courier New,monospace}.karte-hoch{flex-direction:column;flex:1;min-height:0;display:flex}.hilfe-button{border:var(--feld-rand) solid var(--rand);width:26px;height:26px;color:var(--text-sekundaer);font-size:var(--text-groesse-klein);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;margin-left:auto;padding:0;font-weight:700;line-height:1}.hilfe-button:hover{background:var(--hover-akzent);border-color:var(--akzent);color:var(--akzent)}.dialog-hintergrund{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-box{background:var(--oberflaeche);border-radius:var(--radius-karte);box-shadow:var(--schatten-karte);flex-direction:column;width:100%;max-width:640px;max-height:80vh;display:flex}.dialog-kopf{padding:var(--abstand-karte-innen);font-size:var(--text-groesse-karten-titel);color:var(--text-primaer);padding-bottom:0;font-weight:600}.dialog-inhalt{padding:var(--abstand-karte-innen);font-size:var(--text-groesse-normal);color:var(--text-sekundaer);line-height:1.6;overflow-y:auto}.dialog-inhalt h4{margin:var(--abstand-karten-gap) 0 var(--abstand-klein);font-size:var(--text-groesse-normal);color:var(--text-primaer);font-weight:600}.dialog-inhalt h4:first-child{margin-top:0}.dialog-inhalt p{margin:var(--abstand-klein) 0}.dialog-inhalt ol,.dialog-inhalt ul{margin:var(--abstand-klein) 0;padding-left:20px}.dialog-inhalt li{margin-bottom:6px}.dialog-inhalt code{font-family:Consolas,Courier New,monospace;font-size:var(--text-groesse-mini);color:var(--text-primaer);background:var(--oberflaeche-alt);border-radius:4px;padding:1px 5px}.dialog-inhalt dl{margin:var(--abstand-klein) 0;gap:4px var(--abstand-feld);grid-template-columns:max-content 1fr;display:grid}.dialog-inhalt dt{font-family:Consolas,Courier New,monospace;font-size:var(--text-groesse-mini);color:var(--text-primaer)}.dialog-inhalt dd{margin:0}.dialog-fuss{padding:var(--abstand-karte-innen);justify-content:flex-end;padding-top:0;display:flex}.karten-grid{gap:var(--abstand-karten-gap);margin-bottom:var(--abstand-karten-gap);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.karte--breit{margin-bottom:var(--abstand-karten-gap);grid-column:1/-1}input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])),select,textarea{min-height:var(--feld-hoehe);padding:var(--feld-innen-y) var(--feld-innen-x);border:var(--feld-rand) solid var(--rand);border-radius:var(--radius-feld);background:var(--feld-bg);color:var(--text-primaer);font-size:var(--text-groesse-normal);font-family:inherit;transition:border-color .15s,box-shadow .15s,background .2s}textarea{min-height:calc(var(--feld-hoehe) * 2);resize:vertical}input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])):focus,select:focus,textarea:focus{border-color:var(--akzent);outline:none;box-shadow:0 0 0 3px #2563eb2e}input:disabled,select:disabled,textarea:disabled{background:var(--oberflaeche-alt);color:var(--text-sekundaer)}.feld-zeile,.feld-zeile-doppel{grid-template-columns:var(--beschriftung-spalte) 1fr;align-items:center;gap:var(--abstand-feld);margin-bottom:var(--abstand-feld);display:grid}.feld-zeile-doppel{grid-template-columns:var(--beschriftung-spalte) 1fr 1fr}.feld-doppel-strasse{grid-template-columns:var(--beschriftung-spalte) 3fr 1fr}.feld-doppel-plz{grid-template-columns:var(--beschriftung-spalte) 80px 1fr}.feld-zeile-telefon{grid-template-columns:var(--beschriftung-spalte) 88px 1fr;align-items:center;gap:var(--abstand-feld);margin-bottom:var(--abstand-feld);display:grid}.feld-mit-button{align-items:center;gap:var(--abstand-feld);min-width:0;display:flex}.feld-mit-button input,.feld-mit-button select,.feld-mit-button .anzeige-feld{flex:1;min-width:0}.feld-zeile label,.feld-zeile-doppel label,.feld-zeile-telefon label{font-size:var(--text-groesse-klein);color:var(--text-sekundaer)}.feld-zeile input,.feld-zeile select,.feld-zeile textarea,.feld-zeile-doppel input,.feld-zeile-doppel select,.feld-zeile-doppel textarea,.feld-zeile-telefon input,.inline-edit-input,.select-plain{width:100%}@media (width<=720px){.feld-zeile,.feld-zeile-doppel,.feld-zeile-telefon{gap:6px}.feld-zeile{grid-template-columns:1fr}.feld-zeile-doppel{grid-template-columns:1fr 1fr}.feld-doppel-strasse{grid-template-columns:3fr 1fr}.feld-doppel-plz{grid-template-columns:80px 1fr}.feld-zeile-telefon{grid-template-columns:88px 1fr}.feld-zeile label,.feld-zeile-doppel label,.feld-zeile-telefon label{grid-column:1/-1}}@container (width<=300px){.feld-zeile,.feld-zeile-doppel,.feld-zeile-telefon{gap:6px}.feld-zeile{grid-template-columns:1fr}.feld-zeile-doppel{grid-template-columns:1fr 1fr}.feld-doppel-strasse{grid-template-columns:3fr 1fr}.feld-doppel-plz{grid-template-columns:80px 1fr}.feld-zeile-telefon{grid-template-columns:88px 1fr}.feld-zeile label,.feld-zeile-doppel label,.feld-zeile-telefon label{grid-column:1/-1}}.passwort-feld{width:100%;display:block;position:relative}.passwort-feld input{padding-right:38px}.passwort-auge{border-radius:var(--radius-feld);width:30px;height:30px;color:var(--text-sekundaer);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.passwort-auge:hover{color:var(--text-primaer);background:var(--oberflaeche-alt)}.checkbox-zeile{align-items:center;gap:var(--abstand-klein);margin-bottom:var(--abstand-feld);font-size:var(--text-groesse-normal);color:var(--text-primaer);display:flex}.checkbox-zeile input{width:16px;height:16px}.checkbox-zeile-eingerueckt{margin-left:100px}.formular-aktionen{margin-top:var(--abstand-karten-gap);justify-content:flex-end;gap:10px;display:flex}.pflicht-hinweis{font-size:var(--text-groesse-klein);color:var(--text-sekundaer);background:var(--oberflaeche);border:1px solid var(--rand);margin-bottom:var(--abstand-karten-gap);border-radius:10px;padding:10px 14px}.fehler-text{color:var(--fehler);font-size:var(--text-groesse-normal);margin:8px 0}.vorwahl-dropdown{position:relative}.vorwahl-dropdown-button{width:100%;min-height:var(--feld-hoehe);border:var(--feld-rand) solid var(--rand);border-radius:var(--radius-feld);background:var(--feld-bg);font-size:var(--text-groesse-normal);cursor:pointer;box-sizing:border-box;color:var(--text-primaer);justify-content:space-between;align-items:center;gap:4px;padding:0 8px;display:flex}.vorwahl-dropdown-button:focus{border-color:var(--akzent);outline:none;box-shadow:0 0 0 3px #2563eb2e}.vorwahl-dropdown-button svg{color:var(--text-muted);flex-shrink:0}.vorwahl-dropdown-liste{background:var(--oberflaeche);border:1px solid var(--rand);border-radius:var(--radius-feld);min-width:220px;max-height:280px;box-shadow:var(--schatten-dropdown);z-index:30;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.vorwahl-dropdown-option{cursor:pointer;width:100%;font-size:var(--text-groesse-normal);text-align:left;border-radius:var(--radius-klein);color:var(--text-primaer);background:0 0;border:none;align-items:center;gap:8px;padding:7px 8px;display:flex}.vorwahl-dropdown-option:hover{background:var(--hover-akzent)}.vorwahl-dropdown-option--aktiv{background:var(--hover-akzent);color:var(--akzent)}.vorwahl-dropdown-option-code{font-variant-numeric:tabular-nums;color:var(--text-sekundaer);min-width:44px}.vorwahl-dropdown-option--aktiv .vorwahl-dropdown-option-code{color:var(--akzent)}.table-card{border:1px solid var(--rand);background:var(--oberflaeche);margin-bottom:var(--abstand-karten-gap);border-radius:12px;overflow:auto hidden}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px;font-size:var(--text-groesse-normal)}.data-table thead th{text-align:left;background:var(--oberflaeche-alt);color:var(--text-sekundaer);font-weight:500;font-size:var(--text-groesse-mini);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--rand);padding:10px 14px}.data-table td{border-bottom:1px solid var(--rand);color:var(--text-primaer);white-space:nowrap;text-overflow:ellipsis;padding:10px 14px;overflow:hidden}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--oberflaeche-alt);cursor:pointer}.ziffer-cell{font-variant-numeric:tabular-nums}.zustand-badge,.typ-badge,.ziffer-badge{border-radius:var(--radius-badge);font-size:var(--text-groesse-mini);padding:2px 8px;font-weight:600;display:inline-block}.ziffer-badge{color:#0d9488;background:#14b8a626}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.search-wrap{min-height:var(--feld-hoehe);padding:0 var(--feld-innen-x);border:var(--feld-rand) solid var(--rand);border-radius:var(--radius-feld);background:var(--feld-bg);min-width:220px;color:var(--text-sekundaer);flex:1;align-items:center;gap:8px;transition:border-color .15s,box-shadow .15s;display:flex}.search-wrap:focus-within{border-color:var(--akzent);box-shadow:0 0 0 3px #2563eb2e}.search-wrap input{min-height:0;font-size:var(--text-groesse-normal);width:100%;color:var(--text-primaer);background:0 0;border:none;outline:none;padding:0}.search-wrap input:focus{box-shadow:none}.eintraege-hinweis{font-size:var(--text-groesse-klein);color:var(--text-sekundaer);margin:0 0 10px}.pagination-bar{background:var(--oberflaeche-alt);border:1px solid var(--rand);border-radius:var(--radius-feld);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:grid}.pagination-center{text-align:center;color:var(--text-primaer)}.pagination-count{color:var(--text-sekundaer);font-size:var(--text-groesse-klein);margin-left:6px}.pagination-nav{min-height:var(--feld-hoehe-klein);border:var(--feld-rand) solid var(--rand);background:var(--oberflaeche);border-radius:var(--radius-klein);cursor:pointer;font-size:var(--text-groesse-klein);color:var(--text-primaer);padding:0 12px}.pagination-nav:disabled{opacity:.4;cursor:not-allowed}.reiter-leiste{gap:var(--abstand-klein);margin-bottom:var(--abstand-karten-gap);flex-wrap:wrap;display:flex}.form-panel{background:var(--oberflaeche);border:1px solid var(--rand);border-radius:12px;margin-bottom:18px;padding:18px}.form-panel h3{font-size:var(--text-groesse-karten-titel);color:var(--text-primaer);margin:0 0 12px;font-weight:600}.form-grid{gap:var(--abstand-feld);flex-wrap:wrap;align-items:center;display:flex}.waehrung-wrap{align-items:center;display:flex;position:relative}.waehrung-wrap .inline-edit-input{padding-right:24px}.waehrung-zeichen{color:var(--text-sekundaer);font-size:var(--text-groesse-klein);pointer-events:none;position:absolute;right:8px}.aktion-gruppe{justify-content:flex-end;gap:4px;display:flex}.shell{flex-direction:column;height:100vh;display:flex}.shell-kopf{background:var(--topbar-bg);border-bottom:1px solid var(--rand);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:24px;min-height:60px;padding:0 24px;display:flex}.shell-marke{color:var(--text-primaer);white-space:nowrap;font-size:16px;font-weight:700}.shell-marke span{font-size:var(--text-groesse-mini);color:var(--text-sekundaer);font-weight:500;display:block}.shell-reiter{gap:4px;margin-left:auto;display:flex}.anmeldung{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.anmeldung-karte{background:var(--oberflaeche);border:1px solid var(--rand);border-radius:var(--radius-karte);width:100%;max-width:420px;box-shadow:var(--schatten-karte);padding:var(--abstand-karte-innen)}.anmeldung-marke{color:var(--text-primaer);margin-bottom:20px;font-size:18px;font-weight:700}.anmeldung-marke span{font-size:var(--text-groesse-klein);color:var(--text-sekundaer);margin-top:2px;font-weight:500;display:block}.anmeldung-karte label{font-size:var(--text-groesse-klein);color:var(--text-sekundaer);margin-bottom:6px;display:block}.anmeldung-karte input{width:100%;margin-bottom:14px}.anmeldung-karte .passwort-feld{margin-bottom:14px}.anmeldung-karte .passwort-feld input{margin-bottom:0}.anmeldung-karte .btn-primary{width:100%;margin-top:6px}.anmeldung-karte .hinweis{margin-bottom:14px}.shell-inhalt{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow-y:auto}.shell-inhalt-mitte{flex-direction:column;flex:1;width:100%;max-width:1280px;min-height:0;margin:0 auto;display:flex}.seite-hoch{flex-direction:column;flex:1;min-height:0;display:flex}.seite-hoch>:not(.karte-hoch){flex-shrink:0}.seiten-kopf{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.seiten-kopf h1{font-size:var(--text-groesse-ueberschrift);margin:0}.seiten-kopf p{font-size:var(--text-groesse-klein);color:var(--text-sekundaer);margin:4px 0 0}.meldung{border-radius:var(--radius-button);font-size:var(--text-groesse-normal);border:1px solid #0000;margin-bottom:16px;padding:10px 14px}.meldung--erfolg{color:var(--erfolg);background:#16a34a1a;border-color:#16a34a59}.meldung--fehler{color:var(--fehler);background:#dc26261a;border-color:#dc262659}.meldung--warnung{color:var(--warnung);background:#d977061a;border-color:#d9770659}.stand{border-radius:var(--radius-badge);font-size:var(--text-groesse-mini);white-space:nowrap;padding:3px 9px;font-weight:600;display:inline-block}.stand--Laeuft{color:var(--erfolg);background:#16a34a24}.stand--Unbefristet{color:var(--akzent);background:#2563eb24}.stand--Abgelaufen{color:var(--fehler);background:#dc262624}.stand--Zurueckgezogen{color:var(--text-sekundaer);background:#64748b2e}.stand--Keine{color:var(--text-muted);background:#64748b24}.stand--bald{color:var(--warnung);background:#d9770629}.schluessel-feld{font-family:Consolas,Courier New,monospace;font-size:var(--text-groesse-mini);background:var(--oberflaeche-alt);border:1px solid var(--rand);border-radius:var(--radius-feld);word-break:break-all;color:var(--text-primaer);-webkit-user-select:all;user-select:all;padding:10px 12px;line-height:1.5}.download-adresse{align-items:center;gap:var(--abstand-klein);flex-wrap:wrap;min-width:0;display:flex}.download-adresse .download-ordner{color:var(--text-sekundaer);word-break:break-all}.download-adresse select{flex:1;min-width:220px}.feld-zeile--voll{flex-direction:column;flex:1;align-items:stretch;gap:6px;min-height:0;display:flex}.feld-zeile--voll label{flex-shrink:0}.feld-zeile--voll textarea{min-height:calc(var(--feld-hoehe) * 4);resize:vertical;flex:1}.zwei-spalten{gap:var(--abstand-karten-gap);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.lizenz-karte{border:1px solid var(--rand);border-radius:var(--radius-feld);background:var(--oberflaeche-alt);margin-bottom:12px;padding:14px}.lizenz-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lizenz-meta{font-size:var(--text-groesse-klein);color:var(--text-sekundaer)}.lizenz-aktionen{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hinweis{font-size:var(--text-groesse-klein);color:var(--text-sekundaer);margin:6px 0 0}textarea{width:100%}.leer-hinweis{text-align:center;color:var(--text-sekundaer);font-size:var(--text-groesse-normal);padding:28px}.klickbar{cursor:pointer}
