@font-face{font-family:Velvet Loom;src:url(/fonts/VelvetLoom-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Velvet Loom;src:url(/fonts/VelvetLoom-Heavy.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--grund:#f8f4ea;--flaeche:#fff;--tinte:#182338;--gedaempft:#5a657c;--blau:#1b3355;--blau-dunkel:#0b1730;--blau-zart:#efe7d2;--gold:#ae8c3e;--gold-zart:#faf3df;--rahmen:#1b33551f;--erfolg:#257552;--warnung:#b3261e;--warnung-dunkel:#8f1e18;--aus-flaeche:#e8e4da;--schatten:0 30px 60px -20px #0b173026;--marine:#0b1730;--or:#d9ba67;--or-degrade:linear-gradient(115deg, #8f7333 0%, #d9ba67 30%, #f4e3a4 50%, #d9ba67 68%, #9c7c35 100%);--radius:22px;--ziel:56px;color:var(--tinte);background:var(--grund);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:700 18px/1.5 Velvet Loom,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--grund);margin:0}#root{min-height:100svh;display:flow-root}h1,h2{letter-spacing:-.025em;color:var(--tinte);margin:0;font-family:Velvet Loom,system-ui,sans-serif;font-weight:800}h1{font-size:24px}h2{font-size:22px}p{margin:0}.app-kopf{color:#f2f0e8;background:linear-gradient(120deg, var(--marine), #1b3355);border-bottom:1px solid #d9ba6759}.app-kopf .kopf{color:#f2f0e8}.app-kopf .kopf-label{color:var(--or)}.app-kopf .kopf-detail{color:#bdc6d6}.app-kopf .kopf-nummer{color:var(--or)}.app-kopf [role=alert]{color:#ffc4bb}.kopfleiste{grid-template-columns:10rem minmax(0,1fr) 10rem;align-items:center;gap:1.5rem;max-width:64rem;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:Velvet Loom,system-ui,sans-serif;font-size:12px;font-weight:700}.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:Velvet Loom,system-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:64rem;margin:0 auto;padding:1.5rem 1.5rem 1rem;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:999px;padding:0 1.25rem;font-family:Velvet Loom,system-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(--marine);border-color:var(--marine);color:var(--or)}.reiter button[aria-pressed=true]:hover:not(:disabled){background:var(--blau);border-color:var(--blau)}.reiter button:disabled{opacity:.5;cursor:not-allowed}.vergabe,.suche,.bearbeiten,.anmeldung{background:var(--flaeche);border:1px solid var(--rahmen);border-radius:var(--radius);box-shadow:var(--schatten);flex-direction:column;gap:1.25rem;width:min(100% - 3rem,64rem);margin:0 auto 1.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.vergabe,.bearbeiten,.suche{max-width:64rem}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:#fdfbf6;border:1px solid #cec8b9;border-radius:12px;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(--gold);background:var(--flaeche);outline:0;box-shadow:0 0 0 3px #ae8c3e38}input:disabled{background:var(--grund);color:var(--gedaempft)}button{min-height:var(--ziel);color:var(--marine);background:var(--or-degrade);border:1px solid var(--gold);cursor:pointer;border-radius:999px;padding:0 1.25rem;font-family:Velvet Loom,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:1.43;transition:transform .15s,background .15s,border-color .15s;box-shadow:0 8px 22px -12px #ae8c3e8c}button:hover:not(:disabled){background:var(--or);border-color:var(--gold)}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;box-shadow:none}.zweitrangig,.vergabe form button[type=button],.bearbeiten .knoepfe button[type=button],.suche td button{color:var(--blau);box-shadow:none;background:0 0;border-color:#cec8b9}.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(--or);box-shadow:none;background:#d9ba6714;border-color:#d9ba6759;flex-shrink:0;place-self:center end;place-items:center;padding:0;display:inline-grid}.abmelden:hover:not(:disabled){color:var(--marine);background:var(--or);border-color:var(--or)}.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:#f8f4ea;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:#decc98}.vergabe-treffer p,.vergabe-neu p{font-size:16px}.waeschenummern-liste{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.waeschenummern-liste li{border:1px solid var(--rahmen);background:#fff;border-radius:8px;gap:.125rem;min-height:3.5rem;padding:.625rem .75rem;display:grid}.waeschenummern-liste li.neu{border-color:var(--gold);background:var(--gold-zart)}.waeschenummern-liste strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.waeschenummern-liste span,.waeschenummern-liste small{color:var(--gedaempft);font-size:12px}.vergabe-neu{align-items:stretch;gap:1rem}.vergabe-neu>p:first-child{margin-bottom:.25rem}.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:#f8f4ea;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:#faf7ef}.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{color:#fff;background:var(--warnung);border-color:var(--warnung);box-shadow:none}.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}body:has(.anmeldung){background:radial-gradient(ellipse at 85% 0%, #d9ba671a, transparent 55%), linear-gradient(135deg, var(--marine), #1b3355)}.anmeldung{background:var(--grund);border:1px solid #d9ba6766;max-width:26rem;margin-block:clamp(2rem,12vh,7rem);box-shadow:0 30px 60px -20px #0006}.anmeldung-marke{background:var(--marine);border:1px solid #d9ba6740;border-radius:16px;align-items:end;gap:.75rem;padding:1.25rem;display:flex}.anmeldung-marke img{width:min(12rem,65%);height:auto}.anmeldung-marke h1{color:var(--or);margin-bottom:.15rem;font-size:22px}@media (width<=640px){.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-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:1rem;display:grid}.reiter button{min-width:0;min-height:44px;padding-inline:.5rem;font-size:14px}.vergabe,.suche,.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}.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 #0b17300d}.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}}.seiten-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-block:.5rem;display:flex}.seiten-navigation span{color:var(--gedaempft);text-align:center;font-variant-numeric:tabular-nums;font-size:14px}.seiten-navigation button{min-height:44px;padding:.5rem 1rem}@media (width<=480px){.seiten-navigation span{order:-1;width:100%}}.waeschenummern-liste li{gap:.5rem;min-width:0}.waeschenummern-liste li button{width:100%;min-width:0;max-width:100%;min-height:44px;padding:.4rem .5rem;font-size:14px}.waeschenummern-liste li small{overflow-wrap:anywhere}
