@font-face{font-family:Caslon;src:url('/eingang/caslon.woff2') format('woff2');font-display:swap}@font-face{font-family:Caslon;src:url('/eingang/caslon-italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{color-scheme:light;--papier:#f4efe4;--tinte:#302a21;--messing:#977234;--linie:#d5c7aa;font-family:Caslon,Georgia,serif;color:var(--tinte);background:var(--papier)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 45% 35%,#fffcf470,transparent 65%)}::selection{background:#c9a45b50}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--messing);outline-offset:6px}button{touch-action:manipulation}input{border-radius:0;min-width:0}svg{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.eingang{min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,4vw,64px)}header{font-variant:small-caps;letter-spacing:.12em;font-size:clamp(15px,1.7vw,21px)}header small{display:block;font-size:12px;letter-spacing:.23em;margin-top:4px;color:#716552}.schild{width:min(100%,500px);margin:auto;position:relative;padding:48px 28px 24px;text-align:center;animation:ankommen 850ms cubic-bezier(.2,.7,.2,1) both}.beschlag{color:var(--messing);margin:0 auto 28px;width:48px;filter:drop-shadow(0 2px 1px #71562712)}.beschlag svg{display:block;width:100%}.bogen{transform-origin:14px 29px;transition:transform 650ms cubic-bezier(.3,0,.2,1)}.nummer{font-variant:small-caps;letter-spacing:.12em;font-size:14px;color:#766750}h1{font-size:clamp(37px,4.6vw,53px);font-weight:400;line-height:1.1;margin:19px -12px 16px}.einladung{font-style:italic;font-size:21px;color:#776b58;margin:0 0 42px}form{text-align:left;max-width:330px;margin:auto}label{font-variant:small-caps;letter-spacing:.07em;font-size:15px}.eingabe{position:relative;display:flex;border-bottom:1px solid #99896c;margin-top:8px;transition:border-color 250ms,box-shadow 250ms}.eingabe:focus-within{border-color:var(--messing);box-shadow:0 1px var(--messing)}input{width:100%;background:transparent;border:0;padding:12px 7px 12px 0;font-size:25px;letter-spacing:.03em}input:focus-visible{outline:0}input:-webkit-autofill{transition:background-color 9999s;-webkit-text-fill-color:var(--tinte)}.zeigen{width:45px;flex-shrink:0;border:0;background:transparent;color:#8c7854}.zeigen svg{width:23px;transition:transform 250ms,opacity 250ms;opacity:.65}.zeigen:hover svg,.zeigen[aria-pressed=true] svg{transform:scale(1.1);opacity:1}#antwort{min-height:24px;font-size:15px;line-height:1.4;margin:12px 0 17px;color:#865337}.eintreten{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--messing);color:#fff9eb;border:1px solid #86642e;padding:13px 20px;font-size:19px;transition:background 250ms,box-shadow 250ms,transform 250ms}.eintreten svg{width:35px;transition:transform 350ms cubic-bezier(.2,.7,.2,1)}.eintreten:hover{background:#85612e;box-shadow:0 5px 16px #80643c20;transform:translateY(-1px)}.eintreten:hover svg{transform:translateX(4px)}.eintreten:active{transform:translateY(1px)}.eintreten:disabled{cursor:wait;opacity:.7}.siegel{display:flex;align-items:center;gap:16px;justify-content:center;margin:38px auto 12px;color:#9c814f}.siegel span{width:32px;height:1px;background:var(--linie)}.siegel i{font-size:25px}footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#82735c;padding-top:24px}.ton{background:transparent;border:0;border-bottom:1px solid transparent;padding:0 0 3px;transition:border-color 200ms}.ton:hover{border-color:var(--messing)}.fehler .eingabe{animation:abwenden 550ms ease both;border-color:#976442}.fehler .beschlag{animation:schloss 600ms ease both}.offen .bogen{transform:translateY(-7px) rotate(-24deg)}.offen .eintreten svg{transform:translateX(9px)}.offen .schild{animation:einlassen 800ms cubic-bezier(.45,0,.2,1) both}.offen header,.offen footer{opacity:0;transition:opacity 650ms}.prueft .beschlag{opacity:.7}@keyframes ankommen{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes abwenden{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}55%{transform:translateX(3px)}80%{transform:translateX(-1px)}}@keyframes schloss{25%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}}@keyframes einlassen{0%,35%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-14px) scale(1.015)}}@media(max-width:480px){.schild{padding:35px 0 18px}.einladung{margin-bottom:30px}footer{font-size:12px}.beschlag{width:39px;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@view-transition{navigation:auto}::view-transition-old(root){animation:150ms ease both aus}::view-transition-new(root){animation:550ms ease both ein}@keyframes aus{to{opacity:0}}@keyframes ein{from{opacity:0}to{opacity:1}}
html{scrollbar-width:thin;scrollbar-color:#ab8b50 #eee7d8}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#ab8b50;border-radius:8px}::-webkit-scrollbar-track{background:#eee7d8}::-webkit-scrollbar-button{display:none;width:0;height:0}@media(min-width:481px) and (max-height:800px){.eingang{padding:28px 40px}.schild{padding-top:22px;padding-bottom:8px;width:min(100%,580px)}.beschlag{width:33px;margin-bottom:17px}h1{font-size:44px}.einladung{margin-bottom:23px}.siegel{margin-top:20px}.nummer{margin:10px 0}footer{padding-top:12px}}

/* E-44 · Lesbarkeit für Clemens: die kleinen Texte des Eingangs etwas größer. Diesen Block löschen stellt die
   Größen vor E-44 wieder her (der Eingang wird vom Server ausgeliefert, nicht über lib/schalter-e44.ts gebaut). */
header small{font-size:14px}
.nummer{font-size:16px}
label{font-size:17px}
#antwort{font-size:17px;min-height:26px}
.eintreten{font-size:20px}
footer{font-size:16px}
.einladung{font-size:22px}
@media(max-width:480px){footer{font-size:14px}}

@media(forced-colors:active){input:focus-visible{outline:2px solid Highlight;outline-offset:3px}.eintreten{border:1px solid ButtonText}.eingabe{border-color:CanvasText}}