/* SAM-PRO v220: Freigegebener Header-Entwurf als exaktes Hero-Bild umgesetzt */
.sp-home-hero-v202{
  position:relative;
  overflow:hidden;
  background:#f7fafc;
  border-bottom:1px solid #e3eaf2;
}

.sp-home-hero-v202 > .container.sp-home-hero-v202__grid{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  min-height:clamp(430px, 35.65vw, 596px) !important;
  height:clamp(430px, 35.65vw, 596px) !important;
  display:block !important;
}

.sp-home-hero-v202::before{
  display:none !important;
}

.sp-home-hero-v202__visual{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  background:#f7fafc !important;
  min-height:0 !important;
  height:100% !important;
  margin:0 !important;
}

.sp-home-hero-v202__image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:url('../img/hero-v220.webp') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  transform:none !important;
}

/* Live-HTML bleibt für Struktur/SEO vorhanden, die visuelle Darstellung kommt exakt aus dem freigegebenen Headerbild. */
.sp-home-hero-v202__copy{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (min-width:1400px){
  .sp-home-hero-v202 > .container.sp-home-hero-v202__grid{
    min-height:clamp(470px, 35.65vw, 596px) !important;
    height:clamp(470px, 35.65vw, 596px) !important;
  }
}

@media (min-width:821px) and (max-width:1099px){
  .sp-home-hero-v202 > .container.sp-home-hero-v202__grid{
    min-height:360px !important;
    height:360px !important;
  }
  .sp-home-hero-v202__image{
    background-position:center center !important;
    background-size:cover !important;
  }
}

@media (max-width:820px){
  .sp-home-hero-v202 > .container.sp-home-hero-v202__grid{
    min-height:360px !important;
    height:360px !important;
  }
  .sp-home-hero-v202__image{
    background-position:center center !important;
    background-size:cover !important;
  }
}

@media (max-width:599px){
  .sp-home-hero-v202 > .container.sp-home-hero-v202__grid{
    min-height:310px !important;
    height:310px !important;
  }
}