/*  main-v1.0.css 
    Copyright:  Frank Kunert, Wahlstedt 
*/

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#logo {
  width: 40em;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
 /* padding: 0 10px;*/
}
#logo h1, #logo h2 {
  text-align: center;
}
#logo h1 {
  font-size: 2em;
}
#logo h2 {
  font-size: 1.5em;
}
#logo p {
	text-align: center;
}
#daten {
	width: 100%;
  margin-top: 100px;
  margin-bottom: 50px;
 /* padding: 0 10px;*/
  text-align: center;
  font-size: 1em;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	#logo {
  	width: 100% !important;
	}
	#logo h1 {
  	font-size: 1.5em !important;
	}
	#logo h2 {
  	font-size: 1.2em !important;
	}
}
@media only screen and (min-width: 0px) and (max-width: 374px) {
	#logo {
		margin-top: 1em !important;
	}
}
@media only screen and (min-width: 375px) and (max-width: 510px) {
	#logo {
		margin-top: 2em !important;
	}
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
	#logo, #daten {
		width: 30em !important;
		margin-left: auto;
    margin-right: auto;
	}
}