#header *{
	transition:all .2s;
}

#header{
	position:fixed;
	z-index:9990;
	top:0px;
	background-color:var(--weiss);
	height:154px;
	transition:all .2s;
}
#header .inside{
	height:100%;
}
#header.sticky{
	top:-50px;
}

#header .logo{
	margin: 20px 10px 20px 10px;
	transition: all .2s;
}
#header.sticky .logo{
	margin: 65px 10px 10px 10px;
}

#header .logo img{
	width:320px;
	height:auto;
	transition:all .2s;
}
#header.sticky .logo img{
	width:200px;
	height:auto;
}
@media (max-width:767px)
{
	#header{
		height:114px;
	}
	#header.sticky{
		top:0px;
	}
	#header .logo,
	#header.sticky .logo{
		margin: 0px 10px 0px 10px;
		padding-top:20px;
	}
	#header .logo img{
		width:200px;
		height:auto;
		transition:all .2s;
	}
}


#header .mod_customnav.subnavigation{
	font-size:10px;
	line-height:normal;
	margin-top:14px;
	opacity:1;
}
#header.sticky .mod_customnav.subnavigation{
	opacity:0;
}
#header .mod_customnav.subnavigation ul{
	margin-right:10px;
}
#header .mod_customnav.subnavigation li{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	height:18px;
	line-height:18px;
}
#header .mod_customnav.subnavigation li.suche{
	background:url(../images/search.png) no-repeat left center transparent;
	background-size:auto 100%;
	margin-left:8px;
	padding-left:0px;
	padding-right:0px;
}
#header .mod_customnav.subnavigation li.suche a{
	padding-left:20px;
}
#header .mod_customnav.subnavigation li.facebook{
	padding-left:5px;
	padding-right:5px;
}
#header .mod_customnav.subnavigation li.facebook a{
	display:block;
	background:url(../images/Facebook-Grau.png) no-repeat center transparent;
	background-size:auto 100%;
	text-indent:-10000px;
	width:18px;	
	height:18px;
	margin-top:5px;
	text-align:left;
}
#header .mod_customnav.subnavigation li.twitter{
	padding-left:5px;
	padding-right:5px;
}
#header .mod_customnav.subnavigation li.twitter a{
	display:block;
	background:url(../images/Twitter-Grau.png) no-repeat center transparent;
	background-size:auto 100%;
	text-indent:-10000px;
	width:18px;	
	height:18px;
	margin-top:5px;
	text-align:left;
}

#header .mod_navigation.hauptnavigation{
	margin: 62px 0px 0px 0px;
}
#header.sticky .mod_navigation.hauptnavigation{
	margin: 65px 0px 0px 0px;
}

#header .mod_customnav.subnavigation li.facebook a span,
#header .mod_customnav.subnavigation li.twitter a span,
#header .mod_customnav.subnavigation li.instagram a span,
#header .mod_customnav.subnavigation li.youtube a span,
#header .mod_customnav.subnavigation li.linkedin a span{
	display:none;	
}
#header .mod_customnav.subnavigation a{
	color:var(--dunkelgrau);
}
#header .mod_customnav.subnavigation a:hover{
	color:var(--orange);
}



#header .mod_navigation.hauptnavigation{
	overflow:visible;
}

#header .mod_navigation.hauptnavigation a.submenu{

}
#header .mod_navigation.hauptnavigation li span.icon{
	display:none;
	background:url(../images/Pfeil-blau.png) no-repeat right bottom transparent;
	background-size: auto 100%;
	text-indent:-10000px;
	height:10px;
	width:10px;
}

#header .mod_navigation.hauptnavigation li.submenu span.icon{

	display:inline-block;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	padding-left:14px;

}
#header .mod_navigation.hauptnavigation li.submenu:hover span.icon,
#header .mod_navigation.hauptnavigation li.submenu.active span.icon,
#header .mod_navigation.hauptnavigation li.submenu.trail span.icon,
#header .mod_navigation.hauptnavigation li.submenu.trail li.active span.icon,
#header .mod_navigation.hauptnavigation li.submenu.trail li:hover span.icon,
#header .mod_navigation.hauptnavigation li.submenu ul.level_2 li:hover span.icon{
	background:url(../images/Pfeil-orange.png) no-repeat right bottom transparent;
	background-size: auto 100%;
}
#header .mod_navigation.hauptnavigation li.submenu ul.level_2 li span.icon{
	background:url(../images/Pfeil-blau.png) no-repeat right bottom transparent;
	background-size: auto 100%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	margin-top:8px;
}
#header .mod_navigation.hauptnavigation li.submenu.trail li span.icon{
	background:url(../images/Pfeil-blau.png) no-repeat right bottom transparent;
	background-size: auto 100%;
}





#header .navigation{
	position:absolute;
	bottom:22px;
	right:20px;
}
#header .navigation .menu-button #hamburger{
         display:inline-block;
         width: 30px;
         height: 20px;
         cursor: pointer;
         margin-right:0px;
}
#header .navigation .menu-button #hamburger span {
         display:block;
         background:var(--orange);
         border-radius:0px;
         box-sizing: border-box;
		 border-radius:0px;
		 opacity:1;
		 transition: opacity .5s;
}
#header .navigation .menu-button:hover #hamburger span {
         opacity:.8;
}
#header .navigation .menu-button #hamburger span {
         width: 40px;
         height: 4px;
         position: relative;
         top: 0px;
         left: 0px;
         margin: 5px 0;
}


#header .navigation{ display:none !important; }
#header .hauptnavigation{ display:block !important; }

@media (min-width:984px) and (max-width:1303px)
{
	#header .mod_navigation.hauptnavigation{
		margin: 55px 0px 0px 0px;
	}
}
@media (min-width:768px) and (max-width:979px)
{
	#header .navigation{ display:block !important; }
	#header .hauptnavigation{ display:none !important; }
	#header .mod_customnav.subnavigation{ display:none !important; }
	#header .logo{ width: 80% !important; }
}
@media (max-width:767px)
{
	#header .navigation{ display:block !important; }
	#header .hauptnavigation{ display:none !important; }
	#header .mod_customnav.subnavigation{ display:none !important; }
	#header .logo{ padding: 20px 20px 0px 20px; }
}