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;

}

bild{
	display:flex;
	flex:1;
	background: url(../bilder1/bild2.png) center;
	background-repeat:no-repeat;
	background-size: 100%; 
	color:#333;
	height:25em;
	width:100%
clear: left;
margin: 0;
padding: 0;
border: 0;


}

#motto{
	width:100%;
	text-align:center;
	padding-top:1em;
	font-family:"Lucida Sans Unicode", "Lucida Grande",sans-serif;
	font-size:1.8em;
	font-weight:800;
	color:#FFF;
	
}


.container {
  display: flex;
  flex-wrap: wrap;
 
}

.container>div {
  flex: 0 50%;
  box-sizing:border-box;  
 
}

 
.item, .item1, .item2, .item3, .item4	{		
  width: 100%;
  color:#999;
  flex: 1 3 100%;
  clear: left;
margin: 0;
padding: 0;
 
}
	
.text, .text1, .text2, .text3, .text4{
  width: 100%;
  color:#999;
  padding:40px;
  flex: 1 3 200px;
   clear: left;
margin: 0;  

}


	

.item5	{
  width: 100%;
  height:100%;
  color:#999;
  flex: 1 3 100%;
  clear: left;
	 border: 1px solid;	

	 
 	}
	
.text5 {
  width: 100%;
  color:#999;
  padding:40px;
  flex: 1 3 200px;
   clear: left;
margin: 0;  



  
}

.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:1em;
	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;
}


.partner {
  display: -webkit-flex;
  display: flex;
  list-style:none; 
 
 
}


.partner a {
	padding-top:1em;	
	padding-right:1em;
  margin: 0.5em;
	display: block;
	text-decoration:none;
	
}