/**
 * Swiper-Carousel für Elementor Loop-Grids mit der Klasse ".post-carousel"
 * (siehe js/zz_custom.js). Überschreibt das von Elementor pro Widget
 * generierte CSS-Grid-Layout des .elementor-loop-container, sobald dieser
 * per JS in ein Swiper-Carousel umgewandelt wurde.
 */
.post-carousel .elementor-loop-container.swiper {
    display: block !important;
    grid-template-columns: none !important;
}

.post-carousel .elementor-loop-container.swiper > .swiper-wrapper {
    display: flex !important;
}

.post-carousel .elementor-loop-container.swiper > .swiper-wrapper > .swiper-slide {
    height: auto;
}

.post-carousel {
    position: relative;
}