/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/assets/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */




.meanmenu-reveal {
	display: none;
}

.mean-container .mean-bar{
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	left: 0;
	display: block;
	background-color: var(--meanmenue_menue_bg);
	
				box-shadow: 0px 8px 15px 0px rgba(0,0,0,.2);
				-moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,.2);
				-webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,.2);	
}


.mean-bar .mean_logo_wrap{
	height: 50px;
	padding: 3px 15px;
	background: var(--menue_bg);
	display: block;
}
	.mean-bar .mean_logo_wrap span{
		color: #fff;
		display: inline-block;
		margin: 10px 0 0 20px;
	}
	.mean-bar .mean_logo_wrap .logo{
		height: 42px;
		float: left;
	}
	.mean-bar .mean_logo_wrap div{
		margin-left: 15px;
		display: inline-block;
	}
		.mean-bar .mean_logo_wrap div br,
		.mean-bar .mean_logo_wrap div span{
			display: none;
		}
			.mean-bar .mean_logo_wrap div p{
				padding-top: 4px;
				font-weight: 700;
				color: var(--text_color); 
			}


/* when under viewport size, .mean-container is added to body 
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative; 
	padding: 4px 0;
	min-height: 42px;
	z-index: 1499;
}

	.mean-container a.meanmenu-reveal {
		width: 22px;
		height: 22px;
		padding: 8px 13px 11px 13px;
		float: right;
		cursor: pointer;
		color: #fff;
		text-decoration: none;

		display: block;
		
		 
	}

	.mean-container a.meanmenu-reveal span {
		display: block;
		background: #fff;
		height: 3px;
		margin-top: 3px;
	}
	
	.mean-container a.meanmenu-reveal .fa{
		color: #fff;
		font-size: 28px;
		font-weight: normal;
	}
	
*/	
	
.mean-container .nav_search{
	display: none;
}
#mean_search{
	padding: 10px;
}	
.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 0px;
	/*
	width: 90%;	
	margin-left: 5%;
	overflow-y: scroll;
	*/
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0 0 0 0;
	width: 100%;
	list-style-type: none;
	background-color: var(--meanmenue_menue_bg);
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid var(--meanmenue_border_color); 
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: calc(100% - 30px);
	height: 20px;
	padding: 8px 15px;
	margin: 0;
	text-align: left;
	color: var(--menue_level_1_a); 
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 0.5em 10%;
	color: var(--menue_level_1_a); 
	text-shadow: none !important;
	visibility: visible;
	text-transform: none;;
}
.mean-container .mean-nav ul li.current-page-ancestor > a,
.mean-container .mean-nav ul li.current-menu-item > a{
	color: var(--menue_level_1_a_active);
}



.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 20px;
	height: 28px;
	padding: 7px 9px 0px 9px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	color: var(--menue_level_1_a_active);
	border-left: 1px solid var(--meanmenue_border_color) !important;
	text-decoration: none;
		
	
}

	.mean-container .mean-nav ul li a.mean-expand:hover {
		background: rgba(255,255,255,0.2);
	}


/*  ebene 1 
.mean-container .mean-nav ul li a.navl1,
.mean-container .mean-nav ul li a.navl1_h{

	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	text-transform: none;	
}
	.mean-container .mean-nav ul li a.navl1{
		color: #222;
	}
		.mean-container .mean-nav ul li a.navl1:hover,
		.mean-container .mean-nav ul li a.navl1_h,		
		.mean-container .mean-nav ul li a.navl1_h:hover{
			color: #F49D00;
		}
.mean-container .mean-nav ul li a.navr,
.mean-container .mean-nav ul li a.navr_h{

	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	text-transform: none;	
}
*/


	
		
		
/*  ebene 2 + 3 		
	

.mean-container .mean-nav ul li a.navl2,
.mean-container .mean-nav ul li a.navl2_h,
.mean-container .mean-nav ul li a.navl3,
.mean-container .mean-nav ul li a.navl3_h{
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}


	.mean-container .mean-nav ul li a.navl2{
		color:#222;		
	}
	.mean-container .mean-nav ul li a.navl2:hover,
	.mean-container .mean-nav ul li a.navl2_h,
	.mean-container .mean-nav ul li a.navl2_h:hover{
		color:#F49D00;
	}
		
	.mean-container .mean-nav ul li a.navl3{
		color:#222;		
	}
	.mean-container .mean-nav ul li a.navl3:hover,
	.mean-container .mean-nav ul li a.navl3_h,
	.mean-container .mean-nav ul li a.navl3_h:hover{
		color:#F49D00;
	}	
	
*/	
	
/*
.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 0.5em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 0.5em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 0.5em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}
*/


.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar a {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}



/*
.mean-container .mean-nav ul li.mean_extra{
	border-top: 1px solid #B0B0B0;
	border-top: 1px solid rgba(176,176,176,0.8); 
	padding: 7px 2% 2px 5%;
	
}
 
 
.mean-container #specialnav {
    
    font-size: inherit;
	margin: 0;
	width: 100%;
}
		.mean-container #specialnav .lngnav{

			color: #1a1a18;

			padding-top: 0px;
			display: block;
			font-size: inherit;
		}
		.mean-container #specialnav .lngnav a{
			color: #F49D00;
			float: right;
		}		
		.mean-container #specialnav .lngnav a.active{
			color: #4C4A4A;
		}
			.mean-container #specialnav a{
				margin: 0 5px 0 0 !important;
			}
		.mean-container #specialnav .socialnav{
			float: right;
		}
	.mean-container .mean-nav ul li.mean_extra a{
			border-top: none;
			width: auto;
			margin: 0 10px 0 0 !important;	
			padding: 0;
			background: none;

	}
		.mean-container .mean-nav ul li.mean_extra a:hover{
			background: none;
		}
*/		
		
		
		

.hamburger {
	padding: 10px 10px 0px 10px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	position: absolute;
	top: 3px;
	right: 5px;
}
.hamburger:hover {
	opacity: 0.7; 
}
.hamburger.meanclose:hover {
	opacity: 0.7; 
}
.hamburger.meanclose .hamburger-inner,
.hamburger.meanclose .hamburger-inner::before,
.hamburger.meanclose .hamburger-inner::after {
	background-color: var(--text_color); 
	opacity: 1;		
}

.hamburger-box {
	width: 30px;
	height: 24px;
	display: inline-block;
	position: relative; 
}

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px; 
	}
	.hamburger-inner, 
	.hamburger-inner::before, 
	.hamburger-inner::after {
		width: 30px;
		height: 3px;
		background-color: var(--text_color);
		border-radius: 3px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease; 
	}
	.hamburger-inner::before, 
	.hamburger-inner::after {
		content: "";
		display: block; 
	}
	.hamburger-inner::before {
		top: -8px; 
	}
	.hamburger-inner::after {
		bottom: -8px; 
	}

/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
	perspective: 80px; 
}
.hamburger--3dx .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); 
}
	.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); 
	}
.hamburger--3dx.meanclose .hamburger-inner {
	background-color: transparent !important;
	transform: rotateY(180deg); 
}
	.hamburger--3dx.meanclose .hamburger-inner::before {
		transform: translate3d(0, 8px, 0) rotate(45deg); 
	}
	.hamburger--3dx.meanclose .hamburger-inner::after {
		transform: translate3d(0, -8px, 0) rotate(-45deg); 
	}