document.addEventListener("DOMContentLoaded", function() {
const carousel = document.querySelector(".e-n-carousel .swiper");
if (!carousel) return;
const swiper = carousel.swiper;
function markMiddle() {
swiper.slides.forEach(slide => slide.classList.remove("is-middle"));
// Alle Slides, die aktuell sichtbar sind
const visibleSlides = swiper.slides.filter(slide =>
slide.classList.contains("swiper-slide-visible")
);
if (visibleSlides.length > 0) {
// Index der Mitte
const middleIndex = Math.floor(visibleSlides.length / 2);
const middleSlide = visibleSlides[middleIndex];
if (middleSlide) {
middleSlide.classList.add("is-middle");
}
}
}
// Direkt aufrufen und beim Slide-Wechsel erneut
markMiddle();
swiper.on("slideChange", markMiddle);
swiper.on("resize", markMiddle);
});
