body, html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#slide-30-layer-21 {
    display: none;
}

#particles-js-custom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#page {
    height: 100%;
    background: none;
}

.masthead {
    background: none;
}


.header-bar .navigation {
    visibility: hidden;
    pointer-events: none;
}



.masthead,
#discover ul li,
#discover ul li .slotholder,
#discover ul li .slotholder .tp-bgimg {
    background: none !important;
}

#main-slideshow {
    width: 100%;
    height: 100%;
}


#footer {
    display: none;
}


#discover ul li .ddd_mousebox {
    box-shadow:
            rgba(15, 20, 40, 0.35) 0 50px 100px 0,
            rgba(15, 20, 40, 0.35) 0 20px 45px 0,
            rgb(153, 153, 153) 0px 0px 0px 0px,
            rgb(153, 153, 153) 0px 0px 0px 0px !important;
}


@keyframes idleTile {
    0%, 100% {
        transform: rotateY(0deg) rotateX(0deg);
    }

    20% {
        transform: rotateY(5deg) rotateX(5deg);
    }

    40% {
        transform: rotateY(-5deg) rotateX(5deg);
    }

    60% {
        transform: rotateY(-5deg) rotateX(-5deg);
    }

    80% {
        transform: rotateY(5deg) rotateX(-5deg);
    }
}

.kachel {
    /*animation-name: idleTile;*/
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    transition: none !important;
    transform-style: preserve-3d;
}

/*.kachel:active, .kachel:focus {*/
    /*transform: scale(0.98) !important;*/
/*}*/


/* ================ Datenschutz ================ */
.datenschutz #page #main {
    height: 80vh;
}
.datenschutz #main .wf-wrap {
    height: 100%;
    overflow: auto;
}

.datenschutz #skip-slides,
.impressum #skip-slides {
    display: block;
    width: 150px;
    height: 150px;
    left: auto;
    right: 20vw;
    padding: 0;
    bottom: 150px;
}

.datenschutz #skip-slides svg,
.impressum #skip-slides svg {
    width: 100%;
    height: 100%;
}

#slide-7-layer-12 img {
    height: 720px !important;
}

#back-to-intro {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 10vw;
    height: 10vw;
}

#back-to-intro:focus,
#back-to-intro:active,
#back-to-intro:hover {
    background: none;
}