/* Gemeinsame Slider-Runtime fuer alle Slider-Varianten. */

.hero-slider[data-slider-variant="stacked"] .hero-slider__track {
    display: block;
}

/* Gestapelte Slider brauchen kein Fenster. */
.hero-slider[data-slider-variant="stacked"] .hero-slider__window {
    overflow: visible;
}

.hero-slider[data-slider-variant="stacked"] .hero-slide + .hero-slide {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.hero-slider[data-slider-variant="stacked"] .hero-slider__controls {
    display: none;
}

.hero-slider[data-slider-variant="active"] {
    min-height: 430px;
}

/* Aktive Slider begrenzen die Spur. */
.hero-slider[data-slider-variant="active"] .hero-slider__window {
    overflow: hidden;
}

/* Die Spur traegt alle Slides. */
.hero-slider[data-slider-variant="active"] .hero-slider__track {
    position: relative;
    z-index: 1;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero-slider[data-slider-variant="active"] .hero-slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* Layout-Variante bewegt left. */
.hero-slider[data-slider-variant="active"][data-animation-style="layout"] .hero-slider__track {
    -webkit-transition: left 420ms ease;
    transition: left 420ms ease;
}

/* Transform-Variante bewegt 2D. */
.hero-slider[data-slider-variant="active"][data-animation-style="transform"] .hero-slider__track {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 420ms ease;
    -ms-transition: -ms-transform 420ms ease;
    transition: transform 420ms ease;
}

/* Transform3D-Variante bewegt 3D. */
.hero-slider[data-slider-variant="active"][data-animation-style="transform3d"] .hero-slider__track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 420ms ease;
    -ms-transition: -ms-transform 420ms ease;
    transition: transform 420ms ease;
}
