:root{--marke-navy:#1e2b3a;--marke-navy-hell:#2f3f52;--marke-blau:#5580ac;--marke-blau-dunkel:#456d95;--marke-blau-zart:#eaf0f7;--marke-kern:#2d4257;--marke-tinte:#262626}*{box-sizing:border-box}body{color:#1f2937;background:#f3f4f6;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:13px}.wortmarke{letter-spacing:-.01em;align-items:center;gap:.02em;font-family:Poppins,Century Gothic,Futura,Segoe UI,system-ui,sans-serif;font-weight:700;line-height:1;display:inline-flex}.marke{align-items:center;gap:10px;display:inline-flex}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;padding:4px 12px}button:hover:not(:disabled){background:#e5e7eb}button:disabled{color:#9ca3af;cursor:default}button.primaer{background:var(--marke-blau);border-color:var(--marke-blau);color:#fff}button.primaer:hover:not(:disabled){background:var(--marke-blau-dunkel);border-color:var(--marke-blau-dunkel)}input,select,textarea{font:inherit;background:#fff;border:1px solid #cbd5e1;padding:4px 6px}input:focus,select:focus,textarea:focus{border-color:var(--marke-blau);outline:none}.kopf{background:var(--marke-navy);color:#fff;align-items:center;gap:20px;padding:10px 16px;display:flex}.kopf .produkt{color:#9fb3c8;border-left:1px solid var(--marke-navy-hell);margin-left:-8px;padding-left:20px;font-size:13px}.kopf nav{gap:4px;display:flex}.kopf nav button{color:#cbd5e1;background:0 0;border:none;padding:6px 12px}.kopf nav button:hover{background:var(--marke-navy-hell);color:#fff}.kopf nav button.aktiv{background:var(--marke-blau);color:#fff;font-weight:600}.kopf .abmelden{border:1px solid var(--marke-navy-hell);color:#cbd5e1;background:0 0;margin-left:auto}.kopf .abmelden:hover{background:var(--marke-navy-hell);color:#fff}.banner-replikat{color:#92400e;background:#fef3c7;border-bottom:1px solid #f59e0b;padding:6px 16px}.banner-hinweis{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;margin:8px 0;padding:6px 10px}.inhalt{max-width:1400px;padding:16px}.karte{background:#fff;border:1px solid #d1d5db;margin-bottom:16px;padding:12px}.karte h2{color:#374151;margin:0 0 8px;font-size:13px;font-weight:600}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:4px 8px}th{color:#4b5563;background:#f9fafb;border-bottom:1px solid #d1d5db;font-weight:600}tr.klickbar{cursor:pointer}tr.klickbar:hover{background:var(--marke-blau-zart)}tr.gewaehlt{background:#d9e4f0}.zeile{align-items:center;gap:8px;margin-bottom:6px;display:flex}.zeile>span:first-child{color:#4b5563;flex-shrink:0;width:150px}.hinweis{color:#6b7280}.fehler{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;margin:8px 0;padding:6px 10px}.erfolg{color:#166534;background:#f0fdf4;border:1px solid #86efac;margin:8px 0;padding:6px 10px}.status{border-radius:9px;padding:1px 8px;font-size:12px;display:inline-block}.status.offen{color:#92400e;background:#fef3c7}.status.zugewiesen{color:#166534;background:#dcfce7}.status.gesperrt{color:#b91c1c;background:#fee2e2}.code{background:#f3f4f6;padding:1px 4px;font-family:Consolas,monospace;font-size:12px}.login-rahmen{background:linear-gradient(160deg,#f3f4f6 0%,#e3eaf3 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-karte{border:1px solid #d1d5db;border-top:3px solid var(--marke-blau);background:#fff;width:340px;padding:28px 24px 24px;box-shadow:0 10px 30px #1e2b3a1f}.login-marke{flex-direction:column;align-items:center;gap:14px;margin-bottom:22px;display:flex}.login-produkt{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.login-karte input{width:100%;margin-bottom:10px}.login-karte button{width:100%}.geheimnis{letter-spacing:.06em;word-break:break-all;background:#f1f5f9;border-radius:4px;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}.geheimnis.lang{letter-spacing:0;max-height:7rem;font-size:.8rem;line-height:1.35;overflow:auto}.geheimnis-titel{margin:0 0 .25rem;font-weight:600}.zwei-faktor{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.formular{flex-direction:column;align-items:flex-start;gap:.5rem;max-width:28rem;display:flex}.info-knopf{color:#2563eb;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;width:1.6rem;height:1.6rem;font-style:italic;font-weight:700;line-height:1}.info-knopf:hover{background:#2563eb1f}.navi-info{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:.75rem;font-style:italic;font-weight:700;display:inline-flex}.ueber-schleier{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ueber-fenster{background:var(--flaeche,#fff);color:inherit;border:1px solid var(--rand,#d4d4d8);border-radius:.5rem;flex-direction:column;width:min(46rem,100%);max-height:85vh;display:flex;box-shadow:0 10px 30px #00000040}.ueber-kopf{border-bottom:1px solid var(--rand,#d4d4d8);justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:1rem;display:flex}.ueber-schliessen{cursor:pointer;color:inherit;background:0 0;border:none;font-size:1.4rem;line-height:1}.ueber-reiter{border-bottom:1px solid var(--rand,#d4d4d8);gap:.25rem;padding:.4rem .9rem 0;display:flex}.ueber-reiter button{cursor:pointer;color:inherit;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .7rem}.ueber-reiter button.aktiv{border-bottom-color:#2563eb;font-weight:600}.ueber-inhalt{padding:.9rem;overflow:auto}.ueber-version .gross{font-size:1.15rem;font-weight:600}.ueber-inhalt .still{opacity:.7}.ueber-eintrag{border-bottom:1px solid var(--rand,#e4e4e7);padding:.5rem 0}.ueber-eintrag-kopf{align-items:center;gap:.5rem;display:flex}.ueber-art{background:#2563eb26;border-radius:.25rem;padding:.05rem .4rem;font-size:.72rem}.ueber-art.patch{background:#78787833}.ueber-titel{margin:.2rem 0;font-weight:600}.ueber-komponenten{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.15rem;margin:0 0 .8rem;padding:0;list-style:none;display:grid}.ueber-komponenten button{text-align:left;cursor:pointer;color:#2563eb;font:inherit;background:0 0;border:none;padding:.15rem 0}.ueber-komponenten button:hover{text-decoration:underline}.ueber-zurueck{cursor:pointer;color:#2563eb;font:inherit;background:0 0;border:none;padding:0 0 .4rem}.ueber-lizenztext pre{white-space:pre-wrap;word-break:break-word;font-size:.78rem;line-height:1.45}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}