@keyframes fade {
	0%      { opacity: 0; }  /** fadeIn beginnt            **/
	20%  { opacity: 1; }  /** Bild steht                **/
	50%  { opacity: 1; }  /** Bild bleibt zwei Sekunden **/
	80%  { opacity: 0; }  /** fadeOut beendet           **/
	100%    { opacity: 0; }
}

css-slides img { 
    opacity:0; 
    animation-name: fade; 
    animation-duration: 12s; 
    animation-iteration-count: infinite; 
    position:absolute; 
    /*left:0; 
    right:0; */
}

	css-slides img:nth-child(1) { animation-delay: 0s; }
	css-slides img:nth-child(2) { animation-delay: 6s; }
	


css-slides {
	/*position:relative;*/
	height:0;
	/** padding-bottom: calc(286/460 * 100%); **/
	padding-bottom:100%;
	overflow:hidden;
	display:block;
}