body {
	overflow-x:hidden;
}
#laster1{
	position:absolute;
	margin-top:50px;
	-webkit-animation:linear infinite normal;
	-webkit-animation-name: brumm1;
	-webkit-animation-duration: 5s;
	transform: scale(0.9);
}
#laster2{
	position:absolute;
	-webkit-animation:linear infinite normal;
	-webkit-animation-name: brumm2;
	-webkit-animation-duration: 5s;
	top:500px;
	transform:scaleX(-1);
}
#laster3{
	position:absolute;
	-webkit-animation:linear infinite alternate;
	-webkit-animation-name: brumm3;
	-webkit-animation-duration: 7s;
	-webkit-animation-delay: 15s;
	top:600px;
	left:150%;
}
#laster3:hover{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}
#inputName{
	position:absolute;
	margin-top: 20px;
	margin-left: 80px;
}
#inputPW{
	position:absolute;
	margin-top: 50px;
	margin-left: 80px;
}
#flugzeug{
	-webkit-animation:linear infinite normal;
        -webkit-animation-name: flubflub;
        -webkit-animation-duration: 20s;

	position:relative;
	z-index: -2;
}
#bannertext{
	-webkit-animation:linear infinite normal;
        -webkit-animation-name: flubflub;
        -webkit-animation-duration: 20s;
	position:absolute;
	margin-top: 90px;
	margin-left: 20px;
	font-size: x-large;
	z-index: -1;
	white-space: nowrap;
}
@-webkit-keyframes brumm1 {
	0% { left:-150%; }
	100% { left:150%; }
}
@-webkit-keyframes brumm2 {
	0% { left:150%; }
	100% { left:-150%; }
}
@-webkit-keyframes brumm3 {
	0% { left:150%; top:100%;}
	25% { left:-150%; transform: rotate(3000deg); top:0px; }
	50% { left:150%; top:0px; }
	75% { left:-150%; top:100%;}
	100% { left:150%; top:100%;}
}
@-webkit-keyframes flubflub {
	0% { left:-150%; top: -10px; }
	40% { top: 30px;}
	50% { top: -10px; }
	60% { top: 30px; }
	100% { left:150%; top: -10px; }
}

.darkmode {
	float: right;
}

.darkmode:checked ~ body {
	background-color: #000;
}