@import url('schriften/schriften.css');
:root{--grund:#0A0A0A;--flaeche:#151515;--linie:#22201E;--rot:#E5341F;--rot-tief:#B3230F;--gruen:#3DDC5A;--leise:#CFC9C2;--weiss:#fff}
*{box-sizing:border-box}
html{background:var(--grund);color:var(--weiss)}
body{margin:0;font:400 18px/1.6 'Schibsted Grotesk',system-ui,sans-serif;padding:0 20px 80px}
main{max-width:46rem;margin:0 auto}
header{max-width:46rem;margin:0 auto;padding:36px 0 12px}
header a{display:inline-block}
header img{height:64px;width:auto;display:block}
h1,h2{font-family:'Archivo',sans-serif;font-stretch:62%;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1;color:var(--weiss)}
h1{font-size:clamp(44px,9vw,72px);margin:.6em 0 .3em}
h2{font-size:clamp(26px,5vw,34px);margin:1.8em 0 .5em;color:var(--rot)}
p,li{max-width:40rem}
a{color:var(--gruen);text-underline-offset:3px}
a:hover,a:focus{color:var(--weiss)}
.stempel{display:inline-block;font:900 26px/1 'Archivo',sans-serif;font-stretch:62%;text-transform:uppercase;
  background:var(--rot);color:var(--grund);outline:2px solid var(--grund);outline-offset:-5px;padding:10px 18px 6px;
  transform:rotate(-4deg);box-shadow:6px 6px 0 var(--rot-tief)}
nav.fuss{margin-top:56px;padding-top:20px;border-top:3px solid var(--rot);font-size:16px}
nav.fuss a{margin-right:20px}
.stand{color:var(--leise);font-size:15px}
address{font-style:normal}

form.kontakt{max-width:40rem;margin-top:1.4em;display:grid;gap:18px}
form.kontakt label{display:grid;gap:6px;font-weight:700}
form.kontakt label span.frei{font-weight:400;color:var(--leise)}
form.kontakt input,form.kontakt textarea{font:inherit;color:var(--weiss);background:var(--flaeche);border:2px solid var(--linie);
  border-radius:10px;padding:12px 14px;width:100%}
form.kontakt textarea{min-height:11em;resize:vertical}
form.kontakt input:focus,form.kontakt textarea:focus{outline:3px solid var(--gruen);outline-offset:2px;border-color:var(--gruen)}
form.kontakt button{justify-self:start;font:900 24px/1 'Archivo',sans-serif;font-stretch:62%;text-transform:uppercase;
  background:var(--rot);color:var(--grund);border:0;border-radius:999px;padding:14px 28px 10px;cursor:pointer}
form.kontakt button:hover,form.kontakt button:focus{background:var(--gruen)}
.falle{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.hinweis{color:var(--leise);font-size:15px}
.meldung{border-left:6px solid var(--rot);padding:8px 14px;background:var(--flaeche)}
.meldung.gut{border-color:var(--gruen)}