:root{--bg:#fff;--fg:#14171f;--muted:#5b6472;--border:#e3e7ee;--accent:#1d4ed8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1218;--fg:#e8ecf3;--muted:#9aa4b4;--border:#262c38;--accent:#6f9bff}}:root[data-theme=dark]{--bg:#0f1218;--fg:#e8ecf3;--muted:#9aa4b4;--border:#262c38;--accent:#6f9bff}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}main{max-width:60rem;margin:0 auto;padding:3rem 1.25rem}h1{margin:0 0 .5rem;font-size:1.75rem}p.lead{color:var(--muted);margin-top:0}.version-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;display:inline-block}.status-card{border:1px solid var(--border);border-radius:.75rem;margin-top:1.5rem;padding:1rem 1.25rem}main.schmal{max-width:26rem}h2{margin:0 0 .5rem;font-size:1.125rem}h2.abschnitt{margin:2.5rem 0 .25rem;font-size:1.25rem}label{margin:1rem 0 .35rem;font-size:.875rem;font-weight:600;display:block}input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:.5rem;padding:.6rem .75rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.5rem;margin-top:1.25rem;padding:.6rem 1.1rem;font-weight:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) button:not(.schlicht){color:#000}}:root[data-theme=dark] button:not(.schlicht){color:#000}button:disabled{opacity:.6;cursor:default}button.schlicht{color:var(--accent);background:0 0;margin-top:0;padding:.4rem 0;font-weight:500;text-decoration:underline}a{color:var(--accent)}.hinweis{color:var(--muted);margin:.5rem 0 0;font-size:.875rem}.warnung{color:var(--fg);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid var(--border);border-radius:.5rem;margin:.75rem 0 0;padding:.75rem 1rem;font-size:.9375rem}ul.fehler{border:1px solid var(--border);border-left:3px solid #b42318;border-radius:.5rem;margin:1.5rem 0 0;padding:.75rem 1rem .75rem 2rem;font-size:.9375rem}.fusszeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.adresse{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.0625rem}.zahl{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.kacheln{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.25rem;margin-top:1rem;display:grid}.kachel>p{margin:0}.kachel-titel{font-weight:600}.zugangsliste{margin:1rem 0 0;padding:0;list-style:none}.zugangsliste>li{border-bottom:1px solid var(--border);padding:.75rem 0}.zugangsliste>li:last-child{border-bottom:0}.zugangsliste>li>p{margin:0}.zugangszeile{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0 0;display:flex}.kundenkopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.kundenkopf>p{margin:0}.marke{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.marke-ja{border-color:var(--accent);font-weight:600}.ausgabe{border:2px solid #b26a00;border-radius:.75rem;margin-top:1.5rem;padding:1rem 1.25rem 1.25rem}.ausgabe>h2{margin-top:0}.codeliste{margin:1rem 0 0;padding:0;list-style:none}.codekarte{border:1px solid var(--border);border-radius:.5rem;margin-bottom:.75rem;padding:.875rem 1rem}.codekarte:last-child{margin-bottom:0}.klartext{letter-spacing:.02em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:600}.codezeile{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.codezeile button{margin-top:0}.wache{inset-inline:1rem;z-index:100;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg);border-radius:.75rem;max-width:24rem;margin-inline:auto;padding:1rem 1.25rem;position:fixed;bottom:1rem;box-shadow:0 10px 30px #0000002e}.wache h2{margin:0;font-size:1rem}.wache button{width:100%;margin-top:.75rem}@media (min-width:40rem){.wache{margin-inline:0;inset-inline:auto 1.5rem}}