.gg-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--gold-border);margin-top:var(--nav-h)}
.gg-hero__bg{position:absolute;inset:0;background:url('/dj-magazin/50-und-18-geburtstag-strasser-gersthofen/images/geburtstag-dj-gersthofen-strasser.jpg') center 55%/cover no-repeat}
.gg-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.92),rgba(12,12,12,.58) 60%,rgba(12,12,12,.25))}
.gg-hero__inner{position:relative;z-index:1;width:100%;padding:68px 0}
.gg-hero__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 16px;border:1px solid var(--gold-border);border-radius:100px;background:rgba(20,20,20,.6);color:var(--gold-light);font-size:.69rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.gg-hero__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.gg-hero h1{max-width:900px;margin:0 0 14px;color:var(--white);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:900;line-height:1.12;text-wrap:balance}
.gg-hero__sub{max-width:760px;margin:0 0 26px;color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.65}
.gg-chips{display:flex;flex-wrap:wrap;gap:10px}.gg-chip{padding:7px 13px;border:1px solid rgba(185,165,11,.35);border-radius:var(--r);background:rgba(14,14,14,.62);color:rgba(255,255,255,.9);font-size:.8rem;font-weight:600}
.gg-two{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.gg-two--flip .gg-image{order:-1}
.gg-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.gg-prose{color:var(--gray-text);font-size:1rem;line-height:1.82}.gg-prose p{margin:0 0 1.1em}.gg-prose strong{color:var(--charcoal)}.gg-prose a{color:var(--gold-dark);font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold-border)}.gg-prose a:hover{color:var(--gold);border-color:var(--gold)}
.gg-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px}.gg-fact{padding:18px 16px;border:1px solid var(--gray-mid);border-top:3px solid var(--gold);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm)}.gg-fact strong{display:block;margin-bottom:4px;color:var(--charcoal);font-size:1.02rem}.gg-fact span{color:var(--gray-muted);font-size:.8rem;line-height:1.45}
.gg-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.gg-time{padding:23px 20px;border:1px solid var(--gray-mid);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm)}.gg-time__clock{margin-bottom:7px;color:var(--gold-dark);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.gg-time h3{margin:0 0 8px;font-size:1.06rem}.gg-time p{margin:0;color:var(--gray-text);font-size:.88rem;line-height:1.58}
.gg-highlight{margin:22px 0;padding:20px 24px;border-left:4px solid var(--gold);border-radius:0 var(--r-lg) var(--r-lg) 0;background:var(--gold-pale)}.gg-highlight p{margin:0;color:var(--charcoal);line-height:1.72}
.gg-generation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.gg-generation{padding:23px 20px;border:1px solid var(--gray-mid);border-radius:var(--r-lg);background:var(--white)}.gg-generation strong{display:block;margin-bottom:8px;color:var(--gold-dark);font-size:1.12rem}.gg-generation p{margin:0;color:var(--gray-text);font-size:.9rem;line-height:1.6}
.gg-playlist-panel{padding:28px;border-left:4px solid var(--gold-light);border-radius:0 var(--r-lg) var(--r-lg) 0;background:rgba(185,165,11,.12)}.gg-playlist-panel h3{margin:0 0 12px;color:var(--white);font-size:1.2rem}.gg-playlist-panel p{margin:0 0 20px;color:rgba(255,255,255,.84);line-height:1.72}.gg-playlist-panel iframe{display:block;width:100%;height:352px;border:0;border-radius:12px;background:#121212}
.gg-tech{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:22px}.gg-tech div{padding:15px 17px;border:1px solid var(--gray-mid);border-radius:var(--r);background:var(--white)}.gg-tech strong{display:block;margin-bottom:3px;font-size:.94rem}.gg-tech span{color:var(--gray-muted);font-size:.8rem;line-height:1.45}
.gg-cta{position:relative;overflow:hidden;padding:48px 40px;border:1px solid var(--gold-border);border-radius:var(--r-lg);background:var(--charcoal-2);text-align:center}.gg-cta::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark))}.gg-cta h2{margin:10px 0 12px;color:var(--white);font-size:clamp(1.4rem,3vw,1.9rem)}.gg-cta p{max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.7);line-height:1.7}.gg-cta .btn-group{justify-content:center}
.gg-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.gg-related a{padding:20px;border:1px solid var(--gray-mid);border-radius:var(--r-lg);background:var(--white);text-decoration:none;box-shadow:var(--shadow-sm)}.gg-related a:hover{border-color:var(--gold)}.gg-related small{display:block;margin-bottom:7px;color:var(--gold-dark);font-size:.67rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.gg-related strong{color:var(--charcoal);font-size:.96rem;line-height:1.4}
.gg-dark-heading{color:var(--white)}.gg-dark-prose{color:rgba(255,255,255,.78)}.gg-dark-prose a{color:var(--gold-light)}
@media(max-width:900px){.gg-facts{grid-template-columns:repeat(2,1fr)}.gg-generation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.gg-hero{min-height:500px}.gg-hero__bg::after{background:rgba(12,12,12,.68)}.gg-two{grid-template-columns:1fr;gap:30px}.gg-two--flip .gg-image{order:0}.gg-timeline,.gg-related{grid-template-columns:1fr}}
@media(max-width:520px){.gg-hero__inner{padding:50px 0}.gg-facts,.gg-generation-grid,.gg-tech{grid-template-columns:1fr}.gg-cta{padding:34px 20px}}