@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--pink:#ff29d7;--violet:#a942ff;--bg:#050711;--text:#fff;--muted:#c5c1d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1280px,88%);margin:auto}.site-header{height:72px;position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(5.7%,calc((100vw - 1280px)/2));background:linear-gradient(180deg,rgba(1,3,14,.86),rgba(1,3,14,.15));gap:24px}.logo{font-size:24px;letter-spacing:-1px;font-weight:900;font-style:italic;white-space:nowrap}.logo span{color:var(--pink)}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:11px;letter-spacing:1px;font-weight:800;transition:.2s}.nav a:hover,.nav a.active{color:var(--pink)}.header-cta,.text-button{border:1px solid var(--pink);border-radius:40px;padding:11px 30px;font-size:11px;font-weight:900;letter-spacing:1px;white-space:nowrap;transition:.2s}.header-cta:hover,.text-button:hover{background:var(--pink);color:#08050a}.menu-toggle{display:none}.hero{height:750px;min-height:650px;position:relative;overflow:hidden;background:#060816}.hero-picture{position:absolute;inset:0;background-image:url('assets/hero-club.webp');background-size:cover;background-position:center 35%;filter:saturate(1.2) contrast(1.1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,13,.97) 0%,rgba(3,4,13,.83) 25%,rgba(3,4,13,.33) 57%,rgba(3,4,13,.06) 85%),linear-gradient(0deg,rgba(3,4,13,.83),transparent 22%)}.hero-content{position:relative;z-index:5;padding-top:190px}.eyebrow{color:#ffbbf3;letter-spacing:6px;font-size:11px;font-weight:700;margin:0 0 16px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:clamp(95px,13vw,192px);font-weight:900;line-height:.70;letter-spacing:-3px;margin:20px 0 27px;width:min(800px,85%);text-shadow:0 6px 35px #090419}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{font-weight:900;background:linear-gradient(100deg,#ff28cd,#c841ec 65%,#7b39fb);color:transparent;background-clip:text;-webkit-background-clip:text;padding-bottom:18px}.hero-tag{font-size:14px;letter-spacing:5px;font-weight:900}.hero-description{max-width:530px;color:#e4dfec;line-height:1.75;font-size:14px}.hero-buttons{display:flex;gap:16px;margin-top:28px}.btn{border-radius:40px;font-size:11px;font-weight:900;letter-spacing:1.3px;padding:17px 28px;border:1px solid var(--pink);display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .2s,box-shadow .2s;background:transparent;color:white}.btn:hover{transform:translateY(-3px);box-shadow:0 0 26px #ff24ce65}.btn-solid{background:linear-gradient(115deg,#ff31d1,#cf12f7);border:0}.btn-outline{background:#060413aa}.vertical-label{position:absolute;right:4%;top:42%;z-index:3;line-height:1.05;letter-spacing:5px;font-size:20px;font-weight:600}.scroll-cue{position:absolute;bottom:30px;right:5%;font-size:10px;letter-spacing:2px;color:#e1cde9;z-index:4}.mirror-ball{position:absolute;z-index:3;width:155px;height:155px;top:83px;right:17%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 24%,#fff 0%,#e6bbfa 8%,#8026c9 31%,#200a3d 73%,#08081e 100%);box-shadow:0 0 35px #fc5ef7aa,0 0 105px #a025ff65,inset -22px -20px 36px #020111}.mirror-rotation{position:absolute;inset:-30%;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 8px,#000a 9px 10px,transparent 11px 19px),repeating-linear-gradient(0deg,#edb5fa99 0 9px,#05001b88 10px 11px,#41d5ff80 12px 20px);mix-blend-mode:screen;animation:ballspin 8s linear infinite}.ball-gloss{position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,#ffffffbd,transparent 25%,#0008 75%)}@keyframes ballspin{to{transform:rotate(360deg)}}.beam-field{position:absolute;z-index:2;top:150px;right:23%;pointer-events:none}.beam-field i{position:absolute;left:0;top:0;width:340px;height:60px;clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);transform-origin:left center;opacity:.55;filter:blur(8px);background:linear-gradient(90deg,#ff66fc,#f325ea00);animation:beam 7s ease-in-out infinite alternate}.beam-field i:nth-child(2){transform:rotate(35deg);background:linear-gradient(90deg,#27dcff,#27dcff00);animation-delay:-3s}.beam-field i:nth-child(3){transform:rotate(80deg);animation-delay:-5s}.beam-field i:nth-child(4){transform:rotate(140deg);background:linear-gradient(90deg,#ffdc52,#ffdc5200);animation-delay:-2s}.beam-field i:nth-child(5){transform:rotate(210deg);background:linear-gradient(90deg,#54baff,#54baff00);animation-delay:-1s}.beam-field i:nth-child(6){transform:rotate(270deg);animation-delay:-4s}@keyframes beam{0%{opacity:.12;filter:blur(14px)}100%{opacity:.68;filter:blur(4px)}}.about{min-height:345px;display:grid;grid-template-columns:28% 43% 29%;background:linear-gradient(95deg,#040408,#080914);border-bottom:1px solid #181525}.portrait{background:url('assets/koljam-portrait.webp') center 27%/cover;min-height:345px;filter:brightness(.89);mask-image:linear-gradient(90deg,#000 70%,transparent 100%)}.about-copy{padding:48px 20px 30px 30px;position:relative;z-index:2}.about h2,.section h2,.contact h2{font:italic 900 clamp(29px,3vw,46px)/1 'Barlow Condensed',Impact,sans-serif;margin:0 0 17px;letter-spacing:.3px}.about em,.section em,.contact em{font-style:italic;color:var(--pink)}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#ddd9e2;max-width:570px}.services{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.services div{text-align:center;font-size:10px;font-weight:800;white-space:nowrap}.services span{display:block;color:#fa78ef;font-size:33px;font-weight:400;margin-bottom:8px}.about-atmosphere{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#af28eb70,transparent 36%),radial-gradient(circle at 70% 35%,#196dfd95,transparent 32%),linear-gradient(145deg,#1d0929,#080a27);display:flex;justify-content:flex-end;padding:55px 40px;font-size:24px;line-height:1.03;font-weight:900;letter-spacing:2px}.about-atmosphere:after{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 30deg at 60% 60%,transparent 0deg 20deg,#e64bfc1f 23deg 27deg,transparent 33deg 55deg);animation:ballspin 28s linear infinite}.about-atmosphere span{position:relative;z-index:1}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{margin-bottom:0}.section-intro{color:#bebaca;font-size:13px;margin-bottom:26px}.events{border-bottom:1px solid #181525}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.event-card{min-height:218px;padding:20px 24px;border:1px solid #e521c8;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;background:linear-gradient(0deg,#02030cf2,#1e094c8c),radial-gradient(ellipse at 60% 85%,#8329e9,#090c25 70%)}.event-card:after{content:'';position:absolute;inset:-25%;background:repeating-conic-gradient(from 10deg at 50% 75%,transparent 0deg 15deg,#eb35e91c 18deg 21deg,transparent 25deg 40deg);pointer-events:none}.event-card.festival{background:linear-gradient(0deg,#11010ae8,#471008b9),radial-gradient(circle at 55%,#f66b14,#180414 70%)}.event-card.private{background:linear-gradient(0deg,#11031ae3,#240d51af),radial-gradient(circle,#d51aec,#130820 70%)}.event-card:hover{transform:translateY(-5px);box-shadow:0 15px 32px #e521c833}.event-number{font:900 58px 'Barlow Condensed',sans-serif;color:#fff6;z-index:1}.event-card h3{font:900 25px 'Barlow Condensed',sans-serif;margin:0}.event-card p{font-size:12px;color:#e3dce3;margin:4px 0}.event-card>div,.corner-arrow{z-index:1}.corner-arrow{position:absolute;right:24px;top:23px;font-size:23px}.music{background:linear-gradient(180deg,#080713,#050612);border-bottom:1px solid #181525}.music-grid{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:22px;align-items:center}.music-copy p:not(.eyebrow),.gallery-heading>p:last-child{font-size:13px;color:#d1cdd8;line-height:1.7;max-width:330px}.music-copy .btn{margin-top:16px}.video-card{border:1px solid #dd2dbd;border-radius:8px;overflow:hidden;background:#0b0a19}.video-art{height:205px;position:relative;display:grid;place-items:center;overflow:hidden}.video-art-1{background:radial-gradient(circle at 50% 65%,#ff3448 0,#a40e67 30%,#160929 70%),repeating-conic-gradient(#5b22c8 0 10deg,transparent 13deg 25deg)}.video-art-2{background:radial-gradient(circle at 75% 20%,#f6a449 0,#eb39ad 18%,#290a5f 52%,#09072b 90%)}.video-art:before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 50% 80%,#ef4ee933 0deg 6deg,transparent 9deg 25deg);animation:ballspin 20s linear infinite}.wave{position:absolute;bottom:0;width:100%;height:47px;background:repeating-linear-gradient(90deg,#f837ec55 0 3px,transparent 3px 8px);mask-image:linear-gradient(0deg,#000,transparent)}.play-btn{z-index:2;width:65px;height:65px;border-radius:50%;border:2px solid white;color:white;background:#060410a8;font-size:25px;padding-left:7px;transition:.2s}.play-btn:hover{background:var(--pink);transform:scale(1.08)}.media-caption{padding:13px 19px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.media-caption b{font-weight:900}.media-caption span{color:#b2a7c3}.gallery{display:grid;grid-template-columns:.7fr 1.5fr;gap:36px;align-items:center}.gallery-images{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery-image{height:265px;padding:0;overflow:hidden;position:relative;border:1px solid #ef2aca;border-radius:8px;background:#0b0822;text-align:left}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-image:hover img{transform:scale(1.06)}.gallery-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#070510db)}.gallery-image span{position:absolute;left:15px;bottom:18px;z-index:2;font-size:12px;font-weight:900;letter-spacing:1px}.contact{position:relative;background:linear-gradient(90deg,#260035,#180628,#040518);padding:80px 0;overflow:hidden}.contact-bg{position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,#ff129465,transparent 35%),radial-gradient(circle at 65% 0,#6c23fa75,transparent 45%);opacity:.9}.contact-inner{position:relative;display:grid;grid-template-columns:45% 55%;gap:20px;align-items:center}.contact-inner>div:first-child>p:not(.eyebrow){font-size:13px;max-width:460px;line-height:1.8;color:#efe2f4}.contact .btn{margin-top:15px}.contact-links{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.contact-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;border-right:1px solid #cb4ee27d;min-height:132px}.contact-item:last-child{border-right:0}.contact-item span{font-size:37px;color:#ff62d5;margin-bottom:15px}.contact-item b{font-size:11px}.contact-item small{font-size:10px;color:#d8c9d9;margin-top:8px;line-height:1.4}footer{padding:40px 0 22px;background:#04050c}.footer-inner{display:flex;gap:28px;justify-content:space-between;align-items:center}.footer-inner nav{display:flex;gap:22px;flex-wrap:wrap}.footer-inner nav a{font-size:10px;font-weight:800}.footer-inner nav a:hover{color:var(--pink)}.footer-inner p{font-size:9px;color:#bbb3c5;text-align:right;line-height:1.8}.legal-links{display:flex;gap:18px;justify-content:flex-end}.legal-links button{background:transparent;border:0;color:#9690a1;font-size:10px}.modal{max-width:560px;width:calc(100% - 30px);border:1px solid #f036d5;border-radius:12px;background:#090917;color:white;padding:32px;box-shadow:0 0 80px #7511a777}.modal::backdrop{background:#000b;backdrop-filter:blur(8px)}.modal h2,.modal h3{font:900 30px 'Barlow Condensed',sans-serif}.modal .close{position:absolute;top:10px;right:15px;font-size:33px;border:0;background:transparent;color:#fff}.modal video{max-width:100%;width:100%;background:#000}.image-modal{width:min(1000px,90vw);max-width:1000px;padding:25px}.image-modal img{max-width:100%;max-height:80vh;display:block;margin:auto}.contact-modal label{display:block;font-size:12px;font-weight:700;margin:16px 0}.contact-modal input,.contact-modal textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #4b376a;border-radius:6px;background:#141029;color:white;resize:vertical}.form-hint,.video-hint,.form-error{font-size:12px;color:#c5bace;line-height:1.6}.form-error{color:#ff94df}.legal-modal p{white-space:pre-line;line-height:1.7;color:#ddd;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:#240b35;color:white;padding:15px 25px;border:1px solid var(--pink);border-radius:10px;opacity:0;transition:.3s;z-index:100;max-width:90%;font-size:13px;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1000px){.nav{gap:14px}.hero{height:680px}.mirror-ball{right:11%;width:125px;height:125px}.about{grid-template-columns:30% 70%}.about-atmosphere{display:none}.music-grid{grid-template-columns:1fr 1fr}.music-copy{grid-column:1/-1}.contact-inner{grid-template-columns:1fr;gap:38px}.contact-links{max-width:900px}.gallery{grid-template-columns:1fr}.gallery-heading>p:last-child{max-width:none}}
@media(max-width:690px){.wrap{width:90%}.site-header{height:66px;padding:0 5%}.logo{font-size:21px}.header-cta{padding:10px 12px;margin-left:auto}.menu-toggle{display:block;border:0;color:white;background:transparent;font-size:25px}.nav{position:absolute;display:none;left:0;right:0;top:66px;flex-direction:column;background:#090718f5;padding:24px;gap:23px}.nav.open{display:flex}.hero{height:750px;min-height:660px}.hero-picture{background-position:55% center}.hero-shade{background:linear-gradient(90deg,#050613ee,#05061388 80%),linear-gradient(0deg,#050613 0,transparent 50%)}.hero-content{padding-top:245px}.hero h1{font-size:clamp(88px,21vw,140px);margin-bottom:22px;width:100%}.hero-tag{font-size:10px;letter-spacing:2px}.hero-description{font-size:12px;max-width:340px}.eyebrow{letter-spacing:3px;font-size:10px}.hero-buttons{gap:8px}.btn{font-size:10px;padding:15px 18px}.vertical-label{display:none}.mirror-ball{width:120px;height:120px;top:90px;right:15%}.beam-field{top:135px;right:24%}.about{grid-template-columns:40% 60%;min-height:350px}.portrait{min-height:350px;background-position:42% center}.about-copy{padding:38px 12px}.about h2,.section h2,.contact h2{font-size:29px}.about-copy>p:not(.eyebrow){font-size:11px}.services{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;gap:12px}.services span{font-size:21px;margin-bottom:3px}.services div{font-size:8px}.section{padding-top:60px;padding-bottom:60px}.event-grid{grid-template-columns:1fr;gap:14px}.event-card{min-height:165px}.section-head{align-items:start}.text-button{font-size:9px;padding:10px}.music-grid{grid-template-columns:1fr}.video-art{height:230px}.gallery-images{gap:11px}.gallery-image{height:230px}.gallery-image span{font-size:9px}.contact{padding:65px 0}.contact-links{grid-template-columns:1fr 1fr;row-gap:15px}.contact-item:nth-child(2){border-right:0}.footer-inner{display:block}.footer-inner nav{margin:25px 0}.footer-inner p{text-align:left}.legal-links{justify-content:flex-start}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mirror-rotation,.beam-field i,.video-art:before,.about-atmosphere:after{animation:none}}

/* Nur die drei Eventfotos und die zwei Videovorschaubilder austauschen. */
.event-card.night{background:linear-gradient(0deg,rgba(2,3,12,.90),rgba(9,4,27,.10) 85%),url("assets/event-photo-1.jpg") center/cover no-repeat;}
.event-card.festival{background:linear-gradient(0deg,rgba(2,3,12,.90),rgba(9,4,27,.10) 85%),url("assets/event-photo-2.jpg") center/cover no-repeat;}
.event-card.private{background:linear-gradient(0deg,rgba(2,3,12,.90),rgba(9,4,27,.10) 85%),url("assets/event-photo-3.jpg") center/cover no-repeat;}
.video-art-1{background:linear-gradient(0deg,rgba(2,3,12,.58),rgba(9,4,27,.06)),url("assets/video-preview-1.jpg") center/cover no-repeat;}
.video-art-2{background:linear-gradient(0deg,rgba(2,3,12,.58),rgba(9,4,27,.06)),url("assets/video-preview-2.jpg") center/cover no-repeat;}

/* Only requested change: no animated or projected lighting overlays on event photos and video previews. */
.event-card::after,.video-art::before,.video-art .wave{display:none!important}