html,body{margin:0;background:#0b0a09;color:#f3efe9;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#f3efe9;text-decoration:none}
a:hover{color:#cd0102}
input::placeholder{color:rgba(255,255,255,0.7)}

/* Hero: Orange-Multiply über Live-Foto über Grunge */
.hero{flex:1;display:flex;flex-direction:column;
  background:linear-gradient(#cd0102,#cd0102) 0 0 / 100% 100% no-repeat,
    url('../img/hero-live.webp') center 30vh / max(100vw, 1500px) auto no-repeat,
    #0b0a09 url('../img/grunge.webp') center / cover no-repeat fixed;
  background-blend-mode:multiply, lighten, normal}
@media (max-width:767px){.hero{background-position:0 0, center bottom, center}}
@media (min-width:2001px){.hero{background-position:0 0, center 0px, center}}

/* Formular */
.notify-input:focus{outline:2px solid #ffffff;outline-offset:2px}
.notify-btn:hover{background:#ffffff !important;color:#0b0a09 !important}
.notify-btn[disabled]{opacity:0.6;cursor:wait}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
[hidden]{display:none !important}

/* Footer-Links */
.footer a:hover{opacity:0.75;color:#ffffff}

/* Laufband */
@keyframes furyMarqueeL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes furyMarqueeR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.marquee-row{overflow:hidden;width:100%}
.marquee-track{display:flex;gap:12px;width:max-content}
.marquee-track img{height:clamp(140px,18vw,260px);width:auto;aspect-ratio:3/2;object-fit:cover;display:block;flex:0 0 auto}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none !important}}

/* Quick Links: kein Umbruch, Spalten so breit wie ihr Inhalt */
.quick-links{display:grid;grid-template-columns:repeat(3,max-content);gap:12px 2rem}
.quick-links a{white-space:nowrap}
@media (max-width:560px){.quick-links{grid-template-columns:repeat(2,max-content)}}
@media (max-width:380px){.quick-links{grid-template-columns:max-content}}