@font-face {font-family: 'Humanist'; src: url("fonts/HUM531N.ttf"); format('truetype');}
@font-face {font-family: 'Humanist_bold'; src: url("fonts/Humanst531 BT Bold.ttf"); format('truetype');}

body {
	background: #f0f0f0;
	margin: 0;
	padding: 0;	
	font: 16pt Humanist, Arial, Sans;
	text-align: center;
}

div.meldung {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	padding: 0.5em 1em 0.5em 1em;
	color: #ee2180; /* lila */
	background-color: #fff;
}
p.meldung {
	font: 0.8em/1.5em Humanist;
	margin: 0 auto;
	padding: 0.5em 0;
	max-width: 600px;
}


div.eins {
	margin: 0 auto;
	padding: 2em;
	background-color: #d8d8d8;
	text-align: center;
	
}
div.zwei {
	margin: 0 auto;
	background-color: #f0f0f0;
	padding: 2em;
	text-align: center;
}
div.drei {
	margin: 0 auto;
	height: 60%;
	padding: 2em 0;
	background-color: #e8e8e8;
	text-align: center;
}
div.impressum {
	padding: 0.5em;	
	color: #f8f8f8;	
	background-color: #c0c0c0;
	font: 0.7em Humanist, Sans;
	text-align: center;
}

 
h1 {
	margin: 0.9em 0 0.75em 0;	
	color: #808080;
	font: 0.9em Humanist, sans;
}
h2 {
	margin: 0 0 0 0;
	padding: 0;
	color: #fff;
	font: 2em Humanist, sans;
	line-height: 0.5em;
}
h3 {
	margin: 1.2em 0 2em 0;
	color: #ee2180; /* lila */
	font: 0.8em Humanist;
}
p {
	margin: 1em 0 0 0;	
	font-size: 0.8em;
	line-height: 0.8em;
}
a {
	text-decoration: none;
}
hr {
	border: 0px;
	height: 1.4px;
	margin: 0;
	background-image: linear-gradient(to right, rgba(255,0,0,0), #ee2180 61%, rgba(255,0,0,0));
	line-height: 0;
}
#logo {
	width: 18em; 
}
.lila {
	color: #ee2180; /* lila */
}
.nowrap {
	white-space: nowrap;
}