@font-face{font-family:"Archivo";font-weight:900;font-style:normal;font-display:swap;src:url("/assets/fonts/archivo-900.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fonts/inter-600.woff2") format("woff2")}

:root{
  --black:#0A0A0B;--dark:#141416;--line:#26262b;--red:#FF3B2F;--white:#F6F4EF;--muted:#a3a09a;
  --radius:18px;--gutter:16px;--max:1180px;
  --display:"Archivo",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
@media(min-width:760px){:root{--gutter:32px}}

.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.h1,.h2,.h3{font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:1.02;margin:0}
.h1{font-size:clamp(40px,7.2vw,86px)}
.h2{font-size:clamp(32px,5vw,58px);margin-bottom:18px}
.h3{font-size:clamp(20px,2.2vw,24px);line-height:1.15}
.lead{font-size:clamp(17px,1.6vw,20px);color:#d8d5cf;max-width:640px;margin:0}
.accent{color:var(--red)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:var(--body)}
.btn--primary{background:var(--white);color:var(--black)}
.btn--primary:hover{background:var(--red);color:var(--white)}
.btn--ghost{border-color:#3a3a40;color:var(--white);background:transparent}
.btn--ghost:hover{border-color:var(--white)}
.card{background:var(--dark);border:1px solid var(--line);border-radius:var(--radius);padding:24px}

.section{padding:88px 0}
@media(min-width:760px){.section{padding:120px 0}}

.site-footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:14px}
.site-footer .container{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
.site-footer nav{display:flex;gap:20px}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--white)}

/* Rechtstexte */
.legal{padding:48px 0 96px}
.legal .back{display:inline-block;margin-bottom:40px;color:var(--muted);text-decoration:none;font-size:15px}
.legal .back:hover{color:var(--white)}
.legal h1{margin-bottom:40px}
.legal-block{border-top:1px solid var(--line);padding:24px 0;max-width:760px}
.legal-block h2{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.legal-block p{margin:0;white-space:pre-line;color:#dcd9d3}