.anmeldeseite{height:100%;display:flex}.markenpanel{color:#f2f4f8;background:#14171d;flex-direction:column;flex:0 0 42%;justify-content:center;max-width:560px;padding:48px;display:flex;position:relative;overflow:hidden}.markenpanel:before{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--accent) 55%, transparent);filter:blur(2px);border-radius:64px;width:78%;position:absolute;bottom:-22%;right:-18%;transform:rotate(12deg)}.markenpanel-inhalt{z-index:1;max-width:40ch;position:relative}.markenpanel .suite{letter-spacing:.18em;color:#f2f4f899;font-size:11px;font-weight:600}.markenpanel h1{margin:6px 0 14px;font-size:clamp(28px,3vw,38px);font-weight:600}.markenpanel p{color:#f2f4f8b8;margin:0;font-size:15px;line-height:1.65}.hersteller{z-index:1;color:#f2f4f8a8;align-items:center;gap:10px;margin-top:auto;font-size:13.5px;display:flex;position:relative}.hersteller:hover{color:#fff}.hersteller img{object-fit:contain}.anmeldeflaeche{flex:1;place-items:center;padding:32px 24px;display:grid;overflow-y:auto}.anmeldekasten{width:min(400px,100%)}.anmeldekasten h2{font-size:22px;font-weight:600}.anmeldekasten p{margin:4px 0 0;font-size:14px}.codefeld{letter-spacing:.35em;text-align:center;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:24px}.fehlerband{border-radius:var(--r-feld);background:var(--dangerSoft);color:var(--danger);padding:11px 14px;font-size:14px;line-height:1.5}.hinweisband{border-radius:var(--r-feld);background:var(--soft);border:1px solid var(--hair);color:var(--muted);padding:12px 14px;font-size:13.5px;line-height:1.55}.einrichtung{color:var(--muted);flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:14px;line-height:1.55;display:flex}.geheimnis{border:1px solid var(--line);background:var(--soft);color:var(--ink);letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;margin-top:7px;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;display:block}.zurueck{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-size:13.5px}.zurueck:hover{color:var(--ink);text-decoration:underline}@media (width<=900px){.anmeldeseite{flex-direction:column}.markenpanel{text-align:center;flex:none;align-items:center;max-width:none;padding:28px 24px}.markenpanel h1{font-size:24px}.markenpanel p,.hersteller{display:none}}@font-face{font-family:Instrument Sans;src:url(/assets/fonts/InstrumentSans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2122,U+2191,U+2193,U+2212}@font-face{font-family:Instrument Sans;src:url(/assets/fonts/InstrumentSans-latin-ext.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+100-24F,U+1E??,U+20A0-20AB}:root{--bgPage:#f4f5f7;--bgCard:#fff;--ink:#171a20;--muted:#6a7180;--faint:#9aa0ab;--soft:#f4f5f7;--line:#d9dde4;--hair:#e6e8ec;--danger:#c4453a;--dangerSoft:#fbeeed;--ok:#1f8a5b;--okSoft:#eaf5ef;--warn:#b4552d;--warnSoft:#f9eee8;--bannerEdge:transparent;--accent:#3d63dd;--accentInk:#3d63dd;--accentSoft:color-mix(in srgb, var(--accent) 9%, white);--r-karte:14px;--r-feld:10px;--r-pille:999px;--r-modal:16px;--dichte:1;--grundschrift:16px}[data-theme=dark]{--bgPage:#0e1116;--bgCard:#161a21;--ink:#f2f4f8;--muted:#8b93a1;--faint:#5c6470;--soft:#1d222b;--line:#333b48;--hair:#262c36;--danger:#e06b60;--dangerSoft:#c4453a29;--ok:#4caf82;--okSoft:#1f8a5b29;--warn:#d98b62;--warnSoft:#b4552d29;--bannerEdge:#2e3540;--accentInk:color-mix(in oklab, var(--accent) 55%, white);--accentSoft:color-mix(in srgb, var(--accent) 16%, #161a21)}[data-textgroesse=Klein]{--grundschrift:15px}[data-textgroesse=Gross]{--grundschrift:17.5px}[data-geraeumigkeit=Kompakt]{--dichte:.8}[data-geraeumigkeit=Luftig]{--dichte:1.25}*,:before,:after{box-sizing:border-box}html,body,#wurzel{height:100%}body{background:var(--bgPage);color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--grundschrift);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3{letter-spacing:-.02em;margin:0}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.btn{height:calc(38px * var(--dichte));border-radius:var(--r-feld);border:1px solid var(--line);background:var(--bgCard);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){background:var(--soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-akzent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-akzent:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, black)}.btn-gefahr{border-color:var(--danger);color:var(--danger);background:0 0}.btn-gefahr:hover:not(:disabled){background:var(--dangerSoft)}.btn-flach{background:0 0;border-color:#0000}.btn-flach:hover:not(:disabled){background:var(--soft)}.btn-klein{height:calc(30px * var(--dichte));padding:0 11px;font-size:13px}.btn-icon{width:calc(34px * var(--dichte));padding:0}@keyframes rippleA{0%{opacity:.14;transform:scale(0)}to{opacity:0;transform:scale(1)}}.ripple{pointer-events:none;background:currentColor;border-radius:50%;animation:.5s ease-out forwards rippleA;position:absolute}.feld{flex-direction:column;gap:6px;display:flex}.feld>label{color:var(--muted);font-size:13px;font-weight:500}.feld>.hinweis{color:var(--faint);font-size:12.5px}input[type=text],input[type=password],input[type=email],input[type=number],input[type=datetime-local],input[type=time],select,textarea{width:100%;padding:calc(11px * var(--dichte)) 14px;border:1px solid var(--line);border-radius:var(--r-feld);background:var(--bgCard);color:var(--ink);font:inherit;font-size:14.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{resize:vertical;min-height:96px;line-height:1.55}.schalter{cursor:pointer;align-items:center;gap:10px;font-size:14.5px;display:flex}.schalter input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.karte{background:var(--bgCard);border:1px solid var(--hair);border-radius:var(--r-karte);overflow:hidden}.karte-kopf{align-items:center;gap:12px;min-height:52px;padding:16px 20px;display:flex}.karte-kopf h2{font-size:15.5px;font-weight:600}.karte-kopf .rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.karte-inhalt{padding:0 20px 18px}.karte-fuss{border-top:1px solid var(--hair);background:var(--soft);padding:12px 20px}.pille{border-radius:var(--r-pille);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.p-ok{background:var(--okSoft);color:var(--ok)}.p-warn{background:var(--warnSoft);color:var(--warn)}.p-gefahr{background:var(--dangerSoft);color:var(--danger)}.p-info{background:var(--accentSoft);color:var(--accentInk)}.p-neutral{background:var(--soft);color:var(--muted)}.punkt{border-radius:50%;flex:none;width:8px;height:8px}.d-ok{background:var(--ok)}.d-warn{background:var(--warn)}.d-gefahr{background:var(--danger)}.d-info{background:var(--accent)}.d-neutral{background:var(--faint)}.tabelle{border-collapse:collapse;width:100%;font-size:14px}.tabelle th{text-align:left;color:var(--muted);border-bottom:1px solid var(--hair);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:12.5px;font-weight:600}.tabelle td{padding:calc(11px * var(--dichte)) 12px;border-bottom:1px solid var(--hair);vertical-align:middle}.tabelle tbody tr:last-child td{border-bottom:0}.tabelle tbody tr{cursor:default}.tabelle tbody tr:hover{background:var(--soft)}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}.tabelle .aktionen{text-align:right;white-space:nowrap;width:1%}.tabelle-huelle{overflow-x:auto}.leer{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.leer h3{font-size:15.5px;font-weight:600}.leer p{max-width:46ch;color:var(--muted);margin:0;font-size:14px}.skelett{background:linear-gradient(90deg, var(--soft) 25%, var(--hair) 50%, var(--soft) 75%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.4s linear infinite schimmer}@keyframes schimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:12.5px}.gedimmt{color:var(--muted)}.schwach{color:var(--faint)}.klein{font-size:12.5px}.reihe{align-items:center;gap:10px;display:flex}.spalte{flex-direction:column;gap:10px;display:flex}.wachsen{flex:1}.raster{gap:16px;display:grid}.schale{height:100%;display:flex;overflow:hidden}.sidebar{flex:0 0 var(--sidebar);width:var(--sidebar);background:var(--bgCard);border-right:1px solid var(--hair);flex-direction:column;display:flex;position:relative}.sidebar-kopf{border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:10px;height:64px;padding:0 16px;display:flex}.sidebar-kopf img{object-fit:contain;flex:none}.marke{flex-direction:column;min-width:0;line-height:1.15;display:flex}.marke .suite{letter-spacing:.14em;color:var(--faint);font-size:10.5px;font-weight:600}.marke .produkt{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.nav{flex-direction:column;flex:1;gap:16px;padding:12px 10px;display:flex;overflow-y:auto}.nav-gruppe{flex-direction:column;gap:2px;display:flex}.nav-titel{letter-spacing:.14em;color:var(--faint);padding:4px 10px 6px;font-size:10.5px;font-weight:600}.nav-eintrag{padding:calc(9px * var(--dichte)) 10px;border-radius:var(--r-feld);color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:11px;font-size:14.5px;display:flex;position:relative;overflow:hidden}.nav-eintrag:hover{background:var(--soft);color:var(--ink)}.nav-eintrag.aktiv{background:var(--accentSoft);color:var(--accentInk);font-weight:600}.nav-icon{text-align:center;flex:none;width:20px;font-size:15px}.schmal .nav-eintrag{justify-content:center;padding-left:0;padding-right:0}.schmal .sidebar-kopf{justify-content:center;padding:0 8px}.sidebar-fuss{border-top:1px solid var(--hair);padding:10px}.schmal .sidebar-fuss .btn{width:100%;padding:0}.sidebar-griff{cursor:col-resize;z-index:5;width:6px;position:absolute;top:0;bottom:0;right:-3px}.sidebar-griff:hover{background:var(--accentSoft)}.haupt{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bgCard);border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.konto-pille{border-radius:var(--r-pille);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:5px 12px 5px 5px;display:flex;position:relative;overflow:hidden}.konto-pille:hover{background:var(--soft)}.konto-name{font-size:14px;font-weight:500}.avatar{background:var(--accentSoft);width:30px;height:30px;color:var(--accentInk);border-radius:50%;flex:none;place-items:center;font-size:11.5px;font-weight:700;display:grid}.avatar.gross{width:40px;height:40px;font-size:14px}.inhalt{flex:1;padding:clamp(18px,2vw,26px);overflow-y:auto}.seitenkopf{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.seitenkopf h1{font-size:clamp(21px,2.2vw,25px);font-weight:600}.seitenkopf p{margin:3px 0 0;font-size:14px}.seitenkopf-aktionen{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}@media (width<=767px){.inhalt{padding:16px}.konto-name{display:none}}.scrim{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c106b;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bgCard);border-left:1px solid var(--hair);flex-direction:column;width:min(360px,100%);height:100%;display:flex}.drawer-links{border-left:0;border-right:1px solid var(--hair);margin-right:auto}.drawer-kopf{border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.drawer-kopf .btn{margin-left:auto}.drawer-inhalt{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.drawer-zeile{border:1px solid var(--hair);border-radius:var(--r-feld);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:center;padding:12px 14px;font-size:14.5px;display:flex;position:relative;overflow:hidden}.drawer-zeile:hover{background:var(--soft)}.drawer-zeile span{margin-left:auto}.versionsbanner{border:1px solid var(--line);border-radius:var(--r-karte);background:var(--bgCard);flex-direction:column;gap:4px;padding:14px;display:flex}[data-theme=dark] .versionsbanner{border-color:var(--bannerEdge);background:#14171d}.scrim:has(.modal){justify-content:center;align-items:center;padding:20px}.modal{background:var(--bgCard);border-radius:var(--r-modal);border:1px solid var(--hair);flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 60px -20px #00000059}.modal-breit{width:min(900px,100%)}.modal-kopf{border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:12px;padding:18px 20px;display:flex}.modal-kopf h2{font-size:16.5px;font-weight:600}.modal-kopf .btn{margin-left:auto}.modal-inhalt{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.modal-fuss{border-top:1px solid var(--hair);background:var(--soft);flex:none;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.toast-stapel{z-index:95;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bgCard);border:1px solid var(--line);border-radius:12px;align-items:center;gap:11px;width:420px;max-width:calc(100vw - 40px);padding:12px 12px 12px 14px;animation:.22s cubic-bezier(.16,.84,.3,1) toastRein;display:flex;box-shadow:0 14px 34px -18px #00000080}@keyframes toastRein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast-chip{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.chip-erfolg{background:var(--okSoft);color:var(--ok)}.chip-fehler{background:var(--dangerSoft);color:var(--danger)}.chip-warnung{background:var(--warnSoft);color:var(--warn)}.chip-info{background:var(--accentSoft);color:var(--accentInk)}.toast-text{flex:1;font-size:14px;line-height:1.45}.toast-zu{cursor:pointer;color:var(--faint);background:0 0;border:0;flex:none;padding:0}.toast-zu:hover{color:var(--ink)}.toast-zu svg{stroke:currentColor;display:block}.toast-zu .ring{stroke:var(--faint);stroke-dasharray:53.4;animation:8s linear forwards ringAb}@keyframes ringAb{0%{stroke-dashoffset:0}to{stroke-dashoffset:53.4px}}[data-trennlinien=false] .tabelle td{border-bottom-color:#0000}.statreihe{flex-wrap:wrap;padding:18px 4px;display:flex}.stat{border-left:1px solid var(--hair);flex-direction:column;flex:130px;gap:2px;padding:0 20px;display:flex}.stat:first-child{border-left:0}.stat-label{color:var(--muted);font-size:12.5px}.stat-wert{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat-meta{color:var(--faint);font-size:12px}.ton-ok{color:var(--ok)}.ton-warn{color:var(--warn)}.ton-gefahr{color:var(--danger)}.ton-neutral{color:var(--muted)}.handlungsband{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.handlung{border:1px solid var(--line);border-radius:var(--r-feld);background:var(--bgCard);color:var(--ink);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.handlung:hover{border-color:var(--accent);text-decoration:none}.trenner{border:0;border-top:1px solid var(--hair);margin:4px 0}.mehrfachwahl{border:1px solid var(--line);border-radius:var(--r-feld);background:var(--bgCard);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 18px;max-height:260px;padding:12px 14px;display:grid;overflow-y:auto}.verlauf{flex-direction:column;gap:18px;margin:0;padding:4px 20px 20px 34px;list-style:none;display:flex;position:relative}.verlauf:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:26px;left:24px}.verlauf li{position:relative}.verlauf li:before{content:"";background:var(--faint);width:7px;height:7px;box-shadow:0 0 0 3px var(--bgCard);border-radius:50%;position:absolute;top:7px;left:-14px}.verlauf li:first-child:before{background:var(--accent)}.verlauf p{color:var(--muted);white-space:pre-wrap;max-width:78ch;margin:5px 0 0;font-size:14.5px;line-height:1.6}.testkasten{border:1px solid var(--ok);border-radius:var(--r-feld);background:var(--okSoft);padding:14px 16px}.testkasten.fehlgeschlagen{border-color:var(--danger);background:var(--dangerSoft)}.testkasten .tabelle{background:var(--bgCard);border-radius:8px}.testkasten .tabelle th,.testkasten .tabelle td{padding:7px 10px}.zuordnung{border:1px solid var(--hair);border-radius:var(--r-karte);background:var(--bgCard);padding:16px}.modus-wahl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.modus{border:1px solid var(--line);border-radius:var(--r-feld);cursor:pointer;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.modus:hover{background:var(--soft)}.modus.gewaehlt{border-color:var(--accent);background:var(--accentSoft)}.modus input{opacity:0;pointer-events:none;position:absolute}.modus-text{font-size:14px;font-weight:600}.modus-erklaerung{color:var(--muted);font-size:12px;line-height:1.4}@media (width<=640px){.modus-wahl{grid-template-columns:1fr}}.vorschau{border:1px solid var(--line);border-radius:var(--r-karte);background:var(--soft);padding:18px 20px}.vorschau h3{font-size:18px;font-weight:600}.vorschau .verlauf{padding-bottom:0;padding-left:20px}.vorschau .verlauf:before{left:10px}.json{background:var(--bgCard);border:1px solid var(--hair);white-space:pre;border-radius:8px;margin:6px 0 0;padding:10px 12px;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;overflow-x:auto}.ladeschirm{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;display:flex}.ladeschirm img{object-fit:contain;opacity:.9}.ladepuls{color:var(--muted);font-size:14px;animation:1.6s ease-in-out infinite pulsieren}@keyframes pulsieren{0%,to{opacity:1}50%{opacity:.4}}