/* =========================================================
   assets/css/gallery.css
   Splide-Galerie: transparenter Hintergrund + flexible Höhe
   ========================================================= */

/* Splide-Container: kein Weiß, runde Ecken, Schatten vom Theme */
.splide {
  background: transparent;         /* <- statt var(--card)/weiß */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

/* Sicherheit: auch Track/Slides selbst nicht weiß hinterlegen */
.splide__track,
.splide__slide {
  background: transparent;
}

/* Medien füllen die Breite, Höhe passt sich natürlich an */
.splide__slide img,
.splide__slide video {
  display: block;
  width: 100%;
  height: auto;
}

/* Paginierung & Pfeile hell, damit auf dunklen Karten sichtbar */
.splide__pagination__page { background: rgba(255,255,255,.7); }
.splide__pagination__page.is-active { background: #fff; }
.splide__arrow { background: rgba(0,0,0,.35); color:#fff; }
.splide__arrow:hover { background: rgba(0,0,0,.5); }