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


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
    font-family: Verdana, Arial, sans-serif;
    background: #7f7f7f;
    font-size: 12px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}


a	{
	color: #000;
	text-decoration: underline;
}
.container {
	width: 100%;
	height: 100%;
	min-height: 100%;
	text-align: center;
}
h1	{
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 2em;
}
h1, h2	{
	font-weight: 200;
}
h2	{
	letter-spacing: 0.18em;
	font-size: 1em;
}
p	{
	padding-top: 20px;
	line-height: 18px;	
	width: 65%;
	margin: auto;
}


.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.oben {
	height: 30%;
}

.inhalt	{
	margin-top: 5%;
	line-height: 26px;
	height: 46%;
	}

.unten {
	height: 12%;
}

.logo{
	margin-bottom: 2%;
}