/* Startseiten-Diashow – Rauch + dunkler Verlauf bleiben unveraendert */

.index .head-section {
    background-image: none !important;
}

.hero-slideshow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}

.hero-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity 1.6s ease-in-out;
}

.hero-slide.is-active {
    opacity: 1;
}

.hero-slide-1 {
    background-image: url(../images/backgrounds/bg-main-mobile-1.jpg);
}

.hero-slide-2 {
    background-image: url(../images/backgrounds/bg-main-mobile-2.jpg);
}

.hero-slide-3 {
    background-image: url(../images/backgrounds/bg-main-mobile-3.jpg);
}

@media (min-width: 768px) {
    .hero-slide-1 {
        background-image: url(../images/backgrounds/bg-main-1.jpg);
    }

    .hero-slide-2 {
        background-image: url(../images/backgrounds/bg-main-2.jpg);
    }

    .hero-slide-3 {
        background-image: url(../images/backgrounds/bg-main-3.jpg);
    }
}

.index #viewport {
    z-index: 5;
    pointer-events: none;
}

.index .head-section .main-container,
.index .contacts-area {
    z-index: 11 !important;
}