header{
	 
display:block;
text-align:right;
   margin: 0px;
   padding-right:20px;
   padding-top:5px;
   min-height: 30px;
   background:#999;
}

section{
	position:sticky;
	position: -webkit-sticky;
	top:1em;
	margin-left:0;
	height:100%;
	background-color:#FFF;
	border-bottom:#CCC;
	 border-bottom-style:groove;
	
	
}


.container {
  display: flex;
  width:100%;
  height:100%;
 

 
}




.impressum {
	
margin: 0;
	padding: 3em;
	padding-left:4em;
	 font-size:0.6em;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#666;
	 
	
	


}
	
.container2{
  display: flex;
  flex-wrap: wrap;
	background-color:#999;
	 
}

.container2>div {
  flex: 1 25% ;
  box-sizing:border-box;  
  
 

}

.leistungen  {
  flex: 1;
  clear:left;
  width:100%
  color:#FFF;
	margin: 2em;
	padding: 1em;
	padding-left:4em;
	  display: -webkit-flex:3;
	  font-size:.80em;
	  background-color:#999;
	  

	
}

.kontaktdaten  {
  flex: 1;
  clear:left;
  width:100%;
  color:#FFF;
	margin: 2em;
	padding: 1em;
	  display: -webkit-flex:3;
	   font-size:.80em;
	   background-color:#999;

	
}

.gebiet   {
  display: block;
 color:#FFF;
  flex: 1;
  width:100%;
  clear:left;
  margin: 2em;
  padding:0.7em;
	padding-left:5em;
 font-size:.80em;
	 background-color:#999;
	
		
}



a img
{
border: 0;
display: block;
float: left;
}
 
.clear
{
clear: left;
height: 0;
font-size: 0;
margin: 0;
padding: 0;
}

.main-nav {
  display: -webkit-flex;
  display: flex;
  list-style:none; 
  
  
}
.main-nav li:first-child {
  margin-right: auto;
}


.main-nav .logo {
padding:0px;
max-width:100%;
height:100%;


}

.main-nav a {
	padding-top:0.8em;	
	padding-right:1em;
  margin: 0.5em;
  border-radius: 10px;
	display: block;
	text-decoration:none;
	color:#009;
	font-size:1em;
	list-style:none; 
}
.main-nav a li:hover,

{
  text-decoration:none; color:#F00;
}

nav li:hover a{
  text-decoration:none; color:#F00;
}