@charset "utf-8";
/* CSS Document */
.track figure{
	margin:0px;
	padding:0px;
}
.track figure img{
	margin-left:3px;
	margin-right:3px;
	height:200px;
	width:auto;	
	}
	.track figcaption{
		  text-align:center;
		  font-size:12px;
		  color:#002D00;
		  }
	#raender{
		 z-index:10;
		 position:relative;
		 padding-top: 20px
		 }
	#raender img{	  
		margin-top:17px;
		width:15px;
		height:200px;
	}
/*----------------------Marquee ab hier-----------------*/

@media screen and (max-width: 880px) { 
	.track figure img{
		height:150px;
		width:auto;
	 } 
 	.marquee {
 	 height: 200px;
	}
	#raender img{	  
		height:150px;
	}
 }
/*--------------------ENDE  Anpassung  bildschirmbreite Ende---------------------------------*/
.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 270px;
  margin-top:-30px;
  overflow-x: hidden;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 150s linear infinite;
}
 .track:hover {
      animation-play-state: paused;
	  cursor: pointer;
      }
	  
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}