@import url(https://fonts.googleapis.com/css?family=Raleway);

/* Symbolschrift seit 9.7.2025 nicht mehr erreichbar
@import url(https://weloveiconfonts.com/api/?family=fontawesome);
@import url(https://weloveiconfonts.com/api/?family=entypo);
*/

/* entypo */
[class*="entypo-"]:before {
	font-family: sans-serif;
  	/* symbolschrift seit 9.7.2025 nicht mehr erreichbar: font-family: 'entypo', sans-serif; */
}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img { max-width: 100% !important; }

html, body { font-family: 'Raleway', sans-serif; background-repeat: no-repeat; background-attachment: fixed !important; min-height: 100%; height: 100%; width: 100%; background-color: #A8DBA8; margin: 0; padding: 0;
			background: #E0E0E0;
}
.slicknav_menu {
	display:none;
}
.scrlTp { background: #3c3c3c none repeat scroll 0 0; bottom: 20px; box-shadow: 1px 1px 1px #555555 inset; cursor: pointer; height: 50px;
		  display: none; position: fixed; right: 20px; width: 50px; font-size: 25px; text-align: center; line-height: 50px; color: #FFFFFF !important;
		  text-decoration: none;
}
.scrlTp:hover { text-decoration: none; }

#content h1 { line-height: 30px; }

#menuContent ul { overflow: auto;  }
#menuContent { width: 100%;  }
#wrap img { max-width: 100% !important; height: auto !important; }

.onePageLayout { padding: 10px 0 0 0; margin-bottom: 10px; border-bottom: 3px dashed #E0E0E0; }

#content a { background-color: #E0E0E0 !important; color: #000000 !important; }
#content a:hover { background-color: #00675A !important; color: #FFFFFF !important; }
#map-canvas { min-height: 300px; }
#wrap { 	min-height: 100%; overflow: hidden; margin: 0 auto; width: 100%; max-width: 990px; background-color: #ffffff; display: block; }
#header { background-color: #ffffff; z-index: 2; position: fixed; top: 0px; height: 66px; width: 100%; max-width: 990px; display: block; border-bottom: 1px solid #8c9fae; }
#menu { margin: 0 auto; width: 100%; height: 100%; }
#menu #navi-menu { width: 100%; height: 100%;  }
#menu ul { float: right; padding: 0 ; margin: 0; }
#menu li { padding-left: 10px; height: 66px; display: inline; position: relative; }
#menu li a { color: #8c9fae !important; }
#menu li:hover ul { display: block !important; }
#menu ul > li { line-height: 66px; font-size:  20px;
			 float: left; list-style-type: none; text-decoration: none; margin: 0 10px; padding: 0 10px;
			}
#menu ul li ul { width: 100%; height: 66px; position: absolute; }
#menu ul li ul li { margin: 0; background-color: #ffffff; line-height: 40px; font-size: 15px; height: 40px; width: 100%; font-weight: normal;}
#menu ul li ul li a { text-align: left !important;  }
#menu ul li ul li:hover { background-color: #f2f2f2; }
.onePageLayout { border-bottom: 1px dottex #000000; }

#menu ul li a { margin: 0px; padding: 0px; text-decoration: none; color; #0B486B; }
#menu ul > .menuActive { font-weight: bold !important; }
#menu .menuentry2a { font-weight: bold !important; background-color: #f2f2f2 !important; }
.slicknav_menu ul > .menuActive > a{ background-color: #999999 !important; }
#content { line-height: 25px; z-index: 1 !important; display: block; padding: 0 50px;  }
#content a { color: #8c9fae; }
#content img { max-width: 100%; height: auto !important; }
.unsichtbar { display: none; }
#logoHeader { width: 100%; height: auto; max-height: 280px; padding-top: 50px; background-color:#00675a; overflow: auto; }
#logoHeader img { padding: 35px 35px 20px 35px; float: right; max-width: 100%; height: 150px !important;}
#cms_inhaltsbereich { margin: 25px 0;}
#slidebox4 { min-height: 330px; }
#slidebox4 { width: 100% !important; height: 330px; z-index: 1; }
#slidebox4 img { max-width: 100%; height: auto; }
.ls-defaultskin{ padding: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 0; }
.logo2 { display: none; }
.ls-bg { max-height: 100%; max-width: 100%;  margin: 0px !important;  }
.ls-slide, .sliderContainer { width: 100vh, max-width: 100%; }
.ls-inner { background-color: #ffffff !important; }


@media all and (min-width:801px){
    /* Menu Ebene 2 bei Desktop immer ausblenden */
    #menu ul li ul { display: none; }
    /* #menu ul li ul li { display: none; } */
    #logoHeader { min-height: 170px; }

}

@media all and ( max-width: 1000px ) {
    #slidebox4 { min-height: 250px !important; }
    .ls-inner { height: 275px !important; }
}

@media all and (max-width:800px){
  .ls-inner { height: 175px !important; }
  .logo1 { display: none !important; }
  .logo2 { display: block; }
  #slidebox4 { min-height: 150px !important; }
  .onePageLayout { padding: 0px 0 0 0; }
  #cms_inhaltsbereich { margin: 0px 0;}
	#logoeHeader { padding: 0 !important; height: auto !important; }
	#logoHeader img { margin: 0 auto; clear: both; padding: 0; height: auto !important; max-height: 150px; }
	#header { height: auto; }
	#menu { height: auto; }
	#menu ul li { width: 100%; height: 50px; margin: 0; }
	#menu ul li a { padding-left: 0; margin-left: 0; border-radius: 0px !important; }
		/* #menu is the original menu */
	.js #menu {
		display:none;
	}

	.js .slicknav_menu {
		display:block;
		z-index: 10;
	}
	#content { padding: 20px 20px; padding-top: 0px; }
}


@media all and ( max-width: 350px ) {

}