:root{--violett:#a978ff;--violett-tief:#8f45e6;--grund:#050507;--karte:#101015;--text:#e6e6eb;--grau:#9a9aa4;--linie:#24242c}
@font-face{font-family:"Archivo";src:url("/fonts/archivo-var.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Archivo",system-ui,sans-serif;color:var(--text);background:var(--grund);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:#d6c2ff}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--violett);outline-offset:3px}
header{border-bottom:1px solid var(--linie);padding:22px 0}
header .wrap{max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:20px}
header a.marke{color:#fff;text-decoration:none;font-weight:500;font-stretch:125%;letter-spacing:.22em;text-transform:uppercase;font-size:15px}
header a.zurueck{color:var(--grau);text-decoration:none;font-size:14px}
header a.zurueck:hover{color:#fff}
main{padding:64px 0 88px}
h1{font-size:clamp(30px,4.4vw,44px);font-weight:700;font-stretch:106%;letter-spacing:-0.02em;line-height:1.08;margin-bottom:10px;color:#fff}
.stand{font-size:14px;color:var(--grau);margin-bottom:40px}
h2{font-size:20px;font-weight:650;font-stretch:104%;margin:40px 0 12px;padding-top:20px;border-top:1px solid var(--linie);color:#fff}
p{margin-bottom:14px}
ul{margin:0 0 16px 20px}
li{margin-bottom:6px}
.adresse{background:var(--karte);border-left:3px solid var(--violett-tief);padding:18px 22px;margin-bottom:18px}
.adresse p{margin:0}
.hinweis{margin-top:34px;color:var(--grau);font-size:15.5px}
.code{font-size:clamp(64px,12vw,120px);font-weight:760;font-stretch:112%;color:var(--violett);line-height:1;letter-spacing:-0.04em;margin-bottom:18px}
.knopf{display:inline-block;background:var(--violett-tief);color:#fff;text-decoration:none;padding:14px 24px;font-weight:600;margin-top:26px;border-radius:2px}
.knopf:hover{background:#7a3ad0;color:#fff}
footer{border-top:1px solid var(--linie);color:rgba(230,230,235,.45);padding:32px 0;font-size:14px}
footer .wrap{max-width:1180px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:rgba(230,230,235,.7);text-decoration:none}
footer a:hover{color:#fff}
@media (max-width:640px){body{font-size:16px}main{padding:44px 0 64px}h2{font-size:18.5px}}