@font-face{font-family:"Roboto Condensed";src:url(roboto-condensed-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Roboto";src:url(roboto-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--blau:#009FE3;--navy:#0D152D}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Roboto",Arial,Helvetica,sans-serif;color:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--navy);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.start{background:radial-gradient(ellipse at center,rgba(13,21,45,.75) 0%,rgba(13,21,45,.35) 75%),linear-gradient(180deg,rgba(13,21,45,.3) 0%,rgba(13,21,45,.8) 100%),url(hintergrund.jpg) center 30%/cover no-repeat,var(--navy)}
header{padding:24px}
.logo{display:block;width:161px;height:auto}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 24px 80px;width:100%;max-width:1200px;margin:0 auto}
h1{font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:clamp(26px,7.4vw,96px);line-height:1}
h1 span{display:block;white-space:nowrap}
.text{font-size:19px;line-height:1.5;margin-top:22px;max-width:40em}
.en{font-size:16px;line-height:1.5;margin-top:4px;color:rgba(255,255,255,.7)}
.btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}
.btn{display:inline-flex;align-items:center;gap:10px;font-size:19px;color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;background:rgba(0,159,227,.25);border:1px solid rgba(0,159,227,.4);transition:background .2s}
.btn:hover{background:rgba(0,159,227,.45)}
.btn:focus-visible,footer a:focus-visible,.recht a:focus-visible,header a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn svg{width:20px;height:20px;flex:none}
footer{padding:20px 24px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.65);text-align:center;border-top:1px solid rgba(255,255,255,.1)}
footer nav{margin-top:4px}
footer a{display:inline-block;padding:4px 6px;color:inherit;text-underline-offset:3px}
footer a:hover,footer a[aria-current]{color:#fff}

/* Impressum und Datenschutz */
.recht{display:block;text-align:left;max-width:46rem;padding:24px 24px 64px;line-height:1.6}
.recht h1{font-size:clamp(30px,6vw,52px);margin-bottom:28px}
.recht h2{font-size:19px;font-weight:600;margin:32px 0 8px}
.recht p,.recht ul{margin-bottom:12px;color:rgba(255,255,255,.88)}
.recht ul{padding-left:1.3em}
.recht li{margin-bottom:4px}
.recht a{color:var(--blau);text-underline-offset:3px;overflow-wrap:anywhere}
.recht a:hover{color:#fff}
.recht strong{color:#fff}
.recht .offen{background:#ffe066;color:var(--navy);padding:0 4px}
.zurueck{margin-top:40px}

@media(max-width:600px){header{padding:18px}.logo{width:130px}.text{font-size:17px}.btn{font-size:17px}.recht{padding:16px 18px 48px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}