@font-face{font-family:Visby Round;src:url(/fonts/visby-round-bold.woff2)format("woff2");font-weight:600 800;font-display:swap}:root{--grund:#f3f6f8;--flaeche:#fff;--tinte:#14202d;--gedaempft:#607083;--blau:#086d9f;--blau-dunkel:#05577f;--blau-zart:#e2f0f6;--gold:#b58b3f;--gold-zart:#fbf4e5;--rahmen:#d7e0e8;--erfolg:#257552;--warnung:#b3261e;--warnung-dunkel:#8f1e18;--aus-flaeche:#e1e8ee;--schatten:0 18px 44px #182e4314;--radius:12px;--ziel:56px;color:var(--tinte);background:var(--grund);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/1.4 Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #fff 0 11.5rem, var(--grund) 11.5rem);margin:0}#root{min-height:100svh}h1,h2{letter-spacing:-.025em;color:var(--tinte);margin:0;font-family:Visby Round,Segoe UI,sans-serif;font-weight:700}h1{font-size:24px}h2{font-size:22px}p{margin:0}.app-kopf{background:var(--flaeche);border-bottom:1px solid var(--rahmen)}.kopfleiste{grid-template-columns:10rem minmax(0,1fr) 3rem;align-items:center;gap:1.5rem;max-width:74rem;min-height:8.5rem;margin:0 auto;padding:1rem 1.5rem;display:grid}.kopf-logo{object-fit:contain;object-position:left center;width:8.5rem;height:auto;max-height:3.5rem}.kopf{flex-direction:column;align-items:center;gap:.125rem;min-width:0;display:flex}.kopf-label{letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft);font-family:Visby Round,Segoe UI,sans-serif;font-size:12px;font-weight:600}.kopf-detail{color:var(--gedaempft);text-align:center;font-size:15px}.kopf-nummer{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--tinte);font-family:Visby Round,Segoe UI,sans-serif;font-size:clamp(2.35rem,5vw,3.25rem);font-weight:700;line-height:1}.reiter{flex-wrap:wrap;gap:.5rem;max-width:74rem;margin:0 auto;padding:1rem 1.5rem .5rem;display:flex}.reiter button{min-width:9.25rem;min-height:46px;color:var(--tinte);background:var(--flaeche);border:1px solid var(--rahmen);cursor:pointer;border-radius:10px;padding:0 1.25rem;font-family:Visby Round,Segoe UI,sans-serif;font-size:16px;font-weight:700;line-height:1.43}.reiter button:hover:not(:disabled){background:var(--blau-zart)}.reiter button[aria-pressed=true]{background:var(--tinte);border-color:var(--tinte);color:#fff}.reiter button[aria-pressed=true]:hover:not(:disabled){background:#273849;border-color:#273849}.reiter button:disabled{opacity:.5;cursor:not-allowed}.vergabe,.suche,.bestand,.bearbeiten,.anmeldung{background:var(--flaeche);border:1px solid var(--rahmen);box-shadow:var(--schatten);border-radius:16px;flex-direction:column;gap:1.25rem;width:min(100% - 3rem,74rem);margin:0 auto 1.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.vergabe,.bestand,.bearbeiten{max-width:46rem}.suche{max-width:74rem}form{flex-direction:column;align-items:stretch;gap:1rem;display:flex}label{color:var(--gedaempft);flex-direction:column;gap:.375rem;font-size:15px;font-weight:600;display:flex}input{min-height:var(--ziel);color:var(--tinte);background:#fbfcfd;border:1px solid #cbd8e3;border-radius:10px;padding:0 .875rem;font-family:inherit;font-size:17px;font-weight:600;line-height:1.43;transition:border-color .15s,box-shadow .15s,background .15s}input:focus-visible{border-color:var(--blau);background:var(--flaeche);outline:0;box-shadow:0 0 0 3px #086d9f29}input:disabled{background:var(--grund);color:var(--gedaempft)}button{min-height:var(--ziel);color:#fff;background:var(--blau);border:1px solid var(--blau);cursor:pointer;border-radius:10px;padding:0 1.25rem;font-family:Visby Round,Segoe UI,sans-serif;font-size:16px;font-weight:700;line-height:1.43;transition:transform .15s,background .15s,border-color .15s}button:hover:not(:disabled){background:var(--blau-dunkel);border-color:var(--blau-dunkel)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--tinte);outline-offset:2px}button:disabled{background:var(--aus-flaeche);border-color:var(--aus-flaeche);color:var(--gedaempft);cursor:not-allowed}.zweitrangig,.vergabe form button[type=button],.bearbeiten .knoepfe button[type=button],.suche td button{background:var(--flaeche);color:var(--blau);border-color:var(--rahmen)}.zweitrangig:hover:not(:disabled),.vergabe form button[type=button]:hover:not(:disabled),.bearbeiten .knoepfe button[type=button]:hover:not(:disabled),.suche td button:hover:not(:disabled){background:var(--blau-zart);border-color:var(--blau-zart);color:var(--blau)}.abmelden{width:44px;min-height:44px;color:var(--blau);background:var(--blau-zart);border-color:#0000;flex-shrink:0;align-self:center;place-items:center;padding:0;display:inline-grid}.abmelden:hover:not(:disabled){color:#fff;background:var(--blau);border-color:var(--blau)}.abmelden svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.knoepfe{flex-wrap:wrap;gap:.75rem;display:flex}[role=alert]{color:var(--warnung);font-size:16px}[role=status]{color:var(--erfolg);font-size:16px;font-weight:600}.hinweis{color:var(--gedaempft);font-size:15px}.warnung{color:var(--warnung);font-size:15px}.kopf .warnung{flex-basis:100%}.vergabe form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:1rem;display:grid}.vergabe form label{min-width:0}.vergabe-neu,.vergabe-treffer{border:1px solid var(--rahmen);background:#f7fafc;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1.5rem;display:flex}.vergabe-neu{background:var(--gold-zart);border-color:#ecd7a8}.grossenummer{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--tinte);margin:.25rem 0 .5rem;font-size:clamp(3.5rem,12vw,6rem);font-weight:600;line-height:1}.vergabe-treffer p:not(.grossenummer),.vergabe-neu p:not(.grossenummer){font-size:16px}.vergabe-treffer>p:first-child:not(.grossenummer){letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft);font-size:12px;font-weight:600}.vergabe-neu{align-items:stretch;gap:1rem}.vergabe-neu>p:first-child{margin-bottom:.25rem}.bestand form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem 1.25rem;display:grid}.bestand form button{grid-column:1/-1;justify-self:start;min-width:14rem}.suche form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.suche form label{min-width:0}.treffer-tabelle{border:1px solid var(--rahmen);border-radius:12px;overflow-x:auto}.treffer-tabelle table{min-width:44rem}.suche table{border-collapse:collapse;width:100%}.suche th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--gedaempft);border-bottom:1px solid var(--rahmen);background:#f7fafc;padding:.5rem .75rem;font-size:13px;font-weight:600}.suche td{text-align:left;border-bottom:1px solid var(--rahmen);padding:.75rem;font-size:16px}.suche td button{min-height:44px;padding:0 1rem;font-size:15px}.suche .nummer{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:19px;font-weight:600}.suche tbody tr:hover{background:#f8fbfd}.suche tr.storniert td{color:var(--gedaempft)}.suche tr.storniert .nummer{text-decoration:line-through}.bearbeiten h2{font-variant-numeric:tabular-nums;letter-spacing:.03em}.bearbeiten h2:focus-visible{outline:2px solid var(--blau);outline-offset:4px}.bearbeiten .storno{border:1px solid var(--rahmen);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:.75rem;margin:0;padding:1.25rem;display:flex}.bearbeiten .storno legend{color:var(--warnung);padding:0 .375rem;font-size:15px;font-weight:600}.bearbeiten .storno button{background:var(--warnung);border-color:var(--warnung)}.bearbeiten .storno button:hover:not(:disabled){background:var(--warnung-dunkel);border-color:var(--warnung-dunkel)}.verlauf{border-top:1px solid var(--rahmen);flex-direction:column;gap:.75rem;padding-top:1.25rem;display:flex}.verlauf h3{margin:0;font-size:18px;font-weight:600}.verlauf [role=status]{color:var(--gedaempft);font-weight:400}.verlauf-liste{border:1px solid var(--rahmen);border-radius:var(--radius);max-height:18rem;margin:0;padding:0;list-style:none;overflow-y:auto}.verlauf-liste li{border-bottom:1px solid var(--rahmen);grid-template-columns:minmax(9.5rem,auto) 1fr minmax(7rem,auto);align-items:baseline;gap:.75rem;padding:.75rem;font-size:15px;display:grid}.verlauf-liste li:last-child{border-bottom:0}.verlauf-liste time,.verlauf-benutzer{color:var(--gedaempft)}.verlauf-liste time{font-variant-numeric:tabular-nums}.verlauf-aktion{font-weight:600}.anmeldung{border-top:3px solid var(--gold);max-width:26rem;margin-top:clamp(3rem,13vh,8rem)}.anmeldung-marke{align-items:end;gap:.75rem;padding-bottom:.5rem;display:flex}.anmeldung-marke img{width:min(12rem,65%);height:auto}.anmeldung-marke h1{color:var(--gedaempft);margin-bottom:.15rem;font-size:22px}@media (width<=640px){body{background:linear-gradient(180deg, #fff 0 8.5rem, var(--grund) 8.5rem)}.kopfleiste{grid-template-columns:5.75rem minmax(0,1fr) 2.75rem;gap:.75rem;min-height:7.25rem;padding:.75rem 1rem}.kopf-logo{width:5.75rem;max-height:2.8rem}.kopf{align-items:flex-start}.kopf-label{letter-spacing:.1em;font-size:10px}.kopf-nummer{font-size:clamp(2.1rem,12vw,2.7rem)}.kopf-detail{text-align:left;max-width:100%;font-size:12px}.reiter{grid-template-columns:repeat(3,minmax(0,1fr));padding:.75rem 1rem .5rem;display:grid}.reiter button{min-width:0;min-height:44px;padding-inline:.5rem;font-size:14px}.vergabe,.suche,.bestand,.bearbeiten,.anmeldung{width:calc(100% - 2rem);padding:1.25rem}.vergabe form{grid-template-columns:repeat(2,minmax(0,1fr))}.vergabe form label{grid-column:1/-1}.vergabe form button{padding-inline:.75rem}.bestand form{grid-template-columns:minmax(0,1fr)}.bestand form button{justify-self:stretch}.suche form{grid-template-columns:minmax(0,1fr)}.suche form button{width:100%}.treffer-tabelle{border:0;overflow:visible}.treffer-tabelle table,.treffer-tabelle tbody,.treffer-tabelle tr,.treffer-tabelle td{width:100%;min-width:0;display:block}.treffer-tabelle thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.treffer-tabelle tr{border:1px solid var(--rahmen);background:var(--flaeche);border-radius:12px;margin-bottom:.75rem;padding:.5rem 0;box-shadow:0 8px 20px #182e430d}.treffer-tabelle td{border:0;grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem;padding:.6rem .875rem;display:grid}.treffer-tabelle td:before{content:attr(data-label);color:var(--gedaempft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.treffer-tabelle td:last-child{padding-top:.875rem}.treffer-tabelle td:last-child:before{display:none}.treffer-tabelle td:last-child button{width:100%}.suche .nummer{font-size:18px}.verlauf-liste li{grid-template-columns:minmax(0,1fr);gap:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}