.slider3 {
z-index:-1 !important;
}

.slide16,.slide17,.slide18,.slide19,.slide20 {
  position: absolute;
  width: 100%;
    height: 100%;
top:0;
z-index:-1 !important;
}







/*media L*/

.slide16 {
 background: url(../../fileadmin/banner_aest/aest1L.svg);
background-size: 100% auto;
    animation:fade 16s infinite;
-webkit-animation:fade 16s infinite;
background-repeat: no-repeat;
background-position: top;

}



.slide17 {
background: url(../../fileadmin/banner_aest/aest2L.svg);
background-size: 100% auto;
    animation:fade2 16s infinite;
-webkit-animation:fade2 16s infinite;
background-repeat: no-repeat;
background-position: top;
}



.slide18{
  background: url(../../fileadmin/banner_aest/aest3L.svg);
background-size: 100% auto;
    animation:fade3 16s infinite;
-webkit-animation:fade3 16s infinite;
background-repeat: no-repeat;
background-position: top;
}



.slide19 {
  background: url(../../fileadmin/banner_aest/aest4L.svg);
background-size: 100% auto;
    animation:fade4 16s infinite;
-webkit-animation:fade4 16s infinite;
background-repeat: no-repeat;
background-position: top;
}



.slide20 {
  background: url(../../fileadmin/banner_aest/aest5L.svg);
background-size: 100% auto;
    animation:fade5 16s infinite;
-webkit-animation:fade5 16s infinite;
background-repeat: no-repeat;
background-position: top;
}


@keyframes fade
{
  0%   {opacity:1}
   20% { opacity: 0}
 40%  { opacity: 0}
 60% { opacity: 0}
 80%{ opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
   20% { opacity: 1}
 40%  { opacity: 0}
 60% { opacity: 0}
 80%{ opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
    0%   {opacity:0}
   20% { opacity: 0}
 40%  { opacity: 1}
 60% { opacity: 0}
 80%{ opacity: 0}
  100% { opacity:0 }
}
@keyframes fade4
{
  0%   {opacity:0}
   20% { opacity: 0}
 40%  { opacity: 0}
 60% { opacity: 1}
 80%{ opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5
{
  0%   {opacity:0}
   20% { opacity: 0}
 40%  { opacity: 0}
 60% { opacity: 0}
 80%{ opacity: 1}
  100% { opacity: 0}
}