@charset "utf-8";

#leistungen a {
color: #fff !important;
background-color: #8a005e;
}

#leistungen li a:hover {
color: #8a005e !important;
}

#banner {
background-image:url(../img/leistungen/01.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;
}
#banner img:nth-of-type(3) {
	animation: fade 30s 12s ease-in-out infinite;
	-webkit-animation: fade 30s 12s ease-in-out infinite;
}
#banner img:nth-of-type(4) {
	animation: fade 30s 18s ease-in-out infinite;
	-webkit-animation: fade 30s 18s ease-in-out infinite;
}
#banner img:nth-of-type(5) {
	animation: fade 30s 24s ease-in-out infinite;
	-webkit-animation: fade 30s 24s ease-in-out infinite;
}

#banner img:nth-of-type(6) {
	animation: fade 30s 30s ease-in-out infinite;
	-webkit-animation: fade 30s 30s ease-in-out infinite;
}
#banner img:nth-of-type(7) {
	animation: fade 30s 36s ease-in-out infinite;
	-webkit-animation: fade 30s 36s 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;
}
}