@font-face{font-family:"Barlow Semi Condensed";font-weight:400;font-display:swap;src:url("fonts/barlow-semi-condensed-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:600;font-display:swap;src:url("fonts/barlow-semi-condensed-latin-600-normal.woff2") format("woff2")}
:root{--petrol:#141B34;--schiefer:#5A6180;--koralle:#FF3FB4;--koralle-dunkel:#B81C79;--nebel:#FAEFF3}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--petrol);font-family:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;font-size:1.125rem;line-height:1.6}
.kopf{background:var(--petrol);padding:22px clamp(20px,5vw,40px)}
.kopf a{color:#fff;display:inline-block}
.kopf svg{height:36px;width:auto;aspect-ratio:158/46.6;display:block}
main{max-width:46rem;margin:0 auto;padding:56px clamp(20px,5vw,40px) 80px}
h1{font-size:clamp(2.2rem,5vw,3rem);font-weight:600;line-height:1.1;margin:0 0 32px}
h2{font-size:1.5rem;font-weight:600;margin:40px 0 10px;line-height:1.2}
p,ul{margin:0 0 14px}
a{color:var(--koralle-dunkel)}
.zurueck{display:inline-block;margin-bottom:32px;font-weight:600;text-decoration:none}
.zurueck:hover{text-decoration:underline}
.stand{color:var(--schiefer);margin-top:48px}
.streifen{display:grid;grid-template-columns:4fr 1fr;height:8px}.streifen i{background:var(--petrol)}.streifen i+i{background:var(--koralle)}
:focus-visible{outline:3px solid var(--koralle);outline-offset:3px}