.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 {
    color: #2A4C31; display:inline;
    font-size: 28px;;
    font-family: 'PT Serif', serif, Helvetica, Arial;
    font-style: italic;
	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%); }
}
.band {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #FF0000;
    font-family: 'Comic Sans MS', Chicago, Sans-serif, cursive;
    font-size: 34px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 20px;
    max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden;
}
.band span {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 30s linear infinite;
}




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