.zugang{min-height:100svh;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));background:var(--color-saphir);color:#fff;place-items:center;display:grid}.zugang-karte{text-align:center;justify-items:center;gap:1.25rem;width:min(100%,24rem);display:grid}.zugang .zugang-siegel.siegel{--siegel-scheibe:#fff;--siegel-zeichnung:var(--color-saphir);width:clamp(8rem,38vw,10rem);animation:zugang-rein .82s var(--ease-back) both}.zugang-titel{letter-spacing:-.01em;animation:zugang-auf .64s var(--ease-out) .16s both;margin:.25rem 0 0;font-size:clamp(2.5rem,11vw,3.25rem);font-weight:700;font-stretch:140%;line-height:1}.zugang-text{color:#ffffffdb;max-width:28ch;animation:zugang-auf .64s var(--ease-out) .24s both;margin:0;font-size:1.0625rem;line-height:1.5}.zugang-form{width:100%;animation:zugang-auf .64s var(--ease-out) .32s both;gap:.75rem;margin-top:.5rem;display:grid}.zugang-feld{border-radius:var(--r-voll,999px);color:#fff;width:100%;min-height:3.5rem;font:inherit;text-align:center;background:#ffffff24;border:0;outline:none;padding:0 1.5rem;font-size:1.125rem;transition:background-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1.5px #ffffff8c}.zugang-feld::placeholder{color:#ffffffb8}.zugang-feld:focus-visible{background:#fff3;box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #ffffff40}.zugang-feld[aria-invalid=true]{box-shadow:inset 0 0 0 2px #ffd4c4}.zugang-knopf{border-radius:var(--r-voll,999px);min-height:3.5rem;color:var(--color-saphir);font:inherit;cursor:pointer;transition:transform .15s var(--ease-out);background:#fff;border:0;font-size:1.125rem;font-weight:700;font-stretch:120%}.zugang-knopf:active{transform:scale(.97)}.zugang-knopf:focus-visible{outline-offset:3px;outline:2px solid #fff}.zugang-fehler{border-radius:var(--r-voll,999px);color:#fff;background:#ffffff29;margin:0;padding:.625rem 1.125rem;font-size:1rem;font-weight:600}@keyframes zugang-rein{0%{opacity:0;transform:scale(.82)rotate(-16deg)}}@keyframes zugang-auf{0%{opacity:0;transform:translateY(.75rem)}}@media (prefers-reduced-motion:reduce){.zugang :is(.zugang-siegel,.zugang-titel,.zugang-text,.zugang-form){animation:none}}