:root{color-scheme:dark;--yellow:#dce32d;--line:#262626;--muted:#b4b4b4}*{box-sizing:border-box}body{margin:0;background:#080808;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.site{max-width:1080px;margin:auto;background:#030303;min-height:100vh;display:flex;flex-direction:column}header{height:92px;margin:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:29px;line-height:1;letter-spacing:1px}.brand span{display:block;font-size:9px;letter-spacing:9px;padding-left:4px;margin-top:7px}nav{display:flex;gap:24px;align-items:center}nav>a{font-size:12px}nav a[aria-current]{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8b911b;color:var(--yellow);padding:10px 17px;font-size:12px;font-weight:bold;line-height:1.2;background:transparent;text-transform:uppercase}.button:hover{background:var(--yellow);color:#000}.menu-toggle{display:none}main{flex:1;padding:46px 40px 32px}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,5vw,64px);line-height:1.04;margin-bottom:24px}h2{font-size:30px;line-height:1.05}h3{font-size:23px;line-height:1.1}.eyebrow{color:var(--yellow);font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:12px}.muted{color:var(--muted)}.hero{position:relative;min-height:450px;background:linear-gradient(90deg,rgba(0,0,0,.65),transparent),url('assets/hero.jpg?v=2') center/cover;margin:-46px -40px 0;padding:100px 55px 55px;display:flex;align-items:center}.hero h1{max-width:480px;font-size:clamp(45px,6vw,76px);margin-bottom:25px}.text-link{color:var(--yellow);font-weight:bold;font-size:14px}.next{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px 0;border-bottom:1px solid var(--line)}.next h2{max-width:330px}.date{color:var(--yellow)}.facts{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.facts span:before{content:'◉';color:var(--yellow);margin-right:7px}.door{font-size:13px;color:var(--yellow);margin-top:16px}.door small{display:block;color:var(--muted)}section{margin-top:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid var(--line);display:block;padding:8px}.card:hover,.event-row:hover{border-color:#878d1d}.card img{width:100%;aspect-ratio:1.16;object-fit:cover}.card-body{padding:14px 8px 8px}.card h3{margin:7px 0;font-size:24px}.card .eyebrow{font-size:12px;margin:0}.card p{font-size:13px;color:var(--muted)}.story-teaser{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:24px;align-items:center}.story-teaser img{width:100%;height:190px;object-fit:cover}.story-teaser h2{margin-bottom:20px}.story-teaser p{font-size:14px;color:var(--muted)}.event-row{display:grid;grid-template-columns:35% 1fr;gap:30px;padding:10px;border:1px solid var(--line);margin-bottom:12px;align-items:center}.event-row img{width:100%;aspect-ratio:1.25;object-fit:cover}.event-row h2{margin-bottom:16px}.event-row .text-link{display:block;margin-top:20px}.past{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.past img{width:100%;aspect-ratio:1.5;object-fit:cover;filter:grayscale(1)}.event-hero{min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#030303,transparent 85%),var(--event-image) center/cover;margin:-46px -40px 0;padding:55px 40px 25px}.event-hero h1{max-width:590px;margin-bottom:16px}.event-bar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--line)}.event-cols{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:35px 0;border-bottom:1px solid var(--line);padding-bottom:30px}.lineup{font-size:23px;font-weight:bold;line-height:1.65}.good{margin:0;padding-left:17px;color:var(--muted);font-size:14px;line-height:1.9}.good li::marker{color:var(--yellow)}.location{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:start}.location img{width:100%;height:280px;object-fit:cover}.location h3{font-size:18px;margin:20px 0}.location p{font-size:14px;margin-bottom:22px;color:var(--muted)}.club{background:linear-gradient(90deg,#030303 5%,transparent 75%),url('assets/club.jpg?v=2') center/cover;padding:0 0 30px;min-height:510px}.club h1{padding-top:5px}.club .intro{font-size:18px;color:#ffffce;font-weight:bold}.club .copy{max-width:300px;margin-top:130px;font-size:16px}.club .button{margin-top:20px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:25px}.timeline article{border-left:1px solid var(--line);padding-left:18px}.timeline h3{font-size:16px;margin:14px 0}.timeline p{font-size:14px;color:var(--muted)}.photos-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:35px}.photos-two img{width:100%;aspect-ratio:1.6;object-fit:cover}.filters{display:flex;flex-wrap:wrap;gap:22px;margin:0 0 25px}.filters button{border:0;border-bottom:2px solid transparent;background:none;font-size:14px;padding:7px 10px}.filters button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery button{padding:0;border:1px solid var(--line);background:none}.gallery img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover}.gallery button:nth-child(n+4) img{aspect-ratio:.85}.faq details{border:1px solid var(--line);border-bottom:0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:20px;display:flex;justify-content:space-between;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--yellow);font-size:24px;line-height:1}details[open] summary:after{content:'−'}details p{padding:0 20px 22px;color:var(--muted)}details a{color:var(--yellow)}.question-box{display:flex;gap:22px;border:1px solid var(--line);padding:28px;margin-top:35px}.question-box .symbol{font-size:30px;color:var(--yellow)}.contact-list{display:grid;gap:10px}.contact-card{display:flex;align-items:center;gap:25px;border:1px solid var(--line);padding:25px}.contact-card .symbol{color:var(--yellow);font-size:30px;width:40px}.contact-card h2{font-size:16px;color:var(--yellow);margin-bottom:7px}.contact-card p{font-size:14px;color:var(--muted)}.contact-card strong{font-size:14px;color:var(--yellow)}.contact-card .arrow{margin-left:auto;color:var(--yellow)}.error{min-height:650px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(0deg,#030303,transparent 50%,#030303),url('assets/404-bg.jpg?v=2') center/cover;margin:-46px -40px -32px}.error h1{font-size:130px;margin:0}.error h2{font-size:25px;color:var(--yellow);margin-bottom:40px}.error .button{margin-top:32px}footer{margin:20px 40px 0;border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer small{font-size:10px;color:var(--muted)}.social{display:flex;gap:16px;font-size:21px}footer button{border:0;background:none;font-size:10px;padding:8px;color:var(--muted)}dialog{max-width:90vw;max-height:90vh;border:1px solid var(--line);background:#080808;color:white;padding:40px}dialog::backdrop{background:#000d}dialog img{max-width:80vw;max-height:75vh;display:block}dialog h2{margin-bottom:20px}dialog p{max-width:500px}.close{position:absolute;right:8px;top:0;background:none;border:0;font-size:32px;color:var(--yellow)}
@media(max-width:780px){header{margin:0 22px;height:82px;gap:16px}nav{gap:12px}nav>a{font-size:10px}nav .button{padding:9px}main{padding:32px 22px}.hero,.event-hero{margin:-32px -22px 0;padding:60px 28px 35px}.hero{min-height:350px}.event-hero{min-height:390px}.story-teaser{grid-template-columns:1fr 1fr}.story-teaser img{grid-column:1/-1;height:240px}.location img{height:210px}.event-row{gap:18px}.card h3{font-size:19px}footer{margin:20px 22px 0}.error{margin:-32px -22px;min-height:600px}}
@media(max-width:560px){.brand{font-size:25px}.menu-toggle{display:block;background:none;border:1px solid var(--line);font-size:24px;padding:3px 10px}header{position:relative}nav{display:none;position:absolute;left:-22px;right:-22px;top:81px;background:#080808;padding:22px;z-index:10;flex-direction:column;align-items:stretch;gap:5px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav>a{font-size:14px;padding:12px}.hero{min-height:340px;background-position:60% center}.hero h1{font-size:48px}.next{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:42% 1fr;gap:10px}.card img{height:100%;aspect-ratio:1;min-height:150px}.card h3{font-size:22px}.story-teaser{grid-template-columns:1fr}.story-teaser img{grid-column:auto}.event-row{grid-template-columns:38% 1fr;gap:14px}.event-row h2{font-size:24px}.event-row .facts{gap:8px;font-size:12px}.event-row .door{font-size:11px}.event-row .text-link{margin-top:12px}.event-row img{aspect-ratio:.7;height:100%}.event-bar{align-items:stretch;flex-direction:column}.event-cols{grid-template-columns:1fr;gap:25px}.location{grid-template-columns:1fr 1fr}.location>div{grid-column:1/-1}.location img{height:240px}.club{min-height:520px;background-position:center}.club .copy{margin-top:170px;max-width:280px}.timeline{grid-template-columns:1fr;gap:25px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery button:nth-child(n) img{aspect-ratio:1}.filters{gap:4px}.filters button{font-size:12px;padding:10px}.contact-card{padding:18px;gap:13px}.contact-card strong{font-size:12px;overflow-wrap:anywhere}.contact-card .symbol{font-size:23px;width:26px}footer{flex-wrap:wrap;justify-content:space-between}footer small{font-size:9px}footer>div:last-child{width:100%;text-align:right}.error h1{font-size:100px}.past{grid-template-columns:repeat(2,1fr)}}

/* Damals / Heute: documentarische Medien immer vollständig und unverzerrt. */
.new-hero{background:linear-gradient(90deg,#000b,#0003),url('assets/media/visual-glavnaya-full.webp') center/cover;min-height:490px;position:relative}.new-hero h1{max-width:760px;font-size:clamp(36px,5vw,64px);overflow-wrap:anywhere}.hero-copy{max-width:640px;margin:22px 0;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.visual-label{position:absolute;right:20px;bottom:12px;font-size:12px;background:#000b;padding:5px 9px;color:#ccc}.history-home{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding-top:35px;border-top:1px solid var(--line)}.history-home p{margin:20px 0}.history-home h2{font-size:clamp(25px,3vw,36px)}figure{margin:0}figcaption{font-size:14px;line-height:1.5;padding:12px 0;color:#dedede}figcaption small,.lightbox-caption small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.history-figure img{display:block;max-width:100%;width:auto;height:auto;max-height:310px;object-fit:contain}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.history-timeline{grid-template-columns:repeat(4,1fr)}.reading{max-width:760px;font-size:18px}.reading p{margin-bottom:20px}.section-intro{margin:20px 0;max-width:760px}.visual-wide{margin:35px 0}.visual-wide img{display:block;max-width:100%;height:auto}.event-previews{margin:25px 0}.text-event{display:block;border:1px solid var(--line);padding:25px;margin-bottom:12px}.text-event h2{margin-bottom:15px}.text-event .text-link{display:block;margin-top:18px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;margin-top:24px}.photo-button{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;border:1px solid var(--line);background:#0c0c0c;min-height:190px}.photo-button:hover{border-color:var(--yellow)}.photo-button img{display:block;max-width:100%;width:auto;height:auto;max-height:290px;object-fit:contain}.more-images{margin:25px 0 5px}.contact-list .contact-card{margin:0}.new-error{background:none;padding:35px}.new-error h2{max-width:760px;line-height:1.2}.new-error .actions{justify-content:center}.new-error .button{margin-top:12px}footer a{font-size:12px;color:var(--muted)}.viewer-open{overflow:hidden}#viewer{width:min(1000px,94vw);max-height:94vh;padding:48px 22px 22px;overflow:auto}#dialog-content{text-align:center}.lightbox-media{display:flex;align-items:center;justify-content:center;min-height:100px}.lightbox-media img{width:auto;height:auto;object-fit:contain}.lightbox-caption{margin-top:18px;overflow-wrap:anywhere}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:18px}.lightbox-controls button{min-width:48px;min-height:48px;border:1px solid #64681b;background:#111;color:var(--yellow);font-size:26px}.close{width:44px;height:44px}.original-link{display:inline-block;margin-top:16px}.media-grid h2{font-size:26px}
@media(max-width:950px) and (min-width:561px){header{margin:0 22px;gap:16px}nav{gap:10px}nav>a{font-size:10px}nav .button{padding:8px}.brand{font-size:25px}.brand span{letter-spacing:8px}}
@media(max-width:700px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid{grid-template-columns:1fr}.history-timeline{grid-template-columns:repeat(2,1fr)}.history-home{grid-template-columns:1fr}.history-figure img{max-height:none;max-width:100%;height:auto}.new-hero h1{font-size:38px}.new-hero{min-height:490px;padding-bottom:65px}.photo-button{min-height:150px}.photo-button img{max-height:220px}}
@media(max-width:400px){.new-hero h1{font-size:32px}.hero-copy{font-size:16px}.media-grid{grid-template-columns:1fr}.photo-button img{max-height:300px}.history-timeline{grid-template-columns:1fr}#viewer{padding:48px 12px 20px}.contact-card p{font-size:15px}}
/* Vollständige Event-Plakate; responsive Atmosphäre und klarer Hauptakzent. */
.halloween-feature,.event-detail-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:center}.halloween-feature{margin:50px 0;padding:30px 0 45px;border-bottom:1px solid var(--line)}.event-poster{margin:0;max-width:430px;width:100%;justify-self:center}.event-poster img{display:block;width:100%;height:auto;object-fit:contain;max-height:none}.event-poster figcaption{color:var(--muted);font-size:12px}.event-feature-copy h2{font-size:clamp(32px,4.6vw,56px);line-height:1.05;overflow-wrap:anywhere}.event-tagline{font-size:clamp(20px,2.5vw,26px);margin-top:20px;color:var(--yellow)}.visual-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.visual-event-card{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:24px;border:1px solid var(--line);padding:18px;align-items:center}.visual-event-card:hover{border-color:var(--yellow)}.visual-event-card img{width:100%;height:auto;object-fit:contain;display:block}.visual-event-card h2{font-size:28px;margin-bottom:18px}.visual-event-card .text-link{display:block;margin-top:20px}.visual-event-card figcaption{font-size:11px;color:var(--muted)}.event-previews{display:grid;grid-template-columns:1fr;gap:20px}.gallery-teaser{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center;margin-top:50px;border-top:1px solid var(--line);padding-top:35px}.atmosphere-figure img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;object-position:center}.atmosphere-figure figcaption{font-size:12px;color:var(--muted)}.atmosphere-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.visual-wide img{object-fit:contain}.new-hero{background-position:center 48%}.event-detail-layout h1{font-size:clamp(36px,5vw,62px);overflow-wrap:anywhere}
@media(max-width:650px){.halloween-feature,.event-detail-layout{grid-template-columns:1fr;gap:25px}.halloween-feature{margin-top:25px;padding-top:15px}.event-poster{max-width:360px}.event-feature-copy h2{font-size:36px}.gallery-teaser{grid-template-columns:1fr;gap:20px}.visual-event-grid{grid-template-columns:1fr}.visual-event-card{grid-template-columns:minmax(0,38%) minmax(0,1fr);padding:12px;gap:18px}.visual-event-card h2{font-size:24px}.atmosphere-pair{grid-template-columns:1fr}.new-hero{background-position:63% center}.atmosphere-figure img{aspect-ratio:4/3;object-position:center}.event-detail-layout{align-items:start}}
.event-summary{font-size:clamp(17px,2vw,22px);font-weight:bold;color:var(--yellow);line-height:1.6;margin:22px 0;overflow-wrap:anywhere}.event-rules{border:1px solid #767d25;background:#131508;padding:20px 24px;margin:32px 0;font-size:17px;line-height:1.8;color:#eeefbe}.event-facts h2{font-size:25px;margin-bottom:18px}.event-facts dl{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:9px 18px;font-size:15px}.event-facts dt{color:var(--muted)}.event-facts dd{margin:0}.arrival-info address,#content>section address{font-style:normal;font-size:18px;line-height:1.7;margin:22px 0}.arrival-info .muted{margin:20px 0;max-width:740px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.legal-page{max-width:820px;overflow-wrap:anywhere}.legal-page h2{font-size:26px;margin-bottom:18px}.legal-page h1{font-size:clamp(32px,5vw,60px)}.legal-page p{margin:15px 0;line-height:1.7}.legal-draft-note{border:1px solid var(--yellow);padding:20px;color:#eeefbe;margin:25px 0}.legal-fields{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:12px 24px}.legal-fields dt{color:var(--muted)}.legal-fields dd{margin:0}.legal-page .pending-field{color:var(--yellow)}.legal-page a{color:var(--yellow);text-decoration:underline}.legal-page ul{line-height:1.7;padding-left:22px}.event-detail-layout{align-items:start}
@media(max-width:560px){.event-rules{padding:16px;font-size:16px}.event-facts dl{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:10px;font-size:14px}.legal-fields{grid-template-columns:1fr;gap:5px}.legal-fields dd{margin-bottom:14px}.footer-links{gap:14px}.visual-event-card .event-summary{font-size:16px}.visual-event-card{align-items:start}}
/* Motion nur in freigegebenen Bereichen; Geschichte/Galerie bleiben unverändert. */
.halloween-video .video-frame{width:100%;aspect-ratio:9/16;background:#030303;position:relative}
.halloween-video video,.halloween-video .video-fallback{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.halloween-video [hidden]{display:none!important}
.halloween-video .video-toggle{font-size:11px;padding:9px 12px}
.halloween-video .video-status{display:block;font-size:12px;color:var(--muted);margin-top:8px}
#content[data-motion-page="home"] :is(.new-hero,.halloween-feature,.visual-event-grid) .button,
#content:is([data-motion-page="events"],[data-motion-page="event"],[data-motion-page="faq"],[data-motion-page="kontakt"],[data-motion-page="impressum"],[data-motion-page="datenschutz"],[data-motion-page="palazzo"]) .button,
.site[data-motion-enabled] header .button{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
#content:is([data-motion-page="home"],[data-motion-page="events"]) .visual-event-card{transition:transform 230ms ease,border-color 230ms ease,box-shadow 230ms ease}
#content:is([data-motion-page="home"],[data-motion-page="events"]) .visual-event-card:focus-visible{transform:translateY(-4px);border-color:var(--yellow);box-shadow:0 0 12px #dce32d28}
@media(hover:hover) and (pointer:fine){#content:is([data-motion-page="home"],[data-motion-page="events"]) .visual-event-card:hover{transform:translateY(-4px);border-color:var(--yellow);box-shadow:0 0 12px #dce32d28}}
@media(hover:none){#content:is([data-motion-page="home"],[data-motion-page="events"]) .visual-event-card:hover{border-color:var(--line)}}
@media(prefers-reduced-motion:reduce){
 #content[data-motion-page] .visual-event-card{transition:none;transform:none!important}
 .site[data-motion-enabled] header .button,
 #content[data-motion-page="home"] :is(.new-hero,.halloween-feature,.visual-event-grid) .button,
 #content:is([data-motion-page="events"],[data-motion-page="event"],[data-motion-page="faq"],[data-motion-page="kontakt"],[data-motion-page="impressum"],[data-motion-page="datenschutz"],[data-motion-page="palazzo"]) .button{transition:none}
}