/* Laufschrift per CSS mit Hover-Stop */

.wrapper {
	max-width: 100vw;
	width: 80%;
	margin: 20% auto 5% auto;
	font-family: Helvetica;
	border-radius: 10px;
	overflow: hidden;
	padding-left: 50px;
	outline: 4px solid #900;
	outline-offset: 6px;
}

@keyframes marquee {
	from
	{
		transform: translate3d(0%, 0%, 0px);
		left: 100%;
	}
	to
	{
		transform: translate3d(-180%, 0%, 0px); /* erster Wert ">" oder "<" wenn Text vrher ausgeblendet werden sollte */
		left: 100%;
	}
}        

.marquee {
	/* max-width: 600vw; */ /* iOS braucht das */
	/* overflow: hidden; */
	position: relative;
	display: block;
	font: 18px Helvetica;
	margin: 7px;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	display: inline-block;
	animation: marquee 15s linear infinite;
}

.marquee:hover {
	animation-play-state: paused 
}