.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.splide__slide {
  opacity: 0.6;
}

.splide__slide.is-active {
  opacity: 1;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel .splide.thumbnails {
  margin-top: 15px;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .cmf-gallery-thumb-layout {
  display: flex;
  gap: var(--cmf-gallery-thumb-gap, 10px);
  align-items: flex-start;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.main {
  flex: 1 1 auto;
  min-width: 0;
  align-self: flex-start;
  height: var(--cmf-gallery-main-height, auto);
  max-height: 80vh;
  overflow: hidden;
  transition: height 0.3s ease;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.main:not(.is-initialized) {
  aspect-ratio: 16 / 9;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.main .splide__track,
.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.main .splide__list {
  height: 100%;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.main .splide__slide {
  height: 100%;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.main .splide__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.thumbnails {
  flex: 0 0 var(--cmf-gallery-thumb-width, 200px);
  width: var(--cmf-gallery-thumb-width, 200px);
  margin-top: 0;
  align-self: flex-start;
  max-height: 100%;
  overflow: hidden;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.thumbnails .splide__arrow {
  display: none;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.thumbnails .splide__track {
  cursor: grab;
}

.cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.thumbnails .splide__track:active {
  cursor: grabbing;
}


@media (max-width: 768px) {
  .cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .cmf-gallery-thumb-layout {
    display: block;
  }

  .cmf-block-gallery.ausgabe_thumbnail_carousel_rechts .splide.thumbnails {
    flex-basis: auto;
    width: 100%;
    margin-top: 15px;
  }
}

.cmf-block-gallery.is-editor-preview .splide:not(.is-initialized) {
  visibility: visible;
}

.cmf-block-gallery.is-editor-preview .splide.main:not(.is-initialized) .splide__slide:not(:first-child),
.cmf-block-gallery.is-editor-preview .splide.ausgabe_simple:not(.is-initialized) .splide__slide:not(:first-child) {
  display: none;
}

.cmf-block-gallery.is-editor-preview .splide.thumbnails:not(.is-initialized) .splide__list {
  display: flex;
  gap: 10px;
}

.cmf-block-gallery.is-editor-preview.ausgabe_thumbnail_carousel .splide.thumbnails:not(.is-initialized) .splide__list {
  flex-direction: row;
}

.cmf-block-gallery.is-editor-preview.ausgabe_thumbnail_carousel_rechts .splide.thumbnails:not(.is-initialized) .splide__list {
  flex-direction: column;
}

.cmf-block-gallery.is-editor-preview .splide.thumbnails:not(.is-initialized) .splide__slide {
  flex: 0 0 auto;
  width: var(--cmf-gallery-thumb-width, 200px);
  height: 80px;
}

.cmf-block-gallery.is-editor-preview.ausgabe_thumbnail_carousel .splide.thumbnails:not(.is-initialized) .splide__slide {
  width: auto;
}
