/*= GENERAL STYLING
--------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	/*overflow-x: hidden;	*/
}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	
}

h1 { 
	font-weight:normal;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	color:#ec008c;
	padding-bottom:15px;
}

h2 {
   	font-weight:normal;
	font-size: 1.2em;
	line-height:1.8em;
	margin: 0;
	padding: 0;
	color:#ec008c;
	padding-bottom:3px;
	padding-top:20px;
}

h3 {
   	font-weight: normal;
   	font-size: 1.2em;
  	margin: 5px 0;
	padding: 0;
	z-index: 1;
	position: relative;
	color:#ec008c;
}

a:focus { -moz-outline: none; }
a:link { color:#ec008c; text-decoration: none; }
a:visited { color:#ec008c; }
a:hover, a:focus { color:#000; outline:none;  }
a:active { color:#ec008c; }


.trennung {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }
	  
.col_1 {
	float:left;
	width: 95%;
	height:auto;
	padding: 15px;
}
.boxen {
	font-size:0.9em;
	line-height:1.4em;
}
.col_3 {
	float:left;
	width: 30%;
	padding: 15px;
	text-align:left;
}
.col_4 {
	float:left;
	width: 22%;
	padding: 10px;
}
.col_5 {
	float:left;
	width:73%;
	padding: 5px 7px 30px 0px;
	line-height: 1.8em;
	color: #6b6c6e;

}
.col_6 {
	float:right;
	width: 65%;
	float: left;
	padding: 10px;
}


#col_1 {
	float:left;
	width: 95%;
	height:auto;
	float: left;
	padding: 15px;
}
#col_2 {
	float:left;
	width: 45%;
	float: left;
	padding: 15px;
	
}
#col_3 {
	float:left;
	width: 30%;
	float: left;
	padding: 15px;
}
#col_4 {
	float:left;
	width: 22%;
	float: left;
	padding: 10px;
}
#col_5 {
	float:left;
	width:73%;
	padding: 5px 7px 30px 0px;
	line-height: 1.8em;
	color: #6b6c6e;

}
#col_6 {
	float:right;
	width: 65%;
	float: left;
	padding: 10px;
}

.img_team {
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	border: 2px dotted #F30;	
	
	}

#subnav_1 {
	float:left;
	width: 100%;
	height:auto;
	float: left;
}

.btn {
  background: #ec008e;
  background-image: -webkit-linear-gradient(top, #ec008e, #ec008e);
  background-image: -moz-linear-gradient(top, #ec008e, #ec008e);
  background-image: -ms-linear-gradient(top, #ec008e, #ec008e);
  background-image: -o-linear-gradient(top, #ec008e, #ec008e);
  background-image: linear-gradient(to bottom, #ec008e, #ec008e);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  font-size: 0.9em;
  padding: 5px 10px 5px 10px;
  text-decoration: none;


}

.btn:hover {
  background: #f7951e;
  background-image: -webkit-linear-gradient(top, #f7951e, #f7951e);
  background-image: -moz-linear-gradient(top, #f7951e, #f7951e);
  background-image: -ms-linear-gradient(top, #f7951e, #f7951e);
  background-image: -o-linear-gradient(top, #f7951e, #f7951e);
  background-image: linear-gradient(to bottom, #f7951e, #f7951e);
  text-decoration: none;
}

/*= HEADER
--------------------------------------------------------*/

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #999 url("../images/totop.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}


/*= NAVIGATION
--------------------------------------------------------*/

#navi {
	float:left;
	margin-top:20px;
	margin-left:70px;
	width:auto;
	height:auto;
	z-index:10;
    background-color: #fff;
}

#navi_in {
	position:relative;
	left:50%;
	margin-left:-500px;
	width: 960px;
	height: auto;	
}


#nav {
				background: #;
				
			}
			#nav ul { list-style-type: none; margin: 0; padding: 0;	}
			#nav ul li {
				float: left;
				margin: 0;
				padding: 0;
			}
			#nav a {	
				font-family: 'Verdana', sans-serif; 
				font-weight: 200; 
				font-size: 0.83em;
				color: #999; 
				display: inline-block; 
				padding: 5px 7px 5px 7px; 	 
			}
			
			#nav { margin-top: 8px; }
			 
			
						 
			#nav a {
					-webkit-transition: background 1s ease;
							-moz-transition: background 1s ease;
					        -ms-transition: background 1s ease;
					        -o-transition: background 1s ease;
							transition: background 1s ease;
			}
			#nav a:hover {
			background-color: #ec008c;
			color: #fff;
			font-family: 'Verdana', sans-serif;
			}
			
			#nav span.plus {
				display: none;
			}

			/*  SUBNAVIGATION  */
			
				 		#nav ul > li {
				             position: relative;
				         }
				        #nav ul ul {
				          display: none;
				          position: absolute;
				          z-index: 30;				         
				        }
				        
				          
				          #nav  ul.sub2 {
							margin-left: 201px;
				            top: 0;
				          }
				       
				      
				        #nav ul li ul li {
				          float: none;
				          padding: 0;
				          margin: 0;
				          border: none;
				          height: inherit;
				          width: 100%;
				          
				        }
				        #nav ul ul li a {
				          padding: 5px 20px 5px 20px;
				          background: #f7941e;
				    	  width: 160px;
				          color: #fff;
				          border-top: 1px solid #fff;
				          -webkit-transition: background .5 ease;
				              -moz-transition: background .5 ease;
				                  -ms-transition: background .5 ease;
				                  -o-transition: background .5 ease;
				              transition: background .5 ease;
				            text-transform: none;
				        }
				        #nav ul ul li a i {
				          display: none;
				        }
				  
				         
				        
				        #nav ul ul li a:hover {
						background-color: #ec008c;
						color: #FFF;
				        }
				        .link-uebersicht { 
				        	display: none;
				        }

   
   #nav .navresp, .ico-menue {
   	display: none;
   }

.home {
	font-family: FontAwesome;
	content: "\f039 ";
	position: absolute;
	left: 0;
	top: 2px;
								
}

/*= ELEMENTE
--------------------------------------------------------*/

#hg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:0;
}

#filter {
	position:fixed;
	left:50%;
	top:0px;
	width:50%;
	height:100%;
	z-index:2;
	background-color: #fff;
	opacity: 0.6;

}
#element_welle {
	position:relative;
	right:15px;
	margin-left:50%;
	margin-top:80px;
	width:50%;
	z-index:810;

}
#head_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:202px;
	z-index:3;
	background-image: url(../images/bogen_oben_sprechpunkt.png);
	background-repeat: repeat-x;
}
#logo {
	float:left;
	margin-left:60px;
	margin-top:20px;
	width:380px;
	height:auto;
	font-size:0.6em;
	z-index:4;
}
#adresse_logo {
	position:absolute;
	margin-left:90px;
	margin-top:110px;
	width:380px;
	height:auto;
	font-size:0.58em;
	z-index:5;
}

/*
#navi {
	float:left;
	top:37px;
	width:auto;
	height:89px;
	z-index:10;
	background-color: #999999;
}*/


.striche{
	position: absolute;
	width: 100%;
	height: 118px;
	top: 400px;
	margin: auto auto;

	background-image: url(../images/striche_sprechpunkt.png);
}

#main {
	position: absolute;
	left: 50%;
	top: 0;
	width: 960px;
	height: 100%;
	margin-left:-480px;
	z-index: 2;
}

#main_hg {
	position:fixed;
	left: 50%;
	top: 0;
	width: 960px;
	height: 100%;
	margin-left:-480px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.9);
	background-color:#f4e4ce;
	z-index: 2;
}

#inhalte {
	width: auto;
	height: auto;
	float: left;
	padding-top: 250px;
	padding-right: 100px;
	padding-bottom: 50px;
	padding-left: 100px;
	font-size:0.9em;
	color:#5F5F5F;
	padding-bottom:250px;
}



/*= FOOTER 
--------------------------------------------------------*/

#footer{	
	position: fixed;
	width: 100%;
	height:217px;
	right: 0px;
	bottom: 0px;
 	background: url(../images/bogen_unten_sprechpunkt_3.png);
	background-position: right;
	z-index:600;

}

#adresse_footer {
	float:right;
	margin-top:108px;
	margin-right:25px;
	width:auto;
	height:200px;
	z-index:7;
	font-size:0.56em;
	color:#999999 ;
	text-align:right;
	text-decoration: none;
}

	#footer_mobil{
	display: none;

    }


.col_footer {
	float:left;
	width: 21%;
	padding: 15px 15px 0px 15px;
	text-align:left;
	font-size:0.8em;
	line-height: 1.4em;
}

.copy {
	float:left;
	width: 100%;
	height:auto;
	background-color: #007f3a;
	text-align:center;
	font-size: 10px; 
	color: #fff;  
	text-decoration: none; 
	padding-left: 0px; 
	padding-top: 8px;
}

#copyright  { color: #fff; font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }

	


/*= MEDIA
--------------------------------------------------------*/

@media screen and (max-width:980px) {
	
#main {
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left:0px;
	z-index: 2;
}

#main_hg {
	position:fixed;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left:0px;
	background-color:#f4e4ce;
}

}


@media screen and (max-width:910px) {
	
	
	
	.showquery::before {
	content: "< 910px ";
	}

  				
	/* NAV OFF Canvas */	 
			 		 	#nav {
						position: absolute !important;					
						top: 15px ;
						left: -200px;
						z-index: 300;
						background-color: rgba(247, 148, 30, .90);
						padding-top: 20px;
						padding-bottom: 20px;
						width: 250px;
			 		 		
			 		 	}
			 		 	#nav ul li {
			 		 		float: none;
			 		 		overflow: hidden;
			 		 	}
			 		 	#nav a {
			 		 		color: #fff;
			 		 		padding-left: 10%;
			 		 		 
			 		 		width: 90%;
			 		 	}
			 		 	#nav li:first-child, #nav li:last-child {
			 		 		display: block;
			 		 	}
			 		 	
			 		 	.ico-menue {
			 		 		display: block;
			 		 		position: relative;
			 		 		top: 12px;
			 		 		color: #fff;
			 		 		font-size: 1.8em; 
			 		 		left: 80px;
							width:230px;
			 		 	}
			 		 	.ico-menue::before {
			 		 		font-family: FontAwesome;
			 		 		content: "\f039 ";
			 		 		position: absolute;
			 		 		left: 0;
			 		 		top: 2px;
							background-color:#999;
							padding:7px;
								
			 		 		 }
			 		 		#nav .navresp {
			 		 			display: block;
			 		 		}
			 		 			#nav a.gclose {
			 		 				font-size: .8em !important;
			 		 				margin-bottom: 10px;
			 		 				width: auto;
			 		 				position: relative;
			 		 				padding-left: 17%;
			 		 			}
			 		 			#nav a.gclose::before {
			 		 				font-family: FontAwesome;
			 		 				content: "\f057 ";
			 		 				position: absolute;
			 		 				left: 10%;
			 		 				top: 3px;
			 		 				font-size: 1.4em;
			 		 				
			 		 			}
			 		 	
						#nav span.plus {
							display: inline-block;
							position: absolute;
							color: #fff;
							right: -7px;
						
							top: 4px;
							font-size: 1.3em;
							padding: 0 20px;
							cursor:	pointer;
						}
						
						#nav ul ul {
							position: relative;
						}
						#nav ul.sub a {
							width: 80%;
							background: transparent;
							border: none; 
							font-size: 0.83em;
							padding-left: 15%;
						}
						#nav ul.sub2{
							margin-left: 0;
						}
						#nav ul.sub2 a{
							padding-left: 23%;
						}
						#nav ul.sub2 a::before {
							content: "- ";
						}
						.link-uebersicht {
							display: block;
							font-style: italic;
						}
						.plus2::after {
							font-family: FontAwesome;
							content: "\f107 ";
							float: right;
							padding-right: 10px;
							margin-top: -3px;
							font-size: 1.3em;
							border: 2px dotted #F36;
						}

}

@media screen and (max-width:820px) {
	
	.ico-menue {
			 		 		display: block;
			 		 		position: relative;
			 		 		top: 12px;
			 		 		color: #fff;
			 		 		font-size: 1.8em; 
			 		 		left: 20px;
							width:50px;
			 		 	}
	
	
}
@media screen and (max-width:820px) {
	
#inhalte {
	width: auto;
	height: auto;
	float: left;
	padding-top: 250px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	font-size:0.9em;
	color:#5F5F5F;
	padding-bottom:250px;
}

#col_2 {
	float:left;
	width: 45%;
	float: left;
	padding: 15px;
	
}
}
@media screen and (max-width:740px) {
	
	#logo {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:80%;
	max-width:340px;
	min-width:200px;
	height:auto;
	font-size:0.6em;
	z-index:4;
}
	#adresse_logo {
	position:absolute;
	margin-left:37px;
	margin-top:110px;
	width:380px;
	height:auto;
	font-size:0.58em;
	z-index:5;
}

#inhalte {
	width: auto;
	height: auto;
	float: left;
	padding-top: 250px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	font-size:0.9em;
	padding-bottom:250px;

}
	
	}
	











@media screen and (min-width:790px) {
    #nav ul li:hover ul.sub, #nav ul.sub li:hover ul.sub2 {
    display: block !important;
    }
  
}

@media screen and (max-width:790px) {
	.showquery::before {
	content: "< 760px ";
	}

  				
	/* NAV OFF Canvas */	 
			 		 	#nav {
						position: absolute !important;					
						top: 15px ;
						left: -200px;
						z-index: 300;
						background-color: rgba(247, 148, 30, .90);
						padding-top: 20px;
						padding-bottom: 20px;
						width: 250px;
			 		 		
			 		 	}
			 		 	#nav ul li {
			 		 		float: none;
			 		 		overflow: hidden;
			 		 	}
			 		 	#nav a {
			 		 		color: #fff;
			 		 		padding-left: 10%;
			 		 		 
			 		 		width: 90%;
			 		 	}
			 		 	#nav li:first-child, #nav li:last-child {
			 		 		display: block;
			 		 	}
			 		 	
			 		 	.ico-menue {
			 		 		display: block;
			 		 		position: relative;
			 		 		top: 12px;
			 		 		color: #fff;
			 		 		font-size: 1.8em; 

			 		 	}
			 		 	.ico-menue::before {
			 		 		font-family: FontAwesome;
			 		 		content: "\f039 ";
			 		 		position: absolute;
			 		 		left: 0;
			 		 		top: 2px;
								
			 		 		 }
			 		 		#nav .navresp {
			 		 			display: block;
			 		 		}
			 		 			#nav a.gclose {
			 		 				font-size: .8em !important;
			 		 				margin-bottom: 10px;
			 		 				width: auto;
			 		 				position: relative;
			 		 				padding-left: 17%;
			 		 			}
			 		 			#nav a.gclose::before {
			 		 				font-family: FontAwesome;
			 		 				content: "\f057 ";
			 		 				position: absolute;
			 		 				left: 10%;
			 		 				top: 3px;
			 		 				font-size: 1.4em;
			 		 				
			 		 			}
			 		 	
						#nav span.plus {
							display: inline-block;
							position: absolute;
							color: #fff;
							right: -7px;
						
							top: 4px;
							font-size: 1.3em;
							padding: 0 20px;
							cursor:	pointer;
						}
						
						#nav ul ul {
							position: relative;
						}
						#nav ul.sub a {
							width: 80%;
							background: transparent;
							border: none; 
							font-size: 0.83em;
							padding-left: 15%;
						}
						#nav ul.sub2{
							margin-left: 0;
						}
						#nav ul.sub2 a{
							padding-left: 23%;
						}
						#nav ul.sub2 a::before {
							content: "- ";
						}
						.link-uebersicht {
							display: block;
							font-style: italic;
						}
						.plus2::after {
							font-family: FontAwesome;
							content: "\f107 ";
							
							float: right;
							padding-right: 10px;
							margin-top: -3px;
							font-size: 1.3em;
						}
	
	
			

	.column_footer_li {width:60%; float:left; margin:15px;}
	.column_footer_re {width:30%; float:left; margin:15px;}
	.column {width: 80%;}
	
	#kontakt_top {
	display: none;
	}
	
	#kontakt {
	display:block;
	float:left;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	z-index:10;
	background-color: #007f3a;
	color:#FFF;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	min-height:25px;
	}


}



@media screen and (max-width:700px) {
    .showquery::before {
    content: "< 700px ";
    }
 		 
    #main .row4 img  {
    width: 100%;
    }
  
    .row4 > div, .row4 > div:first-child {
    width: 47%;
    margin: 0 1.5% 20px 1.5%;
    }
	
#inhalte {
	padding-bottom: 0px;
}	

#adresse_footer {
	height:auto;
}
 	
#footer{
	display:none;
	position: fixed;
	width: 100%;
	height:217px;
	right: 0px;
	bottom: 0px;
 	background: url(../images/bogen_unten_sprechpunkt_3.png);
	background-position: right;
	z-index:600;
}

	
#footer_mobil{	
	display:block;
	float: right;	
	width: 100%;
	height:200px;
	right: 0px;
	bottom: 0px;
 	background: url(../images/bogen_unten_sprechpunkt_3.png);
	background-position: right;
	z-index:200;

}

  }

@media screen and (max-width:820px) {
	

#col_2 {
	float:left;
	width: 95%;
	float: left;
	padding: 15px;
	
}
}
  

@media screen and (max-width:510px) {
	
	.ico-menue {
	display: block;
	position: relative;
	top: 12px;
	color: #fff;
	font-size: 1.8em; 
	left: -20px;
	width:50px;
	}
	#logo {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:70%;
	max-width:250px;
	min-width:200px;
	height:auto;
	font-size:0.6em;
	z-index:4;
}
	#adresse_logo {
	position:absolute;
	margin-left:0px;
	margin-top:82px;
	width:380px;
	height:auto;
	font-size:0.58em;
	z-index:5;
}


}

@media screen and (max-width:390px) {
	
	.ico-menue {
	display: block;
	position: relative;
	top: 5px;
	color: #fff;
	font-size: 1.8em; 
	left: -50px;
	width:50px;
	}
	#logo {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:70%;
	max-width:250px;
	min-width:250px;
	height:auto;
	font-size:0.6em;
	z-index:4;
 	}
	#adresse_logo {
	position:absolute;
	margin-left:0px;
	margin-top:82px;
	width: 90%;
	height:auto;
	font-size:0.58em;
	z-index:5;
	}
	
	#col_2 {
	width: 90%;
	}	
	#col_1 {
	width: 90%;
	}
	
}