@charset "utf-8";
/* CSS Document */


.logo_online{
	position: absolute;
	left: 80%;
	top: 35px;
	z-index: 1;
}





.logoanimation{
	position: absolute;
	animation-name: animationlogo;
	animation-duration: 20s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	left: 20px;
	top: 10px;
	z-index: 10;
}

@keyframes animationlogo {
 0%  {opacity: 0;left:20px; top:10px;}
 5%  {opacity: 0.3; left:40%; top:10px;}
 15%  {opacity: 1.0; left:20px; top:10px;}
 100%  {opacity: 1.0; left:20px; top:10px;}
 
}

.logoanimation img {
    width: 270px;
    height: auto;
}

.logo_online img {
    width: 270px;   /* gewünschte Breite */
    height: auto;   /* Seitenverhältnis beibehalten */
}

/* Handy */
@media screen and (max-width: 768px) {



.logoanimation img {
    width: 100px;   /* gewünschte Breite */
    height: auto;   /* Seitenverhältnis beibehalten */
}



 .logoanimation{
    left:10px;
     top:5px;
    }

.logo_online img {
    width: 100px;   /* gewünschte Breite */
    height: auto;   /* Seitenverhältnis beibehalten */
}

.logo_online{
	position: absolute;
	top: 15px;
	left: 72%;
	z-index: 1;
}

}