h1{
	margin:0;
	padding:0;

}
#spielerDiv{
	position: absolute;
	background-color: red;
	width: 20px;
	height:20px;
}

body {
   margin: 0;
   height: 100vh;
	font-family: sans-serif;
   background-color: #f0f0f0;
  }

#spielfeld{
	width: 800px;
	height: 600px;
	position:absolute;	
} 
 
.level{
	display:none;
	width: 800px;
	height: 600px;
	position:relative;
	border:1px solid #777;
	border-radius: 6px;
} 

#level1 .ziel{
	position: absolute;
	width:32em;
	height: 1.8em;
	border:1px solid black;
	border-radius: 0.8em;
	text-align: center;
	right:2.8em;;
	font-size: 0.94em;
	padding-top:0.2em;
	background-color:#ddd;	
} 


#level2 .ziel, #level3 .ziel, #level4 .ziel {
	position: absolute;
	min-width: 1em;
	min-height: 1em;
	border:1px solid black;
	border-radius: 0.2em;
	background-color: green;
}

.lev2pu{
	animation: lev2pu 8s infinite alternate linear;
}	

@keyframes lev2pu {
  from {
    transform: translateX(0); /* Startposition */
  }
  to {
    transform: translateX(252px); /* 100px nach rechts */
  }
}


.lev2pu2{
	animation: lev2pu2 12s infinite normal linear;
}	

@keyframes lev2pu2 {
 0% { transform: translateX(0px) translateY(0px)}
 32% {transform: translateX(356px) translateY(0px);}
 50% {transform: translateX(356px) translateY(-163px);}
 86% {transform: translateX(0px) translateY(-163px);}
 100% {transform: translateX(0px) translateY(0px);}
 
}

#hinwBew{

	animation: hinwBew 10s infinite alternate linear;
}

@keyframes hinwBew {
 0% { transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1)}
 25% {transform: translateX(11em) translateY(5em) rotate(72deg)scale(-1, 1);}
 50% {transform: translateX(22em) translateY(0) rotate(144deg)scale(-1, -1);}
 75% {transform: translateX(33em) translateY(5em) rotate(216deg)scale(1, -1);}
 100% {transform: translateX(43em) translateY(0px)  rotate(360deg)scale(1, 1);}
 
}

.blau{
	color:blue;
}

.rot{
	color:#d00;
}

.infobutton{
	font-size: 0.94em;
	position: absolute;
	right:0.3em;
	height:2.2em;
	width:2.2em;
	background-color: #9d9;
	border:1px solid black;
	border-radius:0.6em;
}

#buttonsteuerung button{
	font-size: large;
}