html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

* {
  font-family: 'Open Sans', 'Calibri', 'Arial', sans-serif;
  color: #000000;
}

#wrapper {
	top: 20%;
	left: 32%;
	position: absolute;
	width: 400px;
	min-height: 500px;
}

#kontakt {
	position: relative;
	top: 0 px;
	left: 120px; <!-- muss zum logo passen -->
}

h1 {
  margin-top: 2em;
  font-weight: 500;
  font-size: 18pt;
}

h2 {
  font-weight: 300;
  font-size: 12pt;
}

p {
  font-weight: 400;
  font-size: 10pt;
}

@media screen and (max-width: 1024px){
}

@media screen and (max-width: 480px){
  #wrapper {
	top: 5%;
	left: 20%;
	margin: 0 0 0 0;
  }
}