:root{--black:#111214;--ink:#17191b;--red:#e4232b;--yellow:#f5c628;--paper:#f5f4ef;--muted:#6b6d70;--line:#deddd6;--display:'Barlow Condensed',Impact,sans-serif;--body:Inter,Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.flag{display:flex;gap:4px}.flag i{display:block;width:18px;height:5px;background:#fff}.flag i:nth-child(2){background:#777}.flag i:nth-child(3){background:#111}
    header{background:var(--black);color:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #ffffff1c}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:190px;height:auto;display:block;max-height:62px;object-fit:contain;object-position:left center}.links{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.links a{opacity:.82}.links a:hover{opacity:1;color:var(--yellow)}.links .cta{background:var(--yellow);color:#111;padding:12px 18px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.links .cta:hover{color:#111;opacity:1;background:var(--yellow)}
    .hero{background:var(--black);color:#fff;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#101113 2%,rgba(16,17,19,.94) 38%,rgba(16,17,19,.25) 100%),url('assets/kiosk.png') center 55%/cover}.hero:after{content:"";position:absolute;z-index:-1;right:-90px;top:-100px;width:44%;height:130%;transform:skew(-18deg);border-left:2px solid #e4232b80;background:linear-gradient(90deg,#e4232b16,transparent)}
    .hero-in{min-height:590px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:70px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:3px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font:900 clamp(56px,8vw,106px)/.84 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:24px 0}.hero h1 span{color:var(--red);display:block}.hero-copy{max-width:500px;color:#e2e2e2;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:15px 20px;background:var(--yellow);color:#111;display:inline-flex;align-items:center;gap:12px}.button.dark{background:transparent;color:#fff;border:1px solid #fff6}.hero-mascot{position:relative;justify-self:center;width:min(360px,100%);filter:drop-shadow(0 24px 28px #0009)}.hero-mascot img{width:100%;display:block}.mascot-note{position:absolute;right:0;bottom:9%;background:var(--yellow);color:#161616;padding:9px 13px;font:800 15px var(--display);text-transform:uppercase;transform:rotate(-5deg)}
    .ticker{background:var(--yellow);overflow:hidden;white-space:nowrap;border-bottom:5px solid var(--red)}.ticker-in{display:flex;gap:28px;align-items:center;padding:12px 0;font:800 18px var(--display);letter-spacing:.06em;text-transform:uppercase}.ticker b{color:var(--red)}.section{padding:88px 0}.section.dark{background:var(--black);color:#fff}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.kicker{color:var(--red);font-size:10px;letter-spacing:.19em;font-weight:900;text-transform:uppercase}.head h2{font:900 clamp(40px,5vw,64px)/.92 var(--display);text-transform:uppercase;margin:10px 0 0;letter-spacing:-.02em}.head p{max-width:390px;color:var(--muted);font-size:13px;margin-bottom:0}.dark .head p{color:#aeb0b2}
    .feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.feature{display:block;color:inherit;min-height:410px;position:relative;overflow:hidden;background:#242629}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature:hover img{transform:scale(1.04)}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090a0be8,transparent 70%)}.feature-copy{position:absolute;z-index:1;left:30px;right:28px;bottom:26px;color:#fff}.feature-copy h3{font:800 40px/.95 var(--display);text-transform:uppercase;margin:9px 0}.feature-copy p{font-size:13px;max-width:440px;color:#e2e2e2;margin:0}.chip{font-size:9px;letter-spacing:.15em;font-weight:900;text-transform:uppercase;background:var(--red);padding:7px 10px;display:inline-block;color:white}
    .locations{background:#e8e7e1}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.location{padding:22px 22px 20px;background:#fff;border-top:3px solid var(--red);box-shadow:0 5px 20px #17191b0a;display:flex;flex-direction:column;min-height:220px}.location.primary{grid-row:span 2;background:var(--black);color:#fff;border-color:var(--yellow)}.loc-num{color:var(--red);font:800 12px var(--display);letter-spacing:.1em}.primary .loc-num{color:var(--yellow)}.location h3{font:800 26px/1 var(--display);text-transform:uppercase;margin:13px 0 5px}.address{font-size:11px;color:#777;font-weight:700}.primary .address{color:#b8b8b8}.location p{font-size:12px;color:#666;margin:15px 0 18px}.primary p{color:#d0d0d0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tags span{font-size:9px;font-weight:800;background:#f1f0ec;padding:6px 8px;text-transform:uppercase;letter-spacing:.035em}.primary .tags span{background:#292b2e;color:#e9e9e9}.loc-link{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-top:18px;color:var(--red)}
    .machine-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.machine-gallery figure{margin:0;background:#1c1e20;position:relative;height:195px;overflow:hidden}.machine-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.machine-gallery figure:hover img{transform:scale(1.04)}.machine-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;color:#fff;background:linear-gradient(transparent,#08090ae0);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.info-band{background:#17191b;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:42px;margin-top:18px}.info-band h3{font:800 38px/.95 var(--display);text-transform:uppercase;margin:10px 0}.info-band p{font-size:12px;color:#c7c8ca;margin-bottom:0}.info-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.info-band li{font-size:11px;color:#dedede;border-bottom:1px solid #ffffff24;padding:0 0 9px}.info-band li:before{content:'✦';color:var(--yellow);margin-right:8px}.radio-panel{background:#202226;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;margin-top:18px}.radio-brand{display:flex;align-items:center;gap:18px}.radio-brand img{width:92px;height:92px;object-fit:contain}.radio-panel h3{font:800 30px var(--display);text-transform:uppercase;margin:0}.radio-panel p{color:#c3c5c7;font-size:11px;margin:3px 0}.radio-panel audio{width:min(330px,100%);height:40px}.promise{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.promise h2{font:900 clamp(45px,6vw,75px)/.88 var(--display);text-transform:uppercase;margin:14px 0}.promise h2 em{font-style:normal;color:var(--yellow)}.promise-text{color:#c2c3c4;font-size:14px;max-width:600px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat{border-top:1px solid #ffffff30;padding-top:12px}.stat strong{font:800 28px var(--display);color:var(--yellow);display:block;text-transform:uppercase}.stat span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#b5b7b9}
    .contact{background:var(--red);color:#fff;padding:55px 0}.contact-in{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{font:900 clamp(38px,5vw,58px)/.9 var(--display);text-transform:uppercase;margin:0}.contact p{font-size:12px;color:#ffe1e2;margin:12px 0 0}.contact .button{background:#fff}.footer{background:#111214;color:#babbbd;padding:36px 0}.foot-in{display:flex;justify-content:space-between;gap:24px;align-items:center}.foot-in img{width:140px;max-height:54px;object-fit:contain;object-position:left}.foot-in p{font-size:10px;margin:0}.footer-links{display:flex;gap:18px;font-size:10px;font-weight:800;text-transform:uppercase}.legal{font-size:9px;color:#76787b;margin-top:20px;border-top:1px solid #ffffff1c;padding-top:15px}
    @media(max-width:800px){.links{gap:16px}.hero-in{grid-template-columns:1fr .7fr;min-height:520px}.hero-mascot{width:260px}.feature-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:repeat(2,1fr)}.location.primary{grid-row:span 1}.promise{grid-template-columns:1fr;gap:15px}.machine-gallery figure{height:160px}.info-band{grid-template-columns:1fr;gap:20px}}
    @media(max-width:600px){.wrap{width:min(100% - 30px,1160px)}.topbar .wrap{font-size:9px}.nav{min-height:66px}.brand img{width:145px}.links{gap:0}.links a:not(.cta){display:none}.links .cta{padding:11px 13px;font-size:10px}.hero-in{display:block;min-height:0;padding:56px 0 45px}.hero-copy{font-size:14px}.hero-mascot{width:190px;margin:27px 10px 0 auto}.hero:before{background:linear-gradient(90deg,#101113dc,#10111399),url('assets/kiosk.png') center/cover}.hero:after{width:30%}h1{font-size:66px}.section{padding:63px 0}.head{display:block;margin-bottom:25px}.head p{margin-top:14px}.feature-grid{grid-template-columns:1fr}.feature{min-height:300px}.location-grid{grid-template-columns:1fr}.location{min-height:0}.location.primary{min-height:220px}.stats{gap:8px}.stat strong{font-size:22px}.contact-in{display:block}.contact .button{margin-top:20px}.foot-in{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.machine-gallery{grid-template-columns:1fr 1fr}.machine-gallery figure{height:138px}.machine-gallery figure:last-child{display:none}.info-band{padding:27px 21px}.info-band ul{grid-template-columns:1fr}.radio-panel{align-items:flex-start;flex-direction:column}.radio-brand img{width:70px;height:70px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature img{transition:none}}
.active{color:var(--yellow)!important;opacity:1!important}.subhero{background:var(--black);color:#fff;padding:74px 0 68px;position:relative;overflow:hidden}.subhero:after{content:"";position:absolute;right:-80px;top:-40px;width:35%;height:140%;transform:skew(-18deg);background:linear-gradient(90deg,#e4232b22,transparent);border-left:2px solid #e4232b80}.subhero .wrap{position:relative;z-index:1}.subhero h1{font:900 clamp(54px,8vw,96px)/.86 var(--display);text-transform:uppercase;margin:17px 0}.subhero p{max-width:680px;color:#dedede;font-size:15px}.crumb{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--yellow);font-weight:800}.content-section{padding:72px 0}.content-section.alt{background:#e8e7e1}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.content-grid img{width:100%;max-height:450px;object-fit:cover}.content-section h2{font:900 clamp(39px,5vw,62px)/.93 var(--display);text-transform:uppercase;margin:10px 0 18px}.content-section p{font-size:14px;color:#555b5f}.content-section.dark{background:#111214;color:#fff}.content-section.dark p{color:#c2c3c4}.content-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.content-list div{padding:16px 17px;background:#fff;font-size:12px;font-weight:800;border-left:3px solid var(--red)}.dark .content-list div{background:#202226;color:#eee}.page-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.radio-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;background:#17191b;color:#fff;padding:34px}.radio-page img{width:100%;max-height:340px;object-fit:contain}.radio-page audio{width:100%;margin:15px 0}.radio-page h2{font:900 50px/.95 var(--display);text-transform:uppercase}.callout{background:var(--yellow);color:#111;padding:30px}.callout h3{font:800 33px/.95 var(--display);text-transform:uppercase;margin-bottom:10px}.callout p{color:#222}.page-back{color:var(--red);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}

.content-section .button.dark{color:#111;border-color:#111}

.gastro-gallery-block{padding:64px 0;background:#e8e7e1}.gastro-gallery-block h2{font:900 clamp(39px,5vw,62px)/.93 var(--display);text-transform:uppercase;margin:10px 0 24px}.gastro-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gastro-gallery figure{margin:0;position:relative;height:260px;overflow:hidden;background:#1b1c1e}.gastro-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.gastro-gallery figure:hover img{transform:scale(1.04)}.gastro-gallery figcaption{position:absolute;inset:auto 0 0;padding:34px 15px 12px;color:#fff;background:linear-gradient(transparent,#08090ae8);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:600px){.gastro-gallery{grid-template-columns:1fr}.gastro-gallery figure{height:220px}}

.legal-card{max-width:760px;background:#fff;padding:clamp(24px,5vw,52px);border-top:4px solid var(--red);box-shadow:0 10px 35px #17191b0a}.legal-card h2{font:800 29px/1 var(--display);text-transform:uppercase;margin:32px 0 12px}.legal-card h2:first-child{margin-top:0}.legal-card p{color:#555b5f;font-size:14px}.legal-card a{color:var(--red);font-weight:700}

.gastro-hero{background:linear-gradient(90deg,rgba(17,18,20,.87) 0%,rgba(17,18,20,.75) 56%,rgba(17,18,20,.52) 100%),url('assets/gastro/gastro-background.jpg') center 44%/cover no-repeat}
@media(max-width:600px){.gastro-hero{background-position:55% center}.gastro-hero:after{right:-110px;width:44%;opacity:.75}}

/* PitStop-Foto als gemeinsamer Hintergrund auf allen Seiten */
body{background:linear-gradient(rgba(17,18,20,.34),rgba(17,18,20,.34)),url('assets/gastro/gastro-background.jpg') center 44%/cover fixed no-repeat}
.hero:before{background:linear-gradient(90deg,rgba(16,17,19,.88) 2%,rgba(16,17,19,.73) 42%,rgba(16,17,19,.24) 100%),url('assets/gastro/gastro-background.jpg') center 44%/cover}
.subhero{background:linear-gradient(90deg,rgba(17,18,20,.87),rgba(17,18,20,.57)),url('assets/gastro/gastro-background.jpg') center 44%/cover no-repeat}
.section:not(.dark),.content-section:not(.alt):not(.dark){background:rgba(245,244,239,.88)}
.locations,.content-section.alt,.gastro-gallery-block{background:rgba(232,231,225,.88)}
.section.dark,.content-section.dark,.radio-page{background:rgba(17,18,20,.91)}
@media(max-width:600px){body{background-attachment:scroll;background-position:55% center}.hero:before{background:linear-gradient(90deg,rgba(16,17,19,.87),rgba(16,17,19,.61)),url('assets/gastro/gastro-background.jpg') 55% center/cover}.subhero{background-position:55% center}}

.menu-toggle{display:none;appearance:none;border:1px solid #ffffff45;border-radius:3px;background:transparent;color:#fff;width:44px;height:42px;padding:9px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:22px;height:2px;background:#fff;transition:transform .18s,opacity .18s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:600px){
  .nav{position:relative;gap:12px}
  .menu-toggle{display:flex;flex:0 0 44px}
  .links{display:none;position:absolute;top:100%;left:-15px;right:-15px;z-index:10;background:#111214;padding:8px 15px 16px;border-top:1px solid #ffffff24;box-shadow:0 12px 22px #0005;flex-direction:column;align-items:stretch;gap:0}
  .links.is-open{display:flex}
  .links a,.links a:not(.cta){display:block;padding:14px 10px;border-bottom:1px solid #ffffff20}
  .links .cta{margin-top:10px;padding:13px 14px;text-align:center;clip-path:none;border:0}
}

/* Prominent link to current PitStop Club events */
.events-promo{background:#111214;padding:25px 0}.events-promo-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;background:linear-gradient(110deg,#e4232b 0 8px,#25272a 8px 100%);color:#fff}.events-promo-copy{max-width:680px}.events-badge{display:inline-block;margin-bottom:9px;color:#f6d748;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.events-promo h2{margin:0 0 8px;font:900 clamp(30px,4vw,48px)/.95 var(--display);letter-spacing:-.02em;text-transform:uppercase}.events-promo p{margin:0;color:#ddd;font-size:14px}.events-promo-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:#111;padding:17px 20px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.events-promo-link:hover{background:#fff}.events-promo-link span{font-size:18px}@media(max-width:650px){.events-promo{padding:16px 0}.events-promo-card{align-items:flex-start;flex-direction:column;gap:18px;padding:24px 22px}.events-promo h2{font-size:34px}.events-promo p{font-size:13px}.events-promo-link{width:100%;justify-content:center;padding:15px 12px;font-size:10px}}

/* Dr. Crock im oberen Bar/Club-Aufmacher */
.gastro-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:30px;align-items:center}.gastro-hero-copy{min-width:0}.gastro-hero-art{margin:0;width:100%;max-width:520px;justify-self:end;overflow:hidden;border:1px solid #ffffff35;box-shadow:0 18px 42px #0008}.gastro-hero-art img{display:block;width:100%;height:clamp(230px,30vw,370px);object-fit:cover;object-position:center 48%}@media(max-width:600px){.gastro-hero .wrap{grid-template-columns:1fr;gap:22px}.gastro-hero-art{max-width:none}.gastro-hero-art img{height:210px}}


/* Spieleangebot früh auf der Bar/Club-Seite hervorheben */
.games-promo{padding:22px 0;background:#f5c628}.games-promo-card{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:20px 26px;background:#17191b;color:#fff;border-left:6px solid #e4232b}.games-promo-copy .kicker{color:#f5c628}.games-promo h2{font:900 clamp(30px,4vw,46px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:8px 0}.games-promo p{margin:0;color:#dedede;font-size:13px}.games-promo-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.games-promo-tags span{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:52px;background:#292b2e;border:1px solid #ffffff22;padding:10px 12px;color:#fff;font-size:11px;font-weight:800}.games-icon{display:block;width:30px;height:28px;flex:0 0 auto}.games-icon.car-controller{width:50px;height:30px}.games-promo-tags .games-icon.board-cards{width:62px;height:30px}.games-promo-tags .games-icon.microphones{width:36px;height:30px}.games-promo-tags .games-icon.live-sports{width:46px;height:30px}@media(max-width:650px){.games-promo{padding:14px 0}.games-promo-card{grid-template-columns:1fr;gap:16px;padding:20px 17px}.games-promo h2{font-size:33px}.games-promo-tags{gap:7px}.games-promo-tags span{padding:8px 9px;font-size:10px;min-height:48px}.games-icon.car-controller{width:42px}.games-promo-tags .games-icon.board-cards{width:48px}.games-promo-tags .games-icon.live-sports{width:38px}}