﻿#headerTopWrap .container {margin:0 auto;position: relative;}
#headerTop {background:#fff;color:#0073b6;}
#headerTop .container {padding:10px 0px 10px 0px;}
#headerNav {background:#fff;position:relative;transition: all 0.8s ease 0s;}
#headerNav .container {padding-top:14px;}
.headerInfo {color:#0073b6;font-size:1em;background:#fff;line-height:30px;padding:5px 0;margin-right:30px;}
.navwrap .headerInfo {display:none;}
.headerInfo > div {margin-right:10px;float:right;}
.headerInfo span {margin-right:10px;}
.headerInfo i {margin-right:10px;color:#fff;background:#0073b6;font-size:1em;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;transition: all 0.4s ease 0s;}
.headerInfo a:hover i, .headerInfo a:focus i, .headerInfo a:active i {background:none;color:#0073b6;}
#logo {position:absolute;top:-30px;transition: all 0.8s ease 0s;z-index:100;width:300px;}

/*Fixed menu*/
#headerNav.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0;
	z-index:1000;
	box-shadow: 0 3px 11px 0 rgba(34, 34, 34, 0.15);
}
.fixed #logo {
	transform:scale(0.7);
	top:-10px;
}
.headerBild {background:#fff;color:#fff;background-size: cover !important;}
.headerBildOverlay {padding:0;background:rgba(0,0,0,0.4);text-align:center;}

/*Hauptmenü*/
#nav {float:left; }

.navwrap {background:#fff;margin:0;z-index:50;text-align:center;float:right;}

.navwrap #menutitle {
	cursor: pointer;
	display: block;
	font-size: 24px;
	font-weight:300;
	line-height: 44px;
	margin: 0;
	padding: 0;
	background:#fff;
	height:44px;
	text-align:left;
	display:none;
 	}
 	.navwrap #menutitle_content {display:none;}
 	.navwrap #menutitle_icon {
		float:left;
		margin-right:15px;
	}
  #nav ul { list-style:none; margin:0 auto; padding:0;position:relative;display:table;max-width:100%;}
  #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 {  }
  #nav ul li a {
  	display:block;
  	color: #222;
  	text-decoration:none;
		padding: 0px 10px 0px 10px;
		margin:0;
  	z-index: 50;
		font-weight:300;
		font-size:20px;
		line-height:88px;
		position:relative;
	}
 #nav ul li .nav_overlay {
  	display:block;
  	height:88px;
  	margin-top:-88px;
  	position:relative;
  	z-index: 10;
  	width:100%;

 }
	#nav ul li a.hassub {padding-right:22px;}
	#nav ul li a.hassub::after {
	  content: "\f078";
	  font-family: "Font Awesome 5 Pro";
	  font-size: 12px;
	  line-height:88px;
	  display: inline-block;
	  position: absolute;
	  top: 3px;
	  right: 7px;
	  transition: all 0.4s ease 0s
	}
	#nav li:hover {z-index: 100;}
 	#nav li:hover .nav_overlay {width:0px;}
 	#nav ul li .submenuicon {}

  #nav ul li a:focus,
  #nav ul li a:hover,
  #nav ul li a:active  {
		color:#0073b6;
  }
  #nav li a:focus::after,
  #nav li a:hover::after  {
		transform:rotate(180deg);
  }

  #nav ul li a#current {
		color:#0073b6;
 }
  #nav ul li a#current:focus,
  #nav ul li a#current:hover,
  #nav ul li a#current:active {
		color:#0073b6;
  }

/*2.te Ebene als FoldOut */
  #nav ul > li > ul {position:absolute;top:-10000em;padding: 12px 20px;background:#f1f1f1;z-index:50;list-style:none;border-top:3px solid #0073b6;}

  #nav ul li:hover,
  #nav ul li.hover  {}
	#nav ul li:hover > ul,
	#nav ul li.hover > ul { top:88px;}
	#nav ul li.hover ul { }

  #nav ul li ul li {
	padding:5px 0;
	float:none;
}
  #nav ul li ul li:first-child {
	background: none;
}
  #nav ul li ul li a {
  	padding:0;
		margin: 0 0 5px 0;
		display: block;
		font-size:16px;
		line-height:20px;
		text-align:left;
		position:relative;
		left:0;
		transition: .3s all ease;
	}
	#nav ul li ul li a::before {
    content: '\f054';
    position: absolute;
    top: 0px;
    margin-top: 0px;
    font: 9px/20px "Font Awesome 5 Pro";
    transform: translateX(-150%);
		color:#0073b6;
    opacity: 0;
    transition: .3s all ease;
		padding-right:3px;
	}
  #nav ul li ul li a#subcurrent {
  	left:7px;
  	color:#0073b6;
	}
  #nav ul li ul li a:focus,
  #nav ul li ul li a:hover,
  #nav ul li ul li a:active {
  	left:7px;
	}
	#nav ul li ul li a:hover::before, #nav ul li ul li a#subcurrent::before {
    opacity: 1;

}
/*2. Ebene Mega*/
  #nav ul li.layout_1 ul {left:-275px;width:1170px;padding:20px 0;}
  #nav ul li.layout_1 ul li {
	float:left;
	width:20%;
	padding:0 10px;
}
	#nav ul li.layout_1 ul li:nth-child(6){clear:left;}
  #nav ul li.layout_1 ul li a{border-bottom:1px solid #fff;padding:8px 10px;margin:0;}

/*3.te Ebene */
  #nav ul li ul li ul {display:none;position:relative;top:0;left:0;padding:13px 0 0 0;box-shadow:none;width:auto;border: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 7px 0;}
  #nav ul li ul li ul li a {
  	color:#777;
  	padding: 0;
		margin: 0;
	 	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 {
  	color: #8dba40;
		background:#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 {
   	color: #8dba40;
		background:#fff;
	}
	/*3. Ebene Mega*/
  #nav ul li.layout_1 ul li ul {display:block;left:0;width:100%;padding:0;}
  #nav ul li.layout_1 ul li ul li{
	float:none;
	width:auto;
	padding:0;
}
  #nav ul li.layout_1 ul li ul li a{border-bottom:none;padding:3px 0px 3px 10px;margin:0;}
/*Submenü*/
  #subMenu ul { list-style:none; margin:0; padding:0;}
  #subMenu ul > li { margin:0;padding:3px 0;color:#000;}
  #subMenu ul > li a {
  	padding:0 0 0 0px;
	}
  #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;
	}
#headerbildwrap {
    padding: 125px 0;
}
main > div:first-child {padding-top:50px;}
.sidebar-container main > div:first-child {padding-top:0px;}
main > div:last-child {padding-bottom:30px;}
main > div.container-fluid:last-child, main > div.bg-image:last-child,
main > div.frame-type-shortcut:last-child, main > div.bg-primary:last-child {padding-bottom:0px;}
.container, .gridelement, .parallax { margin:50px auto;	}
.powermail_fieldset .container {margin-top:0px;margin-bottom: 10px;}
.powermail_fieldset .checkbox {padding:7px 0;}
.sidebar-container { padding:50px 0;	}
.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;}

footer {background:#f1f1f1;color:#fff;}
.footerContent {background: linear-gradient(to bottom,#207eb4 0%,#0073b6 100%);padding:50px 0;}
.footer_wrap {color:#222;padding:20px 0;}
#footer_nav {text-align:right;}
.footerCookie {height:30px;}

.frame-space-after-medium {
    margin-bottom: 3em!important;
}
