@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(/fonts/Barlow-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
:root{--sand:#F3EEE6;--sand2:#E9E2D6;--ink:#1C1712;--ink2:#5E564C;--ink3:#8A8176;--o:#FF5A14;--o-text:#A83300;--strich:rgba(28,23,18,.14)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;background:var(--sand);color:var(--ink);font:400 17px/1.5 Barlow,system-ui,sans-serif;display:flex;flex-direction:column;border-top:5px solid var(--o)}
a{color:inherit}
.wrap{width:100%;max-width:560px;margin:0 auto;padding:0 22px}
.kopf{display:flex;align-items:center;gap:10px;padding:26px 0 0}
.kopf svg{width:38px;height:38px;color:var(--ink)}
.kopf .wort{font:600 26px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em}
.kicker{font:600 12px/1.2 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--o-text)}
h1{font:600 clamp(40px,11vw,60px)/1.02 "Barlow Condensed",sans-serif;letter-spacing:-.005em;margin:14px 0 0}
h2{font:600 30px/1.1 "Barlow Condensed",sans-serif}
.lead{color:var(--ink2);font-size:18px;margin-top:16px;max-width:30em}
.strich{height:3px;background:var(--o);width:64px;margin:30px 0}
.knopf{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding:0 20px;border:0;border-radius:14px;background:var(--o);color:var(--ink);font:600 21px/1 "Barlow Condensed",sans-serif;letter-spacing:.02em;cursor:pointer;text-decoration:none}
.knopf:hover{background:#ff6d2e}.knopf:focus-visible,.feld:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.feld{width:100%;min-height:54px;padding:0 16px;border:1.5px solid rgba(28,23,18,.35);border-radius:12px;background:#fffdf9;color:var(--ink);font:400 18px Barlow,sans-serif}
.feld:focus{border-color:var(--ink);outline:none}
label{display:block;font:600 14px/1.3 Barlow,sans-serif;margin-bottom:8px}
.fuss{margin-top:auto;padding:28px 0 26px;font-size:13px;color:var(--ink3);display:flex;justify-content:space-between;align-items:center;gap:12px}
.leise{color:var(--ink3);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
.leise:hover{color:var(--ink);text-decoration:underline}
.fehler{background:#FFE4D6;color:#7A2400;border-left:4px solid var(--o);padding:12px 14px;border-radius:8px;font-size:16px;margin-bottom:18px}
.hinweis{color:var(--ink2);font-size:15px}