/* Logo animiert, taucht aus dem Hintergrund auf*/

#img_78bff89b {animation: textwelle 3s;}

@keyframes textwelle {
  0% { transform: scale(0.1); opacity: 0; }  
		#70% {
		#    transform: scale(1.25);
		#   opacity: 1;
#}
  100% { transform: scale(1); opacity: 1; }
}

/* fließendes Laufband im index.html muss der Text mit dem div class "textstyle marquee" begrenzt sein*/
.marquee {
	max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden;
	color:#129D12
	/* hier evtl. noch font-size, color usw. */
}
.marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusÃ¤tzlichen 5% erzeugen einen verzÃ¶gerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 20s 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: translate3d(0,0,0);}
    100% {transform: translate3d(-100%,0,0);}
}

