/* V27 – Club-Modus ausschließlich für die Startseite. Keine externen Ressourcen. */
.hero.club-mode{isolation:isolate;background:radial-gradient(ellipse at 24% 35%,#0351a4 0%,transparent 52%),radial-gradient(ellipse at 76% 40%,#970957 0%,transparent 52%),#050711}
.club-mode .club-lasers,.club-mode .club-fog{position:absolute;inset:0;overflow:hidden;pointer-events:none}
/* V27.1: sichtbar gebuendelte Laser statt verschwommener Farbflächen. */
.club-mode .club-lasers{z-index:2;opacity:1;mix-blend-mode:screen}
.club-mode .club-beam{position:absolute;top:-12%;height:135%;width:clamp(95px,14vw,240px);opacity:.95;transform-origin:50% 0;will-change:transform;filter:drop-shadow(0 0 12px currentColor);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%)}
.club-mode .club-beam::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 47%,#ffffffbd 49.5%,#ffffffed 50%,#ffffffbd 50.5%,transparent 53%);opacity:.8;filter:blur(1px)}
.club-mode .cyan-left{left:7%;color:#00dfff;background:linear-gradient(90deg,transparent,#00ccff66 28%,#00eeffce 49%,#00eeffce 51%,#00ccff66 72%,transparent);animation:club-laser-left 8s ease-in-out infinite alternate}
.club-mode .pink-right{right:8%;color:#ff24bc;background:linear-gradient(90deg,transparent,#ff21b36e 28%,#ff35d6db 49%,#ff35d6db 51%,#ff21b36e 72%,transparent);animation:club-laser-right 9s ease-in-out infinite alternate}
.club-mode .cyan-center{left:31%;color:#00cfff;background:linear-gradient(90deg,transparent,#00baff55 27%,#00eaffc2 50%,#00baff55 73%,transparent);animation:club-laser-center 11s ease-in-out infinite alternate}
.club-mode .pink-cross{right:32%;color:#ff2cbb;background:linear-gradient(90deg,transparent,#ff1ea65e 27%,#ff39d5c9 50%,#ff1ea65e 73%,transparent);animation:club-laser-cross 10s ease-in-out infinite alternate}
.club-mode .club-fog{z-index:1;opacity:.5;background:radial-gradient(ellipse at 10% 78%,#00aaff5c,transparent 42%),radial-gradient(ellipse at 90% 70%,#ff009f4d,transparent 45%);filter:blur(42px);animation:club-fog-drift 18s ease-in-out infinite alternate}
.club-mode .hero-haze{animation:club-ambient 15s ease-in-out infinite alternate}
.club-mode .hero-logo{animation:club-logo-glow 7s ease-in-out infinite alternate}
.club-mode .hero-bottom{height:3px;box-shadow:0 0 18px #00caff,0 0 22px #ff1aa5}
.club-mode .hero-content{z-index:3}
.club-mode .hero-tag{transition:text-shadow .3s ease}
.choice,.artist{transition:box-shadow .25s ease,transform .25s ease}
.choice:hover,.artist:hover{transform:translateY(-3px);box-shadow:0 0 24px #00bfff48}
.choice-service:hover,.artist-bassic:hover{box-shadow:0 0 24px #ff15b948}
.glow-button{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.glow-button:hover,.glow-button:focus-visible{box-shadow:0 0 22px #00bfffaa,0 0 36px #00bfff45}
.glow-button.pink-button:hover,.glow-button.pink-button:focus-visible{box-shadow:0 0 22px #ff1aada8,0 0 36px #ff1aad48}
/* Sichtbarkeit bleibt ohne JS gewährleistet. */
.club-js .club-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.club-js .club-reveal.is-visible{opacity:1;transform:none}
@keyframes club-laser-left{from{transform:rotate(-26deg) translateX(-30px)}to{transform:rotate(-8deg) translateX(22px)}}
@keyframes club-laser-right{from{transform:rotate(26deg) translateX(26px)}to{transform:rotate(8deg) translateX(-26px)}}
@keyframes club-laser-center{from{transform:rotate(12deg)}to{transform:rotate(-13deg)}}
@keyframes club-laser-cross{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@keyframes club-fog-drift{from{transform:translate(-2%,2%) scale(1)}to{transform:translate(3%,-3%) scale(1.09)}}
@keyframes club-ambient{from{opacity:.65;transform:scale(1)}to{opacity:.95;transform:scale(1.05)}}
@keyframes club-logo-glow{from{filter:drop-shadow(0 0 13px #006eff8a) drop-shadow(0 0 13px #ff00b55a)}to{filter:drop-shadow(0 0 25px #009dffb3) drop-shadow(0 0 21px #ff00b58a)}}
@media(max-width:800px){.club-mode .club-lasers{opacity:.7}.club-mode .club-beam{width:clamp(75px,18vw,150px)}.club-mode .club-fog{filter:blur(34px)}}
@media(prefers-reduced-motion:reduce){.club-mode .club-beam,.club-mode .club-fog,.club-mode .hero-haze,.club-mode .hero-logo{animation:none!important}.club-js .club-reveal{opacity:1;transform:none;transition:none}.choice,.artist,.glow-button{transition:none}}

/* V27.2: scharfe, schnelle Laser ueber die gesamte Startseite. */
.club-mode .club-lasers{display:none!important}
#abg-fullpage-lasers{position:fixed;inset:0;width:100vw;height:100vh;z-index:12;pointer-events:none;mix-blend-mode:screen;opacity:.9}
@media(max-width:700px){#abg-fullpage-lasers{opacity:.68}}
@media(prefers-reduced-motion:reduce){#abg-fullpage-lasers{display:none!important}}

/* V27.3 – klare, aber nicht blendende Lichtshow. */
#abg-fullpage-lasers{opacity:.92}
@media(max-width:700px){#abg-fullpage-lasers{opacity:.62}}

/* V28.1: Laser deaktiviert; Moving-Heads, LED-Wall, Nebel und Intro bleiben aktiv. */
.club-lasers, .club-beam, #abg-fullpage-lasers { display:none!important; }