@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url("/vendor/fonts/atkinson-regular.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url("/vendor/fonts/atkinson-bold.woff2") format("woff2")}
:root{color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:#f4f7f5;color:#13201a}
body{font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:20px;line-height:1.5;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}
.blok{max-width:34rem;margin:8vh auto 0;display:flex;flex-direction:column;gap:16px}
.logo{width:96px;height:96px;border-radius:22px}
h1{font-size:34px;line-height:1.15;margin:8px 0 0;text-wrap:balance}
p{margin:0}
a{color:#145F37;font-weight:700}
a:focus-visible{outline:3px solid #13201a;outline-offset:3px}
.knop{display:inline-flex;align-items:center;min-height:64px;padding:0 28px;border-radius:14px;background:#145F37;color:#fff;text-decoration:none;font-size:22px}
.klein{font-size:18px;color:#3f4d45}