@font-face{font-family:'Saira';font-weight:700;font-style:italic;font-display:swap;src:url(fonts/saira-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:'Saira';font-weight:300;font-style:normal;font-display:swap;src:url(fonts/saira-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format('woff2')}

*{box-sizing:border-box}
html{background:#020205;-webkit-text-size-adjust:100%}
body{margin:0;background:#020205;color:#ECEAF4;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.6;position:relative;overflow-x:hidden}
a{color:#9fdcff}a:hover{color:#ECEAF4}
:focus-visible{outline:2px solid #9fdcff;outline-offset:3px}
.korn{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.5;background:url(korn.png);background-size:256px 256px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}
@media (max-width:600px){.wrap{padding:0 16px}}
.label{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;letter-spacing:.32em;text-transform:uppercase}

/* Kopf */
.head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px}
.head img{height:44px;width:auto;display:block}
.head a.back{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:#9fb1c7;text-decoration:none;padding:12px 0}
.head a.back:hover{color:#ECEAF4}
.lang{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:#6f7d90}
.lang span{color:#ECEAF4}
.lang a{color:#9fb1c7;text-decoration:none;padding:12px 4px}
.lang a:hover{color:#ECEAF4}

/* Hero */
.hero{position:relative;min-height:min(880px,100svh);display:flex;flex-direction:column;justify-content:space-between}
.hero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 45%}
.hero .shade{position:absolute;inset:0;background:linear-gradient(0deg,#020205 0%,rgba(2,2,5,.72) 34%,rgba(2,2,5,.18) 70%,rgba(2,2,5,.55) 100%)}
.hero .body{position:relative;z-index:2;padding-bottom:88px;display:flex;flex-direction:column;gap:20px}
.status{display:inline-flex;align-items:center;gap:12px;color:#9fdcff}
.status i{width:8px;height:8px;border-radius:50%;background:#9fdcff;box-shadow:0 0 10px rgba(159,220,255,.8)}
.title{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.title h1{position:relative;align-self:flex-start;margin:0;font-family:'Saira','Exo 2',sans-serif;font-weight:700;font-style:italic;font-size:clamp(46px,8vw,112px);letter-spacing:.14em;line-height:.95;color:#f3f6fa;text-transform:uppercase;transform:skewX(-4deg);text-shadow:0 0 24px rgba(160,210,255,.18)}
.title h1 span.w{display:block;-webkit-mask-image:linear-gradient(180deg,#000 46.5%,transparent 46.5%,transparent 52%,#000 52%);mask-image:linear-gradient(180deg,#000 46.5%,transparent 46.5%,transparent 52%,#000 52%)}
.title h1 span.l{position:absolute;left:-120px;width:calc(100% + 240px);top:49.25%;height:1px;background:linear-gradient(90deg,rgba(159,220,255,0) 0%,rgba(159,220,255,.5) 8%,rgba(200,235,255,.85) 50%,rgba(159,220,255,.5) 92%,rgba(159,220,255,0) 100%)}
@media (max-width:600px){.title h1 span.l{left:-16px;width:calc(100% + 32px)}}
.title .sub{display:flex;align-items:center;gap:16px;font-family:'Saira','Exo 2',sans-serif;font-weight:300;font-size:clamp(14px,1.4vw,20px);letter-spacing:.9em;color:#9fdcff;text-transform:uppercase}
.title .sub svg{flex:none;overflow:visible}
.title .sub i{flex:1 1 auto;min-width:60px;max-width:360px;height:1px;background:linear-gradient(90deg,rgba(159,220,255,.55),rgba(159,220,255,0))}
.lead{margin:8px 0 0;max-width:580px;font-size:19px;line-height:1.55;color:#e2e8f0}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}
.btn{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:18px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:14px 27px;border:1px solid #6f7d90;color:#ECEAF4;background:rgba(2,2,5,.35)}
.btn:hover{border-color:#ECEAF4;color:#ECEAF4}
.btn.pale{background:#ECEAF4;border-color:#ECEAF4;color:#020205}
.btn.pale:hover{background:#fff;color:#020205}

/* Studio-Band */
.studio{position:relative;background:#05070b;border-top:1px solid #1a202b;border-bottom:1px solid #1a202b}
.studio .ray{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(90,56,184,0) 0%,rgba(90,56,184,.7) 30%,rgba(185,162,255,.9) 42%,rgba(90,56,184,0) 70%)}
.studio .wrap{position:relative;padding-top:88px;padding-bottom:88px;display:flex;flex-wrap:wrap;gap:40px 64px;align-items:center}
.studio .logo{flex:1 1 420px;min-width:0}
.studio .logo img{width:100%;max-width:560px;height:auto;display:block}
.studio .txt{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px;background:#05070b;padding:8px 0}
.studio .txt .label{color:#b9a2ff}
.studio .txt p{margin:0;color:#d3dbe6}
.mail{align-self:flex-start;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:19px;letter-spacing:.08em;color:#ECEAF4;text-decoration:none;padding:12px 0;box-shadow:inset 0 -1px 0 #6f7d90}
.mail:hover{box-shadow:inset 0 -1px 0 #ECEAF4}

/* Fuß */
.foot{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding-top:36px;padding-bottom:48px;font-size:14px;color:#9fb1c7}
.foot .me{display:flex;align-items:center;gap:14px}
.foot .me img{width:28px;height:28px;display:block}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 24px}
.foot nav a{color:#b4c0cf;text-decoration:none;padding:10px 0}
.foot nav a:hover{color:#ECEAF4}

/* Rechtstexte */
.legal{position:relative;z-index:2;padding-top:40px;padding-bottom:96px;max-width:780px}
.legal h1{margin:0 0 32px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(40px,6vw,64px);letter-spacing:.04em;line-height:1;text-transform:uppercase}
.legal h2{margin:40px 0 10px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:#9fdcff}
.legal p,.legal li{color:#d3dbe6}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal .muted{color:#8697ab;font-size:15px}
.rule{border:0;border-top:1px solid #1a202b;margin:0}