@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:Arial, sans-serif;
}

html,body{
	width:100%;
	height:100%;
	position:relative;
	background-color:#FFF;
	
}


#headline{
	font-size:12px;
}

#content {
    position:relative;
	width:100%;
	height:100%;
	z-index:1;
	background-color:#FFF;
	overflow: auto;
	 float: left;
	
}


#header{
	position:absolute;
	top:5%;
	left:5%;
	z-index:100;
}

.untertitel{
	font-size:18px;
	margin-top:5px;
}
#titel{
	font-style: normal;
	letter-spacing: 0.4em;
	font-size:30px;
	padding-bottom:10px;
}

#instagram{
	width:20px;
	margin-left:10px;
	margin-top:5px;
}	

 #background{
	position:relative;
	 margin-top:1%;
	width:100%;
	height:auto;
	z-index:15; 
	 
	  float: left; 
}

	#backgroundImg{
	position:relative;
	float:left;
	display:block;
	height:auto;
	width:100%;
	
}


.clear{
	clear:both;
}
#copyright{
	z-index:20;
	display:block;
	position:absolute;
	bottom:50px;
	right:6%;
	font-size:11px;
}



.links{
	 display: inline-block;
	 text-decoration:none;
	 color:#000;
	
 }


.links:hover{
	font-style:italic;
	color:#96C;
}

@media(max-width: 800px) { 

	.untertitel{
	font-size:14px;
}
#titel{
	font-size:22px;
	letter-spacing: 0.3em;
}
}

@media(max-width: 420px) { 


	.untertitel{
	font-size:14px;
}
#titel{
	
	font-size:22px;
	letter-spacing: 0.3em;
}
}