@font-face {
   font-family: "opensans-regular";
	 src: 	url(schriften/open-sans-fontface/Regular/OpenSans-Regular.woff),
					url(schriften/open-sans-fontface/Regular/OpenSans-Regular.woff2);
 }
 @font-face {
    font-family: "opensans-bold";
 	 	src: 	url(schriften/open-sans-fontface/Bold/OpenSans-Regular.woff),
 					url(schriften/open-sans-fontface/Bold/OpenSans-Regular.woff2);
  }


body{
	font-family: opensans-regular;
 	background: #66859C;
 	margin: 0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
 	border:none;
 	color: #62859b;
}

.inhalt a{
	text-decoration: none;
	color: #62859b;
	font-weight: bold;
}

.inhalt a:hover{
	color: #c2a4ce;
}

.inhalt {
	line-height: 1.5;
}

.inhalt p{
	margin: 0 0 30px 0;
}

.inhalt .img_right{
	float: right;
	margin: 0 0 20px 20px;
}

.inhalt .img_left{
	float: left;
	margin: 0 20px 20px 0;
}



#wrapper1{

 background:#ffffff url("grafiken/wrapper_bg_top.png") repeat-x 0px -50px ;
 max-width: 1400px;
 display: block;
 margin: 0px auto 0px auto;
 padding:0px 0px 0px 0px;
 border:none;
}
#wrapper2{
	background: url("grafiken/streifen_bg.png") no-repeat right 0px ;
 width: 100%;
 display: block;
 margin: 0px auto 0px auto;
 padding:0px 0px 0px 0px;
 border:none;
}

#logo{
	width:10%;
	margin: 0px 0px 0px 0px;
 	padding:15px 0px 0px 0px;
 	border:none;
}
#logo a{
	margin: 0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
 	border:none;
}
#logo a img{
	margin: 0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
 	border:none;
	width: 160px;
}



#navigation2{
  display: none;
}

#navigation{
	margin: 0px 0px 0px -10px;
	padding:50px 0px 10px 0px;
	border:none;

}
#navigation ul{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
}
#navigation ul li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style: none;
	border-right: 1px solid #62859b;

}

#navigation ul li:last-child{
	border: none;
}

#navigation ul li a{
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	color: #62859b;
	text-decoration: none;
	font-size: 130%;
}
#navigation ul li a:hover{
	color: #335e79;
}

#navigation .menu-current, #navigation .menu-parent{
	font-weight: bold;
}

#navigation ul li ul li a{
  display: block;
  font-size: 110%;
}

#subnavigation{
	margin: 0px 0px 0px -10px;
	padding:0px 0px 20px 0px;
	border:none;
}
#subnavigation ul{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
}
#subnavigation ul li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style: none;
	border-right: 1px solid #62859b;
}

#subnavigation ul li:last-child{
	border: none;
}

#subnavigation ul li a{
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	color: #62859b;
	text-decoration: none;
	font-size: 90%;
}
#subnavigation ul li a:hover{
	color: #335e79;
}

#subnavigation .menu-current{
	font-weight: bold;
}

#spalte1{
 width: 90%;
 display: block;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding:0px 3% 0px 7%;
 border:none;
}
#spalte2{
 width: 100%;
 display: block;
 float: left;
 margin: 0px 0px 0px 0px;
 padding:0px 0% 40px 0px;
 border:none;
}


#person1{
 float: left;
 font-size: 90%;
 background: #EEF2F4;
 width: 85%;
 margin: 10px 5% 0px 5%;
 padding:20px 0px 20px 5%;
 border-top: 13px solid #B4D1A9;
}
#person1 img{
 float: none;
 clear: both;
 display: block;
 margin: 0px 0px 20px 0px;
 padding:0px 0px 0px 0px;
 border: none;
}
#person1 a{
 color: #62859b;
 text-decoration:
}
#person1 a:hover{
 color: #365b77;
 text-decoration:
}

#person2{
 float: left;
 font-size: 90%;
 background: #EEF2F4;
 width: 85%;
 margin: 10px 5% 0px 5%;
 padding:20px 0px 20px 5%;
 border-top: 13px solid #C2A4CE;
}
#person2 img{
 float: none;
 clear: both;
 display: block;
 margin: 0px 0px 20px 0px;
 padding:0px 0px 0px 0px;
 border: none;
}
#person2 a{
 color: #62859b;
 text-decoration:
}
#person2 a:hover{
 color: #365b77;
 text-decoration:
}




#footer{
 width: 100%;
 display: block;
 margin: 30px auto 40px auto;
 padding:5px 0px 5px 0px;
 border-bottom:1px solid #91aab9;
 background: #66859C;
}
#footer ul{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 12%;
	border:none;
}
#footer ul li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style: none;
	border-right: 1px solid #62859b;
}

#footer ul li:last-child{
	border: none;
}

#footer ul li a{
	margin: 0px 0px 0px 0px;
	padding:5px 10px 5px 0px;
	color: #ffffff;
	text-decoration: none;
	font-size: 80%;
}
#footer ul li a:hover{
	color: #9dbdd1;
}


.tabspace1{
	width: 40px;
	display: block;
	float:left;
}

.clearer{
	display: block;
	clear: both;
	width: 100%;
}

.js .slicknav_menu {
  display: none;

}

.inhalt img{
  width: 100% !important;
  height: auto !important;
}

/*----------------------------------------*/

 @media (min-width: 576px) {


   #wrapper1{

    background:#ffffff url("grafiken/wrapper_bg_top.png") repeat-x 0px -10px ;

   }


	 #logo{
	 	width:10%;
	 	margin: 0px 0px 0px 0px;
	  	padding:52px 0px 0px 0px;
	  	border:none;
	 }
	 #logo a{
	 	margin: 0px 0px 0px 0px;
	  	padding:0px 0px 0px 0px;
	  	border:none;
	 }
	 #logo a img{
	 	margin: 0px 0px 0px 0px;
	  	padding:0px 0px 0px 0px;
	  	border:none;
	 	width: 190px;
	 }


	 #spalte1{
	  width: 90%;
	  display: block;
	 	clear: both;
	  margin: 0px 0px 0px 0px;
	  padding:0px 3% 0px 7%;
	  border:none;
	 }
	 #spalte2{
	  width: 100%;
	  display: block;
	  float: left;
	  margin: 0px 0px 0px 0px;
	  padding:0px 0% 40px 0px;
	  border:none;
	 }

	 #person1{
	 	float: left;
	 	font-size: 90%;
	 	background: #EEF2F4;
	 	width: 37%;
	 	margin: 0px 0px 0px 7%;
	  padding:20px 0px 20px 5%;
	  border-top: 13px solid #B4D1A9;
	 }
	 #person1 img{
	 	float: none;
	 	clear: both;
	 	display: block;
	 	margin: 0px 0px 20px 0px;
	 	padding:0px 0px 0px 0px;
	 	border: none;
	 }
	 #person1 a{
	 	color: #62859b;
	 	text-decoration:
	 }
	 #person1 a:hover{
	 	color: #365b77;
	 	text-decoration:
	 }

	 #person2{
	 	float: left;
	 	font-size: 90%;
	 	background: #EEF2F4;
	 	width: 37%;
	 	margin: 0px 0px 0px 5%;
	  padding:20px 0px 20px 5%;
	  border-top: 13px solid #C2A4CE;
	 }
	 #person2 img{
	 	float: none;
	 	clear: both;
	 	display: block;
	 	margin: 0px 0px 20px 0px;
	 	padding:0px 0px 0px 0px;
	 	border: none;
	 }
	 #person2 a{
	 	color: #62859b;
	 	text-decoration:
	 }
	 #person2 a:hover{
	 	color: #365b77;
	 	text-decoration:
	 }

   .inhalt img{
     width:max-content !important;
   }

}

/*----------------------------------------*/
@media (min-width: 768px) {
	#logo{
		width:10%;
		margin: 20px 0px 0px 0px;
	 	padding:30px 0px 0px 0px;
	 	border:none;
	}
	#logo a{
		margin: 0px 0px 0px 0px;
	 	padding:0px 0px 0px 0px;
	 	border:none;
	}
	#logo a img{
		margin: 0px 0px 0px 0px;
	 	padding:0px 0px 0px 0px;
	 	border:none;
		width: 219px;
	}


	#spalte1{
	 width: 44%;
	 display: block;
	 float: left;
	 margin: 0px 0px 0px 0px;
	 padding:0px 2% 0px 14%;
	 border:none;
	}
	#spalte2{
	 width: 30%;
	 display: block;
	 float: right;
	 margin: 0px 0px 0px 0px;
	 padding:0px 10% 40px 0px;
	 border:none;
	}

	#person1{
		clear: both;
		font-size: 90%;
		background: #EEF2F4;
		width: 90%;
		margin: 10px 0px 0px 0px;
		padding: 20px 30px 20px 30px;
		border-top: 13px solid #B4D1A9;
	}
	#person1 img{
		float: none;
		clear: both;
		display: block;
		margin: 0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		border: none;
	}
	#person1 a{
		color: #62859b;
		text-decoration:
	}
	#person1 a:hover{
		color: #365b77;
		text-decoration:
	}

	#person2{
		clear: both;
		font-size: 90%;
		background: #EEF2F4;
		width: 90%;
		margin: 10px 0px 0px 0px;
		padding:20px 30px 20px 30px;
		border-top: 13px solid #C2A4CE;
	}
	#person2 img{
		float: none;
		clear: both;
		display: block;
		margin: 0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		border: none;
	}
	#person2 a{
		color: #62859b;
		text-decoration:
	}
	#person2 a:hover{
		color: #365b77;
		text-decoration:
	}



}

/*----------------------------------------*/
@media (min-width: 992px) {

}

/*----------------------------------------*/
@media (min-width: 1200px) {


}

.slicknav_menu {
  background: #66859C;
}
 @media screen and (max-width: 576px) {
.js #navigation {
  display: none;
}
#subnavigation {
  display: none;
}
.js .slicknav_menu {
  display: block;
  background: #62859B;

}
.js .slicknav_nav .slicknav_row:hover{
  background:#4c6b7f;
}
.js .slicknav_nav a:hover{
  background:#4c6b7f;
  color: #ffffff;
}

.js .slicknav_btn{
  background: #4E6A7C;
}