#slidertext {
width:100%;
height:100%;
overflow:hidden;
margin:0px auto ;
position: relative
}

.slidertext_div {background-color:#F2F2F2;
position: absolute;
top:0;
left:0;
padding:1rem;
margin:0rem;width:100%;height:100%;
border:solid 0.1rem #2D3744;
}

.slidertext1 {
-webkit-animation:show1 infinite 20s;
animation:show1 infinite 20s;
}

.slidertext2 {
-webkit-animation:show2 infinite 20s;
animation:show2 infinite 20s;
}

.slidertext3 {
-webkit-animation:show3 infinite 20s;
animation:show3 infinite 20s;
}

.slidertext4 {
-webkit-animation:show4 infinite 20s;
animation:show4 infinite 20s;
}



/* safari, chrome browser */
@-webkit-keyframes show1 {
0% {opacity:1;}
20% {opacity:1;}
25% {opacity:0;}
95% {opacity:0;}
}

@-webkit-keyframes show2 {
0% {opacity:0;}
20% {opacity:0;}
25% {opacity:1;}
45% {opacity:1;}
50% {opacity:0;}
100% {opacity:0;}
}

@-webkit-keyframes show3 {
0% {opacity:0;}
45% {opacity:0;}
50% {opacity:1;}
70% {opacity:1;}
75% {opacity:0;}
100% {opacity:0;}
}

@-webkit-keyframes show4 {
0% {opacity:0;}
70% {opacity:0;}
75% {opacity:1;}
95% {opacity:1;}

}


/* alle neueren browser */
@keyframes show1 {
0% {opacity:1;}
20% {opacity:1;}
25% {opacity:0;}
95% {opacity:0;}
}

@keyframes show2{
0% {opacity:0;}
20% {opacity:0;}
25% {opacity:1;}
45% {opacity:1;}
50% {opacity:0;}
100% {opacity:0;}
}

@keyframes show3 {
0% {opacity:0;}
45% {opacity:0;}
50% {opacity:1;}
70% {opacity:1;}
75% {opacity:0;}
100% {opacity:0;}
}

@keyframes show4 {
0% {opacity:0;}
70% {opacity:0;}
75% {opacity:1;}
95% {opacity:1;}

}



/* ==================================== ab 640 pixel ================================== */
@media (min-width: 640px) {

.slidertext_div {
padding:2rem;

}

}