.testis {
    /* position: relative; */
    /* border: 3px yellow solid; */
    /* height: 500px; */
    /* height: 300px; */
    /* width: 100%; */
    /* overflow: hidden; */
    /* background: #360623; */
    /* position: fixed; */
    /* left:0; */
    /* top:0; */
    /* right:0; */
    /* bottom:0; */
    /* overflow: auto; */
    /* z-index: 1000; */
}

.testis {
    background: #000000;
    position: relative;
    margin-top: 0em;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
}

.testis .image_slider, .testis .image_slider:after {
    position: fixed;
    position: relative;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0px;
    z-index: 0;
    margin: 0;
    padding: 0;
}

.testis .image_slider:after {
    content: '';
    background: rgb(0 0 0 / 0%) url(../../schne-ensemble-2020/images/gross/_system/_image_slider/ls_pattern-2.png) repeat top left;
}

.testis .image_slider li span.image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    /* background-size: contain; */
    transform: scale(1,1);
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
}

.testis .image_slider div.welcome {
    z-index: 1000;
    position: absolute;
    height: 20%;
    top: 12%;
    display: block;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 1;
    color: #fff;
    padding: 0px 1em;
    border: 0px yellow dotted;
    box-sizing: border-box;
    font-size: 22pt;
    line-height: 1.2em;
    letter-spacing: 3px;
    color: #d0d0d0;
    /* font-family: "Open Sans Condensed"; */
    /* font-family: "Asap Condensed"; */
}

.testis .image_slider div.welcome span {
    color: #FFC107;
    white-space: nowrap;
}

.testis .image_slider li div.text {
    z-index: 1000;
    position: absolute;
    bottom: 5%;
    top: 45%;
    display: block;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    padding: 0 5em;
    border: 0px yellow dotted;
    box-sizing: border-box;
}

.testis .image_slider li div.text h3 {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 18pt;
    padding: 0;
    line-height: 1.4em;
    color: #ffffff;
}

.testis .image_slider li div.text .t0 {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-family: times,'times new roman',serif;
    text-transform: uppercase;
    font-size: 13pt;
    /* padding: 0 3em; */
    margin: 0.5em 0;
    line-height: 1.4em;
    letter-spacing: 2px;
    /* color: #fbc7d9; */
    border: 0px #CDDC39 dashed;
    box-sizing: border-box;
    text-align: center;
    text-shadow: 0px 0px 5px #000;
}

.testis .image_slider li div.text .t1 {
    font-family: 'Arial Narrow', Arial, sans-serif;
    /* font-family: times,'times new roman',serif; */
    font-size: 35pt;
    /* padding: 0 3em; */
    margin: 0;
    line-height: 1.4em;
    color: #ffffff;
    border: 0px yellow dashed;
    box-sizing: border-box;
    /* font-style: italic; */
    font-weight: normal;
    text-shadow: 0px 0px 5px #000;
}

.testis .image_slider li div.text .ti {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-family: times,'times new roman',serif;
    font-size: 14pt;
    /* padding: 0 3em; */
    margin: 0;
    line-height: 1.4em;
    color: #006593;
    border: 0px yellow dashed;
    box-sizing: border-box;
    font-style: italic;
    font-weight: normal;
    xdisplay: none;
}

/*
.testis .image_slider li:nth-child(1) span { 
    background-image: url(../../ingo-admin/images/gross/image_slider/ls-1.jpg) ;
    animation-delay: 0s; 
}

.testis .image_slider li:nth-child(2) span { 
    background-image: url(../../ingo-admin/images/gross/image_slider/ls-2.jpg);
    animation-delay: 6s; 
}
.testis .image_slider li:nth-child(3) span { 
    background-image: url(../../ingo-admin/images/gross/image_slider/ls-3.jpg);
    animation-delay: 12s; 
}
.testis .image_slider li:nth-child(4) span { 
    background-image: url(../../ingo-admin/images/gross/image_slider/ls-4.jpg);
    animation-delay: 18s; 
}
.testis .image_slider li:nth-child(5) span { 
    background-image: url(../../ingo-admin/images/gross/image_slider/ls-5.jpg);
    animation-delay: 24s; 
}
.testis .image_slider li:nth-child(6) span { 
    background-image: url(../../ingo-admin/images/gross/image_slider/ls-6.jpg);
    animation-delay: 30s; 
}
*/
/*
.testis .image_slider li:nth-child(1) div { 
    animation-delay: 0s; 
}
.testis .image_slider li:nth-child(2) div { 
    animation-delay: 10s; 
}
.testis .image_slider li:nth-child(3) div { 
    animation-delay: 20s; 
}
.testis .image_slider li:nth-child(4) div { 
    animation-delay: 30s; 
}
.testis .image_slider li:nth-child(5) div { 
    animation-delay: 40s; 
}
.testis .image_slider li:nth-child(6) div { 
    animation-delay: 50s; 
}
*/
/*
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }

}
*/
/*
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
*/
@keyframes imageAnimation {
    0% {
        opacity: 0;
        filter: grayscale(0) sepia(0.9) blur(12px);
    }

    1.5% {
        opacity: 1;
        filter: grayscale(0) sepia(0.5) blur(0px);
    }

    5% {
        opacity: 1;
        transform: scale(1.05);
        filter: grayscale(0) sepia(0.0) blur(0px);
    }

    7% {
        opacity: 0;
        filter: grayscale(0) sepia(0.0) blur(12px);
    }

    100% {
        opacity: 0
    }
}

@keyframes titleAnimation {
    0% {
        opacity: 0;
    }

    0.5% {
        opacity: 1;
        transform: scale(1.0);
    }

    4.5% {
        opacity: 1;
        transform: scale(1.0);
    }

    4.9% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 0;
    }
}

@media screen and (max-width: 1000px) {
    .testis .image_slider li div.text .t1 {
        font-size: 5.0vw;
    }
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 600px) {
}
}