body {
  background:;
  margin: 0;
  padding: 0;
}

header {
  width:100%;
  height:100%;
}

header h1 {  
    display:inline-block;
    width:100%;
    color:white;
    position:relative;
    margin:0;
    padding:0;
    padding-top:10%;
    font-family: 'Open Sans', sans-serif;
    font-weight:100;
    font-size:3em;
    text-align:center;
}
p { text-align:center; }

h1 { text-align:center; }

h2 { text-align:center; }

h3 { text-align:center; }

.button {
  background-color: #DEB887; /* Gruen */
  border: none;
  color: #008CBA;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer; 


}

.schatten {
  text-shadow: 6px 6px 20px #F52B00;
}

span {
  background-color: #FFFFFF;
}

.button2 {
  background-color: #DEB887; 
  color: #000000; 
  border: 2px solid #000000;
}

.button2:hover {
  background-color: white;
  color: #000000;
}

.buttoneasy {
  background-color: #00FF7F; 
  color: #000000; 
  border: 2px solid #000000;
}

.buttoneasy:hover {
  background-color: #00b359;
  color: #000000;
}

.buttonmid {
  background-color: #FFFF00; 
  color: #000000; 
  border: 2px solid #000000;
}

.buttonmid:hover {
  background-color: #cccc00;
  color: #000000;
}

.buttonhard {
  background-color: #FF6347; 
  color: #000000; 
  border: 2px solid #000000;
}

.buttonhard:hover {
  background-color: #e62200;
  color: #000000;
}

.buttontrick {
  background-color: none; 
  color: #f44336; 
  border: 2px solid #f44336;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

.buttontrick:hover {
  background-color: #f44336;
  color: white;
}

ul.difficulty  {
	position: relative;
	top: 350px;
}

.schwierigkeit {
	position: relative;
	top: 315px;
}