.er-hero{position:relative;min-height:570px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--gold-border);margin-top:var(--nav-h)}
.er-hero__bg{position:absolute;inset:0;background:url('/dj-magazin/sommerfest-euco-rail-bahnbetriebswerk/images/sommerfest-mit-dj.jpg') center 48%/cover no-repeat}
.er-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,15,.94),rgba(10,14,15,.64) 58%,rgba(10,14,15,.28))}
.er-hero__inner{position:relative;z-index:1;width:100%;padding:70px 0}
.er-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,.68);color:var(--gold-light);font-size:.69rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.er-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.er-hero h1{max-width:960px;margin:0 0 15px;color:var(--white);font-size:clamp(2rem,4.5vw,3.35rem);font-weight:900;line-height:1.1;text-wrap:balance}
.er-hero__sub{max-width:780px;margin:0 0 26px;color:rgba(255,255,255,.84);font-size:1.08rem;line-height:1.65}
.er-chips{display:flex;flex-wrap:wrap;gap:10px}.er-chip{padding:7px 13px;border:1px solid rgba(185,165,11,.38);border-radius:var(--r);background:rgba(14,14,14,.68);color:rgba(255,255,255,.92);font-size:.8rem;font-weight:600}
.er-two{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center}.er-two--image-first .er-image{order:-1}
.er-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.er-image--portrait img{aspect-ratio:3/4}
.er-prose{color:var(--gray-text);font-size:1rem;line-height:1.82}.er-prose p{margin:0 0 1.1em}.er-prose strong{color:var(--charcoal)}.er-prose a{color:var(--gold-dark);font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold-border)}.er-prose a:hover{color:var(--gold);border-color:var(--gold)}
.er-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}.er-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)}.er-fact strong{display:block;margin-bottom:4px;color:var(--charcoal);font-size:1rem}.er-fact span{color:var(--gray-muted);font-size:.8rem;line-height:1.45}
.er-program{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.er-program article{padding:23px 20px;border:1px solid var(--gray-mid);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm)}.er-program small{display:block;margin-bottom:7px;color:var(--gold-dark);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.er-program h3{margin:0 0 8px;font-size:1.05rem}.er-program p{margin:0;color:var(--gray-text);font-size:.88rem;line-height:1.6}
.er-highlight{margin:24px 0;padding:21px 24px;border-left:4px solid var(--gold);border-radius:0 var(--r-lg) var(--r-lg) 0;background:var(--gold-pale)}.er-highlight p{margin:0;color:var(--charcoal);line-height:1.72}
.er-tech{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:22px}.er-tech div{padding:16px 17px;border:1px solid var(--gray-mid);border-radius:var(--r);background:var(--white)}.er-tech strong{display:block;margin-bottom:3px;font-size:.94rem}.er-tech span{color:var(--gray-muted);font-size:.8rem;line-height:1.45}
.er-quote{padding:34px;border-left:4px solid var(--gold-light);border-radius:0 var(--r-lg) var(--r-lg) 0;background:rgba(185,165,11,.12)}.er-quote blockquote{margin:0 0 14px;color:var(--white);font-size:clamp(1.35rem,3vw,2rem);font-weight:800;line-height:1.35}.er-quote p{margin:0;color:rgba(255,255,255,.76);line-height:1.7}.er-dark-heading{color:var(--white)}.er-dark-prose{color:rgba(255,255,255,.8)}.er-dark-prose a{color:var(--gold-light)}
.er-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}.er-cta::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark))}.er-cta h2{margin:10px 0 12px;color:var(--white);font-size:clamp(1.4rem,3vw,1.9rem)}.er-cta p{max-width:690px;margin:0 auto 28px;color:rgba(255,255,255,.72);line-height:1.7}.er-cta .btn-group{justify-content:center}
.er-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.er-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)}.er-related a:hover{border-color:var(--gold)}.er-related small{display:block;margin-bottom:7px;color:var(--gold-dark);font-size:.67rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.er-related strong{color:var(--charcoal);font-size:.96rem;line-height:1.4}
@media(max-width:900px){.er-facts{grid-template-columns:repeat(2,1fr)}.er-program{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.er-hero{min-height:510px}.er-hero__bg::after{background:rgba(10,14,15,.7)}.er-two{grid-template-columns:1fr;gap:30px}.er-two--image-first .er-image{order:0}.er-program,.er-related{grid-template-columns:1fr}.er-image--portrait img{aspect-ratio:4/3;object-position:center 36%}}
@media(max-width:520px){.er-hero__inner{padding:50px 0}.er-facts,.er-tech{grid-template-columns:1fr}.er-cta{padding:34px 20px}.er-quote{padding:26px 22px}}