/* Agentur Braselmann – Hero-System v0.2.37 */
.hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  align-items:center!important;
  min-height:610px!important;
  background:#6d5638 url("../images/hero-suedpfalz-ruelzheim.webp") center 48% / cover no-repeat!important;
  background-blend-mode:normal!important;
  filter:none!important;
  box-shadow:none!important;
}
.hero::before{
  content:none!important;
  display:none!important;
}
.hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:-20%!important;
  right:48%!important;
  width:8%!important;
  height:145%!important;
  background:linear-gradient(180deg,rgba(243,165,31,.82),rgba(216,120,8,.90))!important;
  transform:skewX(-22deg)!important;
  opacity:.74!important;
  pointer-events:none!important;
}
.hero>.wrap{position:relative!important;z-index:2!important}
.hero .hero-copy,.hero .mockup-hero-copy{
  width:100%!important;
  max-width:610px!important;
  padding-left:0!important;
  border-left:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.hero .hero-copy,
.hero .mockup-hero-copy,
.hero .hero-copy p,
.hero .mockup-hero-copy p,
.hero .section-kicker,
.hero .eyebrow,
.hero .hero-lead,
.hero h1,
.hero h1 span{
  color:#fffaf2!important;
  text-shadow:0 2px 5px rgba(45,31,13,.38)!important;
}
.hero-overlay,.hero-shade,.hero-shadow,.hero-gradient,.hero-mask{display:none!important}

/* Desktop: vom Nutzer gewünschte +120 px */
@media(min-width:901px){
  body:not(.subpage) .hero{min-height:730px!important}
  body.subpage .hero{min-height:540px!important}
}

/* Tablet/Mobil: Foto bleibt DIREKT im Hero */
@media(max-width:900px){
  .hero{
    min-height:600px!important;
    background:#6d5638 url("../images/hero-suedpfalz-ruelzheim.webp") 58% center / cover no-repeat!important;
    background-attachment:scroll!important;
  }
  body.subpage .hero{min-height:420px!important}
  .hero>.wrap{width:100%!important;padding-left:28px!important;padding-right:28px!important}
  .hero .hero-copy,.hero .mockup-hero-copy{max-width:100%!important}
  .hero h1,.hero .hero-copy h1,.hero .mockup-hero-copy h1{
    font-size:clamp(2.45rem,10.5vw,4rem)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    hyphens:none!important;
  }
  body.subpage .hero h1{font-size:clamp(2.6rem,11vw,4.2rem)!important}
  .hero .section-kicker,.hero .eyebrow{
    font-size:clamp(.72rem,2.8vw,.92rem)!important;
    line-height:1.45!important;
    letter-spacing:.14em!important;
  }
  .hero .hero-lead{font-size:clamp(1rem,4vw,1.22rem)!important;line-height:1.5!important}
  .hero::after{right:7%!important;width:11%!important;height:140%!important;opacity:.28!important}
}
@media(max-width:520px){
  .hero{
    min-height:590px!important;
    background:#6d5638 url("../images/hero-suedpfalz-ruelzheim.webp") 58% center / cover no-repeat!important;
  }
  body.subpage .hero{min-height:390px!important}
  .hero>.wrap{padding-left:22px!important;padding-right:22px!important}
  .hero h1,.hero .hero-copy h1,.hero .mockup-hero-copy h1{
    font-size:clamp(2.15rem,9.3vw,3rem)!important;
    letter-spacing:-.045em!important;
  }
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .hero-actions .btn{width:100%!important}
}


/* v0.2.37 – Unterseiten-Hero: Textausrichtung wie auf der Startseite */
body.subpage .hero>.wrap{
  display:flex!important;
  align-items:center!important;
  min-height:inherit!important;
}
body.subpage .hero .hero-copy,
body.subpage .hero .mockup-hero-copy{
  margin:0!important;
  align-self:auto!important;
  text-align:left!important;
}
@media(max-width:900px){
  body.subpage .hero>.wrap{
    display:flex!important;
    align-items:center!important;
  }
}