/**
 * Elementor Pro Media Carousel Hover Zone
 *
 * Elementor blendet den Titel normalerweise beim Hover über die gesamte Slide ein.
 * Dieses Stylesheet deaktiviert nur diesen Standard-Auslöser. JavaScript setzt die
 * Klasse .emchz-overlay-active, sobald der Mauszeiger in der mittleren Zone liegt.
 * Größe und Position des Overlays selbst werden nicht verändert.
 */
@media (hover: hover) and (pointer: fine) {
	.elementor-widget-media-carousel
	.swiper-slide:hover
	> .elementor-carousel-image-overlay,
	.elementor-widget-media-carousel
	.swiper-slide:hover
	.elementor-carousel-image-overlay {
		opacity: 0 !important;
	}

	.elementor-widget-media-carousel
	.swiper-slide.emchz-overlay-active
	> .elementor-carousel-image-overlay,
	.elementor-widget-media-carousel
	.swiper-slide.emchz-overlay-active
	.elementor-carousel-image-overlay {
		opacity: 1 !important;
	}
}