/* Anápnoi & Ekpnoi – Anmeldung im Stil von Studio KAD (Schrift Crimson Pro, SIL OFL, siehe fonts/OFL-LICENSE.txt) */
@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/crimson-pro-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/crimson-pro-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Crimson Pro';font-style:italic;font-weight:300;font-display:swap;src:url(fonts/crimson-pro-latin-300-italic.woff2) format('woff2')}
:root{
  color-scheme:light;
  --bg:#ffffff; --fg:#000000; --ink:#333333; --muted:#5c5c5c; --line:#d6d6d6; --warn:#a1260d;
  --serif:"Crimson Pro","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --s1:.8125rem; --s2:.9375rem; --s3:1.0625rem; --s4:1.375rem; --s6:2.5rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--serif);font-weight:300;font-size:var(--s3);line-height:1.45;padding-inline:clamp(16px,4vw,48px);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--fg)}
:focus-visible{outline:1px solid var(--fg);outline-offset:3px}
header.top{display:flex;align-items:flex-start;padding-block:28px 22px;border-bottom:1px solid var(--line)}
.brand{display:block;line-height:0;text-decoration:none}
.brand img{display:block;width:112px;height:auto}
main{flex:1;width:100%;max-width:380px;padding-block:clamp(32px,9vh,96px) 48px}
.kicker{margin:0 0 6px;font-size:var(--s1);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:0;font-weight:300;font-size:var(--s6);line-height:1.1;letter-spacing:-.005em;text-wrap:balance}
.lead{margin:14px 0 32px;color:var(--muted)}
.flash{margin:0 0 22px;padding-left:12px;border-left:2px solid var(--warn);color:var(--warn);font-size:var(--s2)}
.stack{display:flex;flex-direction:column;gap:22px}
.field{display:flex;flex-direction:column;gap:3px;min-width:0}
.field>span{font-size:var(--s1);color:var(--muted);letter-spacing:.02em}
input{font:inherit;font-size:max(16px,var(--s3));color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0;width:100%;min-height:44px}
input:focus{outline:none;border-bottom-color:var(--fg)}
.btn{align-self:flex-start;font:inherit;font-weight:400;margin-top:8px;min-height:44px;padding:8px 22px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:0;cursor:pointer}
.btn:hover{background:var(--fg);border-color:var(--fg)}
.note{margin:36px 0 0;font-size:var(--s2);color:var(--muted)}
footer{padding-block:14px 22px;border-top:1px solid var(--line);font-size:var(--s1);color:var(--muted)}
footer a{text-decoration-color:transparent}
footer a:hover{text-decoration-color:var(--muted)}