/* ============================================
   Header-Showcase: Bilder-Slider (mehrere Medien)
   Wird auf Unterseiten genutzt, wenn im Seiten-
   Medienfeld mehr als eine Datei hinterlegt ist.
   Markup siehe Partials/Page/HeaderUnterseite.html
   ============================================ */
.showcase .header-slider {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

/* Flickity misst die Hoehe aus den Zellen - hier auf volle
   Showcase-Hoehe zwingen, damit die Cover-Bilder den Header fuellen. */
.showcase .header-slider .flickity-viewport {
	height: 100% !important;
}

.showcase .header-slider .header-slide {
	position: relative;
	height: 100%;
	width: 100%;
}

/* Generische .showcase img/.video-Regeln (position:absolute; z-index:-1)
   innerhalb der Slider-Zellen zuruecksetzen. */
.showcase .header-slider .header-slide img,
.showcase .header-slider .header-slide video {
	position: static;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	z-index: auto;
}

/* Overlay-Texte liegen optisch ueber dem Slider, lassen aber
   Klicks auf Pfeile/Dots durch (Overlay enthaelt nur Text). */
.showcase .overlay {
	pointer-events: none;
}

.showcase .header-slider .flickity-button,
.showcase .header-slider .flickity-page-dots {
	pointer-events: auto;
}