:root {
  --tlog-gutter-y:50px;
  --tlog-row-gutter-y:30px;
  --tlog-btn-primary:#3a66af;
}
/*from https://codepen.io/sosuke/pen/Pjoqqp*/
.svg {filter: invert(34%) sepia(95%) saturate(634%) hue-rotate(185deg) brightness(84%) contrast(81%);}
#header:before {
    background-color: #87caee;
    content: "";
    height: 70px;
    width:50%;
    margin-left:50%;
    position:absolute;
    z-index:-1;
}






/*
#headerTop {color:#fff;background-color: #121212;position: relative;}
#headerNav {background:#fff;padding:0px 0 0px 0;position:relative;/*transition: all 0.8s ease 0s;*//*}
#logo {position:absolute;top:0px;background: #fff;transition: all 0.8s ease 0s;z-index:10;padding:9px 0px 8px 0;}
#headerTopIcon {display:none;}

.headerInfo {font-size:0.875rem;padding:0;float:right;}
.headerInfo, #menutitle, #nav_suchbox {color: #fff;}
.navwrap .headerInfo {display:none;}
.headerInfo > div {height:46px;margin-right:45px;float:left;}
.headerInfo #suchbox {margin-right:0;}
.headerInfo span {margin-left:10px;font-weight:normal;line-height:46px;}
.headerInfo i {padding:0;font-size:1.125rem;vertical-align: -.15em;line-height:46px;text-align:right;}
.suchboxlupe {cursor:pointer;}
#suchbox.active form {top:46px;}
*/




#headerTopWrap .container {margin:0 auto;position: relative;}
#headerTop .container {}
.headerInfo {
	color:#fff;
	/*line-height:70px;*/
	height:70px;
	float:left;
	margin-left:275px;
	background-color: #87caee;

	}
/*.headerInfo i{ line-height:70px;float:left;font-size:2rem;padding:0 10px 0 20px;}*/
.headerInfo i {padding:0 10px 0 20px;font-size:2rem;vertical-align: -.15em;line-height:70px;text-align:right;}

.headerInfo a{ color:inherit;}
/*
#headermenulogo,#headertel, #headeropening, #headerswitchlink, #headerweather {
	float:left;
}
*/
.headerInfo > div {	line-height:70px;margin-right:25px;float:left;}
.headerInfo #suchbox {margin-right:0;}

#headermenulogo a:focus, #headertel a:focus, #headeropening a:focus , #headerswitchlink a:focus , #headerweather a:focus {
	color:#000;
}
#headermenulogo img{
	display:block;
	background-color:#fff;
}
#headertel {
}
#headertel i {
}
#headerweather img{
	width:65px;
	height:65px;
	float:left;
	margin-left:10px;
}
.headerbildwrap .overlayDarker{padding:125px 0;}
#headerNav {background:#fff;padding:0;position:relative;transition: all 0.8s ease 0s;}
#logo {position:absolute;top:-50px;transition: all 0.8s ease 0s;z-index:100;}
.navwrap .headerInfo {display:none;}
.headerInfo #suchbox {margin-right:0;}
.suchboxlupe {cursor:pointer;}
#suchbox.active form {top:70px;}











/*Fixed menu
#headerNav.fixed {
	position:fixed;
	top:0;
	width:100%;
	padding:0px 0 0px 0;
	z-index:1000;
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}
.fixed #logo {
	transform:scale(1);
	top:0;
	background: #fff;
}
*/
.headerBild {background:#fff;filter:grayscale(30%);background-size: cover !important;}
.headerBildOverlay {padding:120px 0;background:rgba(255,255,255,0.0);}

#teaser {background-color:#e7f4fc;height:100px;margin-bottom:0px;text-transform: uppercase;}
@media screen and (min-width: 992px) {
	#page_8 #teaser {margin-bottom:0;}
}
#rootline {line-height:100px;}

/*Hauptmenü*/
#nav { }

.navwrap {background:#fff;margin:0 0 0 275px;z-index:50;text-align:center;float:left;}
.navwrap #menutitle_content {display:none;}

#nav ul { list-style:none;margin:0;padding:0;position:relative;float:left;}
#nav ul li { display:block;z-index:10;float:left;text-align:center;margin:0;padding:0;}
#nav ul li.last {  }
#nav ul li.level_1.first > a:before {
  background: none;
  content: "\f015";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size:1.5rem/*24px*/;
}
#nav ul li.level_1.first > a{
  overflow:hidden;
  height:76px;
  width:64px;
  padding:0;
  margin: 0;
}
#nav ul li a {
  display:block;
  color: #666;
  text-decoration:none;
  padding: 0px 22px;
  margin:0;
  z-index: 50;
  font-weight:400;
  font-size:1.125rem/*18px*/;
  line-height:76px;
  text-transform:uppercase;
}
/*Sprungmarken Korrektur um Menuhöhe */
html {
  scroll-padding-top: 76px;
}
#nav ul li .nav_overlay {
  display:block;
  height:76px;
  margin-top:-76px;
  position:relative;
  z-index: 10;
  width:100%;

}
#nav li:hover {z-index: 100;}
#nav li:hover .nav_overlay {width:0px;}
#nav ul li .submenuicon {display:none;}

#nav ul li a:focus,
#nav ul li a:hover,
#nav ul li a:active  {
  background-color:#3a66af;
  color:#fff;
  transition: all 0.3s ease 0s;
}
#nav ul li a#current {
  background-color:#3a66af;
  color:#fff;
}
#nav ul li a#current:focus,
#nav ul li a#current:hover,
#nav ul li a#current:active {
  background-color:#3a66af;
  color:#fff;
}

/*2.te Ebene als FoldOut */
#nav ul > li > ul {position:absolute;top:-10000em;padding:0px;background:#fff;z-index:50;list-style:none;min-width:150px;}

#nav ul li:hover,
#nav ul li.hover  {}
#nav ul li:hover > ul,
#nav ul li.hover > ul { top:76px;}
#nav ul li.hover ul { }

#nav ul li.last > ul { right:0;}

#nav ul li > ul {box-shadow:0px 10px 20px 0px rgba(0,0,0,0.35);}
#nav ul li ul li {
padding:0;
float:none;
}
#nav ul li ul li a {
  padding: 8px 20px 8px 10px;
  margin: 0;
  display: block;
  text-align: left;
  font-size:0.875rem/*14px*/;
  line-height:20px;
}
#nav ul li ul li a::before {
  content: '';
  padding: 0;
  display:inline-block;
  width:10px;
  position:relative;
  top:-1px;
}
#nav ul li ul li a#subcurrent {
  background-color:#3a66af;
  color:#fff;
}
#nav ul li ul li a:focus,
#nav ul li ul li a:hover,
#nav ul li ul li a:active {
}
#nav ul li ul li a:hover::before, #nav ul li ul li a:focus::before,
#nav ul li ul li a#subcurrent::before,  ul li ul li a#subsubcurrent::before {
  content: "\00BB";
}

/*2. Ebene Mega*/
#nav ul li.layout_1 ul {left:-275px;width:1296px;padding:20px 0;}
#nav ul li.layout_1 ul li {
  float:left;
  width:20%;
  padding:0 10px;
}
#nav ul li#page_298.layout_1 > ul li {
  width:25%;
}
#nav ul li#page_58.layout_1 > ul li {
  width:33%;
}

#nav ul li.layout_1 ul li:nth-child(6){clear:left;}
#nav ul li.layout_1 ul li a{border-bottom:1px solid #666;padding:8px 10px;margin:0;}


/*3.te Ebene */
#nav ul li ul li ul {position:relative;top:0;left:0;padding:0;margin:0;box-shadow:none;border:none;width:100%;display:none;}

#nav ul li ul li:hover,
#nav ul li ul li.hover  {}
#nav ul li ul li:hover ul,
#nav ul li ul li.hover ul {top:0; }
#nav ul li ul li.hover ul { }

#nav ul li ul li ul li {float:none;padding:0;margin:0 0 0px 0;}
#nav ul li ul li ul li a {
  margin: 0;
  padding:10px 20px 10px 30px;
  float: none;
  display: block;
  text-align: left;
/*  font: 400 13px/18px Ubuntu,sans-serif;
*/  text-transform:none;
}
#nav ul li ul li ul li a#subsubcurrent {
  background-color:#3a66af;
  color:#fff;
}
#nav ul li ul li ul li a:focus,
#nav ul li ul li ul li a:hover,
#nav ul li ul li ul li a:active {
}
/*3. Ebene Mega*/
#nav ul li.layout_1 ul li ul {left:0;width:100%;padding:0;display:block;}
#nav ul li.layout_1 ul li ul li{
float:none;
width:auto;
padding:0;
width:auto !important;
}
#nav ul li.layout_1 ul li ul li a{border-bottom:none;padding:10px 0px 10px 20px;margin:0;}

/*Submenü

  #subMenu {
      box-shadow: 0 0 12px rgba(0,0,0,.2);
      padding-bottom: 15px;
      background: #fff;
  }
  #subMenu h2{
      color: #fff;
      background: #a90177;
      padding: 5px 15px;
  }

  #subMenu ul { list-style:none; margin:0; padding:0;}
  #subMenu ul > li { margin:0;padding:3px 0 3px 15px;color:#333;}
	#subMenu > ul > li:first-child {padding-top:15px;}
  #subMenu ul > li a {
  	padding:0 0 0 0px;
	}
	#subMenu ul > li#subcurrent > a {
  	text-decoration: underline;
	}
  #subMenu ul > li a i{
  	padding:0 10px 0 0px;
  	transition: all 0.2s ease-out;
	}
  #subMenu ul > li a:hover i{
  	padding:0 5px 0 5px;
	}
	#subMenu ul li ul li#subsubcur > a {
  	text-decoration: underline;
	}
*/
main > div:first-child {padding-top:var(--tlog-gutter-y);}
@media screen and (min-width: 992px) {
	#page_8 main > div:first-child {padding-top:0;}
}
.sidebar-container main > div:first-child {padding-top:0px;}
main > div.container-fluid:first-child, main > div.bg-image:first-child, main > div.frame-type-shortcut:first-child {padding-top:0px;}
main > div:last-child {padding-bottom:var(--tlog-gutter-y);}
main > div.container-fluid:last-child, main > div.bg-image:last-child, main > div.frame-type-shortcut:last-child,
main > div.frame-type-div:last-child {padding-bottom:0px;}
.container, .gridelement, .parallax { margin:var(--tlog-gutter-y) auto;	}
.none-frame {margin:0 auto;}
.swiper, .bg-image, .bg-primary, .bg-secondary, .bg-third, .frame-bg-image-1, .frame-bg-image-2, .frame-bg-image-3, .textImage {margin-top: 0 !important;margin-bottom: 0 !important;}
.container-fluid .ce-intext.ce-right .ce-gallery,
.container-fluid .ce-intext.ce-left .ce-gallery {margin-bottom:0;}
.container-fluid .ce-intext.ce-right .ce-bodytext,
.container-fluid .ce-intext.ce-left .ce-bodytext {padding:15px;}
.sidebar-container { padding:var(--tlog-gutter-y) 0;	}
footer {position:relative;}
.footerContent{background:#666;color:#fff;padding:50px 0;}
.footer_wrap {background-color:#3a66af;height:120px;}
#footer_nav, #copyright {line-height:20px;padding:40px 0;color:#fff;}
#fb_logo, #youtube_logo, #instagram_logo {line-height:100px;}
#fb_logo img, #youtube_logo img, #instagram_logo img {height:auto;}
