#ausschreibung img {
    position: relative;
    margin-left: auto;
	margin-right: auto;
	width: 300px;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}


#stapel {
    position: relative;
	height: 356px;
    width: 238px;
	margin-left: auto;
	margin-right: auto;
    margin: 0em;
	padding: 0em;
	display: block;
	}

#stapel img {
    position: absolute;
    margin-left: auto;
	margin-right: auto;
	width: 200px;
	opacity: 0;
	padding: 0px;
	margin: 0px;
}

#banner img {
    position: relative;
    margin-left: auto;
	margin-right: auto;
	width: 505px;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}


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

#stapel img:nth-of-type(2) {
    animation: fade 45s 3s ease-in-out infinite;
}

#stapel img:nth-of-type(3) {
    animation: fade 45s 6s ease-in-out infinite;
}

#stapel img:nth-of-type(4) {
    animation: fade 45s 9s ease-in-out infinite;
}

#stapel img:nth-of-type(5) {
    animation: fade 45s 12s ease-in-out infinite;
}

#stapel img:nth-of-type(6) {
    animation: fade 45s 15s ease-in-out infinite;
}

#stapel img:nth-of-type(7) {
    animation: fade 45s 18s ease-in-out infinite;
}

#stapel img:nth-of-type(8) {
    animation: fade 45s 21s ease-in-out infinite;
}

#stapel img:nth-of-type(9) {
    animation: fade 45s 24s ease-in-out infinite;
}

#stapel img:nth-of-type(10) {
    animation: fade 45s 27s ease-in-out infinite;
}

#stapel img:nth-of-type(11) {
    animation: fade 45s 30s ease-in-out infinite;
}

#stapel img:nth-of-type(12) {
    animation: fade 45s 33s ease-in-out infinite;
}

#stapel img:nth-of-type(13) {
    animation: fade 45s 36s ease-in-out infinite;
}

#stapel img:nth-of-type(14) {
    animation: fade 45s 39s ease-in-out infinite;
}

#stapel img:nth-of-type(15) {
    animation: fade 45s 42s ease-in-out infinite;
}



@keyframes fade {
    6.66%, 6.66%          {opacity:1;}
       0%, 13.32%, 100% {opacity:0;}
}

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

#ausschreibung img {
    position: relative;
    margin-left: auto;
	margin-right: auto;
	width: 150px;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}


#stapel {
    position: relative;
	height: 119px;
    width: 79px;
	margin-left: auto;
	margin-right: auto;
    margin: 0em;
	padding: 0em;
	display: block;
	}

#stapel img {
    position: absolute;
    margin-left: auto;
	margin-right: auto;
	opacity: 0;
	padding: 0px;
	margin: 0px;
	width: 100px;
	
}
#banner img {
    position: relative;
    margin-left: auto;
	margin-right: auto;
	width: 200px;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}



}
	   
	   
	   /*
A:                 Anzahl der Bilder (5 Bilder)

Z:                 Zeit die ein Bild komplett sichtbar ist (4 Sekunden)

D:                 Dauer einer Überblendung (2 Sekunden)

G = ( Z + D ) * A: Gesamtdauer der Animation (30 Sekunden)

S = G / A:         Staffelung der Startzeiten (6 Sekunden)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

{opacity:0;} -                                  = 0%

{opacity:1;} - [ 100% * D / G  ]                = 6,66%

{opacity:1;} - [ 100% / A ]                     = 20%

{opacity:0;} - [ 100% * ( Z + ( 2 * D ) ) / G ] = 26,66%

{opacity:0;} -                                  = 100%
*/