body.animation {
			margin:0;
			padding:0;
			background-color:#010216;
			overflow:hidden!important;
			width:120vw;
			height:120vh;
		}
		section.spaceanim {
			margin:0;
			padding:0;
			background-color:#010216;
			/*background: url(../anim/himmel3344.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;*/
			width:120vw;
			height:120vh;
			animation: stars 80s infinite ease-in-out;
		}
		section.spaceanim img, section.spaceclear img {
			width: 120vw;
			height: 120vh;
			object-fit: cover;
		}
		@keyframes stars {
			0% {margin-left:0%;margin-top:0%;}
			40% {margin-left:-15%;margin-top:-4%;}
			60% {margin-left:-6%;margin-top:-8%;}
			100% {margin-left:0%;margin-top:0%;}
		}


		/* Animation */
		a div.jonteklogo {
			position: absolute;
			right: calc(50% + 10%);
			/*right: calc(50% + 12%);*/
			left: auto;
			top: 228px;
			/*top: calc(50% - 94px);*/
			width: 50%;
			height: auto;
			max-width: 400px;
			text-decoration: none;
		}
		a div.jonteklogo:hover {
			text-decoration:none;
			border-bottom:0 solid transparent;
		}
		div.moon {
			position:absolute;
			z-index:52;
			left: 50%;
			top:calc(50% - 200px);
			width:300px;
			height:300px;
			background-color:#fff;
			border-radius: 50%;
			box-shadow:0px 0px 80px rgba(255,255,255,0.9);
			display: flex;
			align-items: center;
			opacity:0;
			animation: moon 7s 1 linear;
			animation-fill-mode: forwards;
			cursor:pointer;
		}
		/*section.desc div.moon {
			top:147px;
		}
		section.desc div.jonteklogo {
			top:230px;
		}*/
		@keyframes moon {
			0% {opacity:0;}
			60% {opacity:0;}
			100% {opacity:1;}
		}
		div.moon p {
			text-align:center;
	        overflow-wrap: break-word;
	        padding:33px;
	        font-size:0.9em;
		}
		img.sternschnuppe-eins {
			position:absolute;
			z-index:50;
			transform: rotate(-16deg);
			width:254px;
			left:-300px;
			top:70%;
			animation: starshotleft 16s infinite linear;
			animation-delay: 2s;
		}
		@keyframes starshotleft {
			0% {left:-300px;top:70%;}
			10% {left:calc(100vw + 600px);top:0%;}
			100% {left:calc(100vw + 600px);top:0%;}
		}
		img.sternschnuppe-zwei {
			position:absolute;
			z-index:51;
			right:-154px;
			top:50%;
			transform: rotate(191deg);
			width:154px;
			animation: starshotright 14s infinite linear;
		}
		@keyframes starshotright {
			0% {right:-154px;top:50%;}
			60% {right:-154px;top:50%;}
			75% {right:calc(100vw + 154px);top:10%;}
			100% {right:calc(100vw + 154px);top:10%;}
		}
		
		@media screen and (max-width: 1120px) {
			a div.jonteklogo {
				position: absolute;
				right: calc(50% + 5%);
				left: auto;
				top: 228px;
				/*top: calc(50% - 94px);*/
				width: 50%;
				height: auto;
				max-width: 400px;
				text-decoration: none;
			}
		}
		@media screen and (max-width: 960px) {
			a div.jonteklogo {
				position: absolute;
				right: auto;
				left: 10px;
				top: 228px;
				/*top: calc(50% - 94px);*/
				width: 50%;
				height: auto;
				max-width: 340px;
				text-decoration: none;
			}
		}
		.spaceclear {
				display:none;
			}
		@media screen and (max-width: 768px) {
			.spaceanim {
				display:none;
			}
			.spaceclear {
				display:block;
				width:120vw;
				height:120vh;
			}
			a div.jonteklogo {
			  position: absolute;
			  left: 5%;
			  top: 50px;
			  width: 100%;
			  height: auto;
			  max-width:330px;
			}
			div.moon {
  			  position: absolute;
			  left: auto;
			  top: calc(50% - 60px);
			  width: 300px;
			  height: 300px;
			  background-color: #fff;
			  border-radius: 50%;
			  box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
			  display: flex;
			  align-items: center;
			  opacity: 0;
			  animation: moon 5s 1 linear;
			    animation-fill-mode: none;
			  animation-fill-mode: forwards;
			  right: 25px;
			}
			img.sternschnuppe-eins {
				transform: rotate(-16deg);
			}
			img.sternschnuppe-zwei {
				transform: rotate(200deg);
			}

		}
		@media screen and (max-width: 768px) and (orientation: landscape) {
		  	a div.jonteklogo {
				position: absolute;
				right: auto;
				left: 10px;
				top: calc(50% - 53px);
				width: 50%;
				height: auto;
				max-width: 340px;
				text-decoration: none;
			}
			div.moon {
			  position: absolute;
			  top: 10%;
			  right:10px;
			  left:auto;
			}
			img.sternschnuppe1 {
				transform: rotate(-26deg);
			}
			img.sternschnuppe2 {
				transform: rotate(220deg);
			}
		}
		@media only screen and (max-width : 480px) {
  
			div.jonteklogo img {
			  max-width: 300px;
			  margin-top:15px;
			}
			.startnav {
			  display:none;
			}
		}
		@media only screen and (max-width : 375px) {
  
			div.jonteklogo img {
			  max-width: 240px;
			  margin-top:25px;
			}
			img.sternschnuppe-eins {
				transform: rotate(-21deg);
			}
			img.sternschnuppe-zwei {
				transform: rotate(200deg);
			}
			div.moon {
				width:240px;
				height:240px;
				right: 5px;
				left:auto;
				top:calc(50% - 100px);
			}
			div.moon p {
				font-size:0.8em;
				padding-top:58px;
			}
		}