*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050606;color:#fff;font-family:"Roboto Condensed",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{height:76px;background:#030606;display:flex;align-items:center;padding:0 48px;gap:28px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(192,143,43,.28)}.brand{width:320px;line-height:.9}.brand span{font-family:Anton,Impact,sans-serif;font-size:38px;letter-spacing:2px;text-shadow:0 2px 0 #777}.brand small{display:block;color:#c99532;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:1.4px;font-size:13px;margin-top:6px}.nav{display:flex;gap:28px;align-items:center;flex:1;justify-content:center}.nav a{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1.6px;font-size:14px;font-weight:700;padding:29px 0 24px}.nav a.active,.nav a:hover{color:#d0a24a;border-bottom:2px solid #d0a24a}.book{border:1px solid #c9932f;color:#d3a14b;padding:16px 24px;font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:1.3px;white-space:nowrap}.book:hover,.cta:hover{background:#d3a14b;color:#050505}.menu{display:none}.hero{min-height:calc(100vh - 76px);background:url('images/hero.jpg') center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.15) 45%,rgba(0,0,0,.65));z-index:0}.heroOverlay{position:relative;z-index:1;padding:40px 22px;text-shadow:0 3px 16px #000;max-width:1050px}.rule{display:flex;align-items:center;gap:16px;color:#c99b42;justify-content:center;font-size:26px}.rule:before,.rule:after{content:"";width:260px;height:1px;background:#b37e25}.hero h1{margin:12px 0 4px;font-family:Anton,Impact,sans-serif;font-size:106px;letter-spacing:9px;line-height:.92;color:#f7f4ed;text-shadow:0 5px 0 rgba(0,0,0,.7)}.subline{display:flex;align-items:center;justify-content:center;gap:16px;color:#cfa150;font-family:Oswald,sans-serif;font-size:27px;font-weight:700;letter-spacing:6px}.subline span{display:block;width:42px;height:1px;background:#b58a38}.claim{font-family:Caveat,cursive;font-size:38px;line-height:1.03;margin:20px 0 26px}.cta{display:inline-block;background:linear-gradient(90deg,#d5aa53,#b8862c);color:#060606;padding:14px 32px;text-transform:uppercase;font:700 16px Oswald,sans-serif;letter-spacing:1px}.sectionTitle{text-align:center;padding:70px 20px 30px}.sectionTitle h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:60px;letter-spacing:4px;margin:0}.sectionTitle p{font-size:23px;color:#e7dcc8;margin:8px auto 0;max-width:760px}.experiences{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 24px 0}.card{min-height:360px;background-size:cover;background-position:center;position:relative;border:1px solid rgba(183,130,38,.2);overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.78));z-index:1}.card .copy{position:absolute;left:30px;right:30px;bottom:26px;z-index:2;text-shadow:0 2px 10px #000}.card h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:42px;letter-spacing:3px;margin:0}.card h3{font-family:Oswald,sans-serif;text-transform:uppercase;color:#c99b42;font-size:25px;letter-spacing:2px;margin:0 0 10px}.card p{font-size:18px;line-height:1.35;margin:0 0 12px}.more{display:inline-block;border:1px solid #c99b42;padding:9px 20px;font:700 14px Oswald,sans-serif;letter-spacing:1.5px;text-transform:uppercase}.card:hover{filter:brightness(1.1);transform:translateY(-2px);transition:.25s}.features{display:grid;grid-template-columns:repeat(5,1fr);padding:0 24px;margin-top:8px;background:#0a0a09;border-top:1px solid rgba(188,136,43,.25);border-bottom:1px solid rgba(188,136,43,.25)}.features a{display:block;min-height:138px;padding:25px 22px 14px 78px;border-right:1px solid rgba(180,132,42,.25);position:relative;transition:.25s}.features i{position:absolute;left:22px;top:26px;color:#c99b42;font-style:normal;font-size:42px}.features h4{margin:0 0 9px;font:700 16px Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px}.features p{margin:0;font-size:15px;line-height:1.45;color:#ddd}.features a:hover{background:rgba(201,155,66,.12)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;max-width:1160px;margin:0 auto;padding:52px 24px;align-items:center}.split h2{font-family:Anton,Impact,sans-serif;font-size:58px;letter-spacing:3px;text-transform:uppercase;margin:0 0 12px}.split p,.split li{font-size:21px;line-height:1.5;color:#e8e1d2}.split img{border:1px solid rgba(201,155,66,.4);box-shadow:0 20px 70px rgba(0,0,0,.55)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 24px 60px}.gallery a{position:relative;overflow:hidden;border:1px solid rgba(191,148,63,.35);background:#111}.gallery img{width:100%;height:260px;object-fit:cover;transition:.25s}.gallery a:hover img{transform:scale(1.04);filter:brightness(1.12)}.videoBox{max-width:980px;margin:0 auto 70px;padding:0 24px}.videoBox video{width:100%;border:1px solid rgba(201,155,66,.35);box-shadow:0 20px 60px rgba(0,0,0,.55)}.pageHero{min-height:430px;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.75)),url('images/hero.jpg') center/cover no-repeat;display:flex;align-items:end;padding:120px 8vw 60px;border-bottom:1px solid rgba(201,155,66,.35)}.pageHero h1{font-family:Anton,Impact,sans-serif;font-size:78px;letter-spacing:4px;text-transform:uppercase;margin:0;text-shadow:0 3px 0 #000}.pageHero p{font-family:Caveat,cursive;font-size:34px;margin:8px 0 0}.pageContent{max-width:1100px;margin:0 auto;padding:56px 24px 90px}.pageGrid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.infoBox{border:1px solid rgba(201,155,66,.35);background:#0b0b0a;padding:28px}.infoBox h2{font-family:Oswald,sans-serif;text-transform:uppercase;color:#d3a14b;letter-spacing:1px;margin:0 0 14px}.infoBox p,.infoBox li{font-size:20px;line-height:1.45;color:#e8e1d2}.songlist{columns:2;list-style:none;padding:0;margin:0}.songlist li{break-inside:avoid;border-bottom:1px solid rgba(201,155,66,.18);padding:7px 0}.contactBand{background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.82)),url('images/cafe.jpg') center/cover no-repeat;text-align:center;padding:90px 24px;border-top:1px solid rgba(201,155,66,.25)}.contactBand h2{font-family:Anton,Impact,sans-serif;font-size:58px;letter-spacing:3px;margin:0 0 12px;text-transform:uppercase}.contactBand p{font-size:22px;color:#eee}.footer{padding:34px 24px;text-align:center;color:#c99b42;background:#020303;border-top:1px solid rgba(201,155,66,.25);font-family:Oswald,sans-serif;letter-spacing:1px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-height:90vh;max-width:92vw;border:1px solid rgba(201,155,66,.5)}.lightbox button{position:absolute;right:25px;top:18px;background:none;border:0;color:#fff;font-size:46px;cursor:pointer}.down{position:fixed;bottom:9px;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#c99b42;color:#111;font-size:30px;z-index:20}@media(max-width:1050px){.topbar{height:auto;padding:18px 22px;flex-wrap:wrap}.brand{width:auto}.menu{display:block;margin-left:auto;background:none;color:#d0a24a;border:1px solid #d0a24a;font-size:24px}.nav{display:none;order:5;width:100%;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:12px}.book{display:none}.hero{min-height:620px}.hero h1{font-size:70px}.subline{font-size:18px;letter-spacing:3px}.rule:before,.rule:after{width:120px}.experiences{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features a{border-right:0;border-bottom:1px solid rgba(180,132,42,.25)}.split{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.brand span{font-size:31px}.hero{min-height:570px;background-position:center}.hero h1{font-size:47px;letter-spacing:4px}.claim{font-size:28px}.sectionTitle h2,.split h2,.contactBand h2{font-size:42px}.gallery{grid-template-columns:1fr}.gallery img{height:230px}.pageGrid{grid-template-columns:1fr}.pageHero h1{font-size:48px}.songlist{columns:1}}

/* Bildausschnitte optimiert: Köpfe und Gesichter bleiben sichtbar */
.card.card-club{background-position:center 18%}
.card.card-stadtfest{background-position:center 20%}
.card.card-musik{background-position:center 16%}
.pageHero.hero-about{background-position:center 18%}
.pageHero.hero-live{background-position:center 18%}
.pageHero.hero-musik{background-position:center 14%}
.pageHero.hero-galerie{background-position:center 20%}
.pageHero.hero-kontakt{background-position:center 20%}
@media(max-width:1050px){
  .card.card-club,.card.card-stadtfest,.card.card-musik{background-position:center 12%}
  .pageHero.hero-about,.pageHero.hero-live,.pageHero.hero-musik,.pageHero.hero-galerie,.pageHero.hero-kontakt{background-position:center 12%}
}

.features.features-four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.features.features-four{grid-template-columns:1fr}}


/* 2TWICE Logo-Update */
.brand{width:230px;display:flex;align-items:center;line-height:1}
.brand img{height:54px;width:auto;max-width:230px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.75))}
.heroLogo{width:min(860px,88vw);margin:0 auto 16px;filter:drop-shadow(0 6px 28px rgba(0,0,0,.9))}
.hero h1.logoFallback{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logoShowcase{max-width:980px;margin:0 auto;padding:38px 24px 8px;text-align:center}
.logoShowcase img{margin:0 auto;max-width:720px;width:92%;filter:drop-shadow(0 8px 34px rgba(0,0,0,.75))}
.logoShowcase p{font-size:21px;color:#e8e1d2;margin:14px auto 0;max-width:760px;line-height:1.45}
.pageHero.hero-musik{background-position:center 16%!important}
@media(max-width:1050px){.brand img{height:48px}.brand{width:210px}.heroLogo{width:min(720px,92vw)}}
@media(max-width:640px){.brand img{height:42px}.heroLogo{width:94vw;margin-bottom:10px}.pageHero.hero-musik{background-position:center 16%!important}}


/* Logo statt Schriftzug an markanten Stellen */
.inlineLogoWrap{display:inline-flex;align-items:center;vertical-align:middle;max-width:100%}
.inlineLogo{display:block;width:auto;max-width:100%;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}
.inlineLogo--small{height:28px}
.inlineLogo--medium{height:38px}
.inlineLogo--large{height:54px}
.split h2 .inlineLogo,.infoBox h2 .inlineLogo,.projectBox h2 .inlineLogo{height:48px}
.footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px}
.footerLogo{height:28px;width:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}
.footer .sep{opacity:.7}
.ctaLogo{height:26px;width:auto;vertical-align:middle;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))}
@media(max-width:1050px){.inlineLogo--large{height:48px}.split h2 .inlineLogo,.infoBox h2 .inlineLogo,.projectBox h2 .inlineLogo{height:42px}.footerLogo{height:26px}}
@media(max-width:640px){.inlineLogo--small{height:24px}.inlineLogo--medium{height:30px}.inlineLogo--large{height:40px}.split h2 .inlineLogo,.infoBox h2 .inlineLogo,.projectBox h2 .inlineLogo{height:36px}.footer{gap:6px 10px}.footerLogo{height:22px}}

/* Startseite: Logo/Text mittig zwischen den Köpfen ausrichten */
.hero {
  background-position: center center;
}
.heroOverlay {
  transform: translateX(-2%);
  max-width: 920px;
}
.heroLogo {
  width: min(760px, 76vw);
}
.hero .claim {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

@media(max-width:1050px){
  .heroOverlay {
    transform: none;
    max-width: 860px;
  }
  .heroLogo {
    width: min(690px, 88vw);
  }
}

@media(max-width:640px){
  .hero {
    background-position: center center;
  }
  .heroOverlay {
    transform: none;
  }
  .heroLogo {
    width: 88vw;
  }
}

/* Fix Musik-Seite: Bildausschnitt so setzen, dass der Kopf oben nicht abgeschnitten wird */
.pageHero.hero-musik{
  background-position:center top!important;
}
@media(max-width:1050px){
  .pageHero.hero-musik{background-position:center top!important;}
}
@media(max-width:640px){
  .pageHero.hero-musik{background-position:center top!important;}
}


/* Musik-Seite: Shorty Video mit Ton-Schalter */
.shortyBox{margin:0 auto 36px;border:1px solid rgba(201,155,66,.35);background:#0b0b0a;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.shortyHeader{padding:26px 28px 18px;text-align:center;border-bottom:1px solid rgba(201,155,66,.22)}
.shortyHeader h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:48px;letter-spacing:3px;margin:0;color:#f7f4ed}
.shortyHeader p{font-size:21px;line-height:1.4;color:#e8e1d2;margin:8px 0 0}
.shortyVideoWrap{position:relative;background:#000}
.shortyVideo{width:100%;display:block;max-height:72vh;object-fit:contain;background:#000}
.soundToggle{position:absolute;right:18px;bottom:18px;z-index:3;border:1px solid rgba(211,161,75,.95);background:rgba(5,5,5,.78);color:#f5dfb2;padding:12px 18px;font:700 15px Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;backdrop-filter:blur(4px)}
.soundToggle:hover{background:#d3a14b;color:#050505}
@media(max-width:640px){.shortyHeader{padding:22px 18px 14px}.shortyHeader h2{font-size:34px}.shortyHeader p{font-size:18px}.soundToggle{left:14px;right:14px;bottom:14px;text-align:center}}

/* Video auf der Startseite statt Café-Foto */
.splitVideoWrap{border:1px solid rgba(201,155,66,.4);box-shadow:0 20px 70px rgba(0,0,0,.55);background:transparent;overflow:hidden;max-width:560px;width:90%;justify-self:center;border-radius:8px}
.splitVideo{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;object-position:center;background:transparent}
.videoHint{font-size:15px!important;line-height:1.25!important;margin:0!important;padding:8px 12px 10px;color:#d9c9a7!important;text-align:center;background:transparent}
@media(max-width:1050px){.splitVideoWrap{order:2}}

/* Startseite: neues Vorstellungsvideo bewusst kleiner
   Minimal größer als das ursprüngliche Foto, damit der Text daneben sauber wirkt. */
.splitVideoWrap{
  max-width:430px!important;
  width:100%!important;
  justify-self:center!important;
  align-self:center!important;
  border-radius:10px!important;
}
.splitVideo{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
@media(max-width:1050px){
  .splitVideoWrap{max-width:460px!important;width:92%!important;}
}
@media(max-width:640px){
  .splitVideoWrap{max-width:100%!important;width:100%!important;}
}

/* Jack-Fix 09.07.2026: Video weiter nach rechts, Text bleibt normal breit */
section.split{
  max-width:1280px!important;
  grid-template-columns:minmax(0, 1fr) 430px!important;
  gap:72px!important;
  align-items:center!important;
  padding-left:44px!important;
  padding-right:44px!important;
}
section.split > div:first-child{
  max-width:720px!important;
  min-width:0!important;
}
section.split .splitVideoWrap{
  max-width:430px!important;
  width:430px!important;
  justify-self:end!important;
  margin-left:auto!important;
}
section.split .splitVideo{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:1050px){
  section.split{
    grid-template-columns:1fr!important;
    gap:28px!important;
    max-width:760px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  section.split > div:first-child{
    max-width:100%!important;
  }
  section.split .splitVideoWrap{
    width:min(430px, 92vw)!important;
    max-width:430px!important;
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:640px){
  section.split .splitVideoWrap{
    width:100%!important;
    max-width:100%!important;
  }
}


/* Fix NUR Startseite: Im unteren Bereich "Jetzt anfragen" Gesichter nicht abschneiden */
.contactBand--startseite{
  background-position:center 26% !important;
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@media(max-width:640px){
  .contactBand--startseite{
    background-position:center 20% !important;
    min-height:360px;
  }
}

/* Jack-Fix 10.07.2026: Überschriften, Logos und bessere Bildausschnitte */
.pageHero{
  background-position:center top!important;
}
.pageHero.hero-musik{
  min-height:590px;
  background-position:center 12%!important;
}
.pageHero.hero-gaestebuch,
.pageHero.hero-impressum{
  background-position:center top!important;
}
.musicHeroTitle{
  font-size:56px!important;
  letter-spacing:2px!important;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.musicHeroLogo img{
  width:250px;
  max-height:72px;
  object-fit:contain;
}
.logoHeading{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.headingLogo img{
  width:260px;
  max-height:78px;
  object-fit:contain;
}
.shortyTitleLogo img{
  width:205px;
  max-height:58px;
  object-fit:contain;
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
}
.footerLogo--inline{
  display:inline-block;
  width:105px;
  height:auto;
  vertical-align:middle;
  margin:0 5px;
}
@media(max-width:1050px){
  .pageHero.hero-musik{min-height:520px;background-position:center 10%!important;}
  .musicHeroTitle{font-size:46px!important;}
  .musicHeroLogo img,.headingLogo img{width:220px;}
}
@media(max-width:640px){
  .pageHero{min-height:390px;background-position:center top!important;}
  .pageHero.hero-musik{min-height:470px;background-position:center top!important;}
  .musicHeroTitle{font-size:36px!important;gap:10px;}
  .musicHeroLogo img{width:180px;max-height:54px;}
  .headingLogo img{width:190px;max-height:58px;}
  .shortyTitleLogo img{width:155px;max-height:46px;}
}


/* Jack-Fix 10.07.2026 Runde 2: nur Kontakt, Live und Über uns */
.pageHero.hero-live,
.pageHero.hero-about{
  min-height:520px;
  background-position:center top!important;
}
.pageHero.hero-kontakt{
  background-position:center center!important;
}
@media(max-width:640px){
  .pageHero.hero-live,
  .pageHero.hero-about{
    min-height:390px;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#050606;
  }
  .pageHero.hero-kontakt{
    background-position:center center!important;
  }
}

/* Jack-Fix 10.07.2026 Runde 3: Gesichter auf allen Unterseiten vollständig sichtbar */
/* Die volle Bildbreite hat Vorrang, damit links und rechts keine Gesichter abgeschnitten werden. */
.pageHero.hero-about,
.pageHero.hero-live,
.pageHero.hero-kontakt,
.pageHero.hero-gaestebuch,
.pageHero.hero-impressum{
  background-size:100% auto!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-color:#050606!important;
}

/* Hochformatigere Fotos brauchen etwas mehr Höhe, damit die Köpfe und Oberkörper sichtbar bleiben. */
.pageHero.hero-about,
.pageHero.hero-live{
  min-height:clamp(520px,55vw,760px)!important;
}

/* Breitere Fotos bleiben kompakter, werden aber ebenfalls nicht seitlich beschnitten. */
.pageHero.hero-kontakt,
.pageHero.hero-gaestebuch,
.pageHero.hero-impressum{
  min-height:clamp(390px,45vw,650px)!important;
}

@media(max-width:640px){
  .pageHero.hero-about,
  .pageHero.hero-live{
    min-height:390px!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .pageHero.hero-kontakt,
  .pageHero.hero-gaestebuch,
  .pageHero.hero-impressum{
    min-height:320px!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
}


/* 2TWICE SEO-Landingpage: Musikduo NRW */
.pageHero.hero-musikduo-nrw{
  min-height:clamp(460px,52vw,720px);
  background-size:cover;
  background-position:center 30%;
}
.pageHero.hero-musikduo-nrw h1{font-size:clamp(48px,7vw,92px);}
.seoLanding{max-width:1180px;}
.seoIntro{max-width:900px;margin:0 auto 42px;text-align:center;}
.seoIntro h2,.seoRegion h2,.faqBlock h2{font-size:clamp(34px,4vw,54px);margin:.2em 0 .45em;}
.eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#c6a15b;font-weight:700;font-size:14px;}
.seoGrid{margin:34px 0 50px;}
.seoFeature{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;margin:30px 0 58px;background:#0b0d0d;border:1px solid rgba(198,161,91,.25);padding:34px;}
.seoFeature img{width:100%;height:360px;object-fit:cover;object-position:center 30%;border:1px solid rgba(198,161,91,.35);}
.seoFeature h2{font-size:clamp(34px,4vw,52px);margin-top:0;}
.seoRegion{max-width:920px;margin:0 auto 58px;text-align:center;}
.faqBlock{max-width:920px;margin:0 auto 50px;}
.faqBlock details{border-top:1px solid rgba(255,255,255,.15);padding:0;}
.faqBlock details:last-of-type{border-bottom:1px solid rgba(255,255,255,.15);}
.faqBlock summary{cursor:pointer;font-family:'Oswald',sans-serif;font-size:22px;font-weight:600;padding:18px 4px;color:#f4f0e6;}
.faqBlock details p{padding:0 4px 18px;margin:0;color:#d3d3cf;}
.seoRelated{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0 10px;}
.seoRelated a{border:1px solid rgba(198,161,91,.45);padding:11px 16px;text-decoration:none;color:#e2c27b;}
.seoRelated a:hover{background:rgba(198,161,91,.12);}
.seoTeaser{padding:58px 24px;background:#080a0a;border-top:1px solid rgba(198,161,91,.18);text-align:center;}
.seoTeaser>div{max-width:780px;margin:0 auto;}
.seoTeaser h2{font-size:clamp(38px,5vw,62px);margin:.15em 0 .3em;}
.seoTeaser a{color:#e2c27b;font-family:'Oswald',sans-serif;font-weight:600;text-decoration:none;font-size:18px;}
@media(max-width:760px){
  .pageHero.hero-musikduo-nrw{min-height:390px;background-position:center top;}
  .seoFeature{grid-template-columns:1fr;padding:22px;gap:24px;}
  .seoFeature img{height:auto;max-height:420px;}
  .seoIntro,.seoRegion{text-align:left;}
  .seoRelated{justify-content:flex-start;}
}