.marquee {
	max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden;
	height: auto;
    padding-top: 10px;      /*wegen schatten*/
	/* hier evtl. noch font-size, color usw. */
}
.marquee img {
    height: 280px;
    width: auto;
    box-shadow: 0 0 30px #000;
    -moz-box-shadow: 0 0 30px #000;
    -webkit-box-shadow: 0 0 30px #000;
}
.marquee span {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 30s linear infinite;
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
.marquee span:hover {
	animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}




@media only screen and (max-width: 860px) {
    .marquee, .marquee img {
    height: 200px;
}
}