/* Breite vom umgebenden Renderer-Container übernehmen. */
kpc-opener-slider .kpc-opener-slider__shell,
kpc-opener-karussell .kpc-opener-karussell__shell {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* Desktop: Standard-Opener-Geometrie statt viewportbasierter Höhe.
   Mobile bleibt unverändert, damit Scroll-Lock und Textlayouts funktionieren. */
@media (width > 768px) {
  kpc-opener-slider .kpc-opener-slider__shell,
  kpc-opener-karussell .kpc-opener-karussell__shell {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 3 / 2 !important;
  }
}

@media (width >= 1024px) {
  kpc-opener-slider .kpc-opener-slider__shell,
  kpc-opener-karussell .kpc-opener-karussell__shell {
    aspect-ratio: 5 / 2 !important;
  }

  kpc-opener-slider[data-style="schraeg"] .kpc-opener-slider__shell {
    aspect-ratio: 2 / 1 !important;
  }
}