@charset "utf-8";



#banner {
background-image:url(../img/algemein/02.jpg)

}

#banner img {
width:100%;
height:auto;
position: absolute;
opacity: 0;

}

#banner img:nth-of-type(1) {
    animation: fade 30s ease-in-out infinite;
	-webkit-animation: fade 30s ease-in-out infinite;
}

#banner img:nth-of-type(2) {
    animation: fade 30s 6s ease-in-out infinite;
 	-webkit-animation: fade 30s 6s ease-in-out infinite;
}


@keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}
@-webkit-keyframes fade {
    6.66%, 20%          {opacity:1;}
       0%, 26.66%, 100% {opacity:0;}
}