/* 05_karussell.css — Live-DOM-Karussell. Phase 2: aus v7 Z. 909-955. */

.karussell-container {
  width: 100%;
  max-width: var(--canvas-width);
  height: var(--canvas-height);
  position: relative;
  overflow: hidden;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}

.karussell-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* TextBox darf überlaufen - wird aus Slide herausgenommen */
.karussell-slide>div {
  overflow: visible;
}

.karussell-slide.active {
  opacity: 1;
}

/* WYSIWYG: Karussell-Bild wie im Editor (kein object-fit:cover) */
.karussell-slide img {
  max-width: none !important;
  object-fit: none !important;
}

/* Karussell TextBox - kein overflow:hidden, damit Text nicht abgeschnitten wird */
.karussell-slide .textBox {
  overflow: visible !important;
}

/* Karussell Logo - transform-origin für korrekte Positionierung */
.karussell-slide .sl-logo {
  max-width: none;
  display: block;
}