/* v2.4 – endgültige Bereinigung des Leistungs-Sliders
   - entfernt alle Rest-Overlays/Background-Bleeds im Slider
   - kapselt den Bereich sauber vom Footer/den Folge-Sektionen ab
   - lädt nach repariertem Link-Tag sicher in allen Browsern */

/* Services-Bereich als eigene, abgeschlossene Ebene */
.services {
  position: relative !important;
  z-index: 4 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #07101d 0%, #091421 100%) !important;
}

/* Keine großen Hintergrund-Schriftzüge oder Ring-Overlays im Leistungsbereich */
.services::before,
.services::after,
#leistungen::before,
#leistungen::after,
.services .section__head::before,
.services .section__head::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Karussell als geschlossene Maske – nichts von außen darf durchscheinen */
.service-carousel,
#serviceCarousel {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  contain: layout paint !important;
  background: transparent !important;
}

.service-carousel::before,
.service-carousel::after,
#serviceCarousel::before,
#serviceCarousel::after,
.service-slider.service-deck::before,
.service-slider.service-deck::after,
#serviceSlider::before,
#serviceSlider::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  pointer-events: none !important;
}

.service-slider.service-deck,
#serviceSlider {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  contain: layout paint !important;
  background: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Seiten nie transparent nach außen „ausbluten“ lassen */
.service-page,
.service-page.is-active,
.service-page.is-preparing,
.service-page.is-leaving {
  background: transparent !important;
  box-shadow: none !important;
}

/* Folge-Sektionen bewusst unterhalb des Services-Layers halten */
.story,
.office-gallery,
.news,
.career,
.contact,
.site-footer {
  position: relative;
  z-index: 1;
}

/* Zusatzsicherheit für Browser/Monitore mit unsauberer Layer-Komposition */
@media (prefers-reduced-transparency: reduce) {
  .service-page .service-card {
    background: #10263d !important;
  }
}