html, body
{
	background-color: #22211f;
	color :#000000;
	font-family: verdana;
	font-size:1.0em;
	font-family: 'Lato', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	line-height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
} 

#main
{
	position: relative;
	width:70%;
	height:70%;
	background:	#22211f; 
  	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position: right;
	text-align: left;
	text-decoration : none;
	color : #fff;
	padding:10%;

}

.text
{
	position: absolute;
	top: 10%;
}

h1
{
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	margin: 0;
	font-size: 300%;
	padding: 0;
	width:100%;
	line-height:1.0;float:left;
}


a:link
{
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

a:visited
{
	color: #fff;
}

a:hover
{
	color: #3d7489;
	text-decoration: underline;
}

a:active
{
	color: #da6f00;
}
.impressum
{
	font-size:0.8em;
	bottom: 20px;
	height: 2.5em;
	text-align:center;
	position: absolute;
	width: 100%;
	color: #fff;
}
.impressum a:link
{
	color: #fff;
}
.impressum a:visited
{
	color: #fff;
}