/* codeDESIGN - layout_navigation.css */
@charset "utf-8";

/* MAIN NAVIGATION */
.layout_navigation_horizontal {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	*/
	position: relative;
}
/* GOOGLE MAPS NEEDS ADJUSTMENT */
body.website_body_subpages.itemid_445 div.layout_navigation_horizontal {
	background: #202020;
	background: rgba(41, 41, 41, 0.8);	
}
body.website_body_featured div.layout_navigation_horizontal {
	position: absolute;
	z-index: 99999;
	height: 60px;
	top: 0px;
	background: rgba(0, 0, 0, 0.9);
	/*background: #141414;*/
}
@media only screen and (max-width: 991px) {
	body.website_body_featured div.layout_navigation_horizontal {
		/*display: none;*/
		top: 0px;
	}
}

.layout_navigation .layout_navigation_inner {
	width: 100%;
	height: 60px;
	position: relative;
}
.layout_navigation .layout_navigation_inner .container_off {
	margin: 0px auto;
	position: absolute;
	height: 60px;
	display: block;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	width: 1080px;
}
@media only screen and (max-width: 991px) {
	.layout_navigation .layout_navigation_inner .container_off {
		width: auto;
	}
}

body.website_body_subpages div.layout_navigation_horizontal {
	position: absolute;
	z-index: 99999;
	height: 60px;
	top: 220px;
	background: rgba(0, 0, 0, 0.9);
}
@media only screen and (max-width: 991px) {
	body.website_body_subpages div.layout_navigation_horizontal {
		top: 0px;
	}
}
body.website_body_subpages div.layout_navigation_horizontal_fixed {
	background: #202020;
	background: rgba(41, 41, 41, 0.9) !important;
}
body.website_body_featured div.layout_navigation_inner, 
body.website_body_subpages div.layout_navigation_inner {
	padding: 0px 100px 0px 0px;	
	height: 100%;
}
@media only screen and (max-width: 1200px) {

	div.layout_navigation_horizontal {
		min-height: 60px;
	}
	.dj-megamenu-codeDESIGN {
		display: none !important;
	}
	
}
body.website_body.itemid_101 div.layout_navigation_horizontal {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_navigation_horizontal_fixed {
	background: #202020;
	background: rgba(41, 41, 41, 0.9);
	width: 100%;
	margin: 0px 0px 60px 0px;
	padding: 0px 0px 0px 0px;
	/* border-bottom: 4px solid var(--ci_color); */
	position: fixed !important;
	top: 0px;
	z-index: 9999;
}
div.layout_navigation_horizontal_fixed_logo {
	width: 90px; 
	float: left;
	margin: 12px 40px 0px 20px;
	padding: 0px 0px 0px 0px;
	transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	-webkit-transition: all 1.0s ease-in-out;
	display: none;
}
body.website_body_featured div.layout_navigation_horizontal_fixed_logo,
body.website_body_subpages div.layout_navigation_horizontal_fixed_logo {
	display: inline;
}
/* SWAP THE LOGOS ON DARKER BACKGROUND */
body.website_body_featured div.layout_navigation_horizontal_fixed_logo span.fixed_logo_swap_1,
body.website_body_subpages div.layout_navigation_horizontal_fixed_logo span.fixed_logo_swap_1 {
	display: none;
}
body.website_body_featured div.layout_navigation_horizontal_fixed div.layout_navigation_horizontal_fixed_logo span.fixed_logo_swap_1,
body.website_body_subpages div.layout_navigation_horizontal_fixed div.layout_navigation_horizontal_fixed_logo span.fixed_logo_swap_1 {
	display: inline;
}
body.website_body_featured div.layout_navigation_horizontal_fixed div.layout_navigation_horizontal_fixed_logo span.fixed_logo_swap_2,
body.website_body_subpages div.layout_navigation_horizontal_fixed div.layout_navigation_horizontal_fixed_logo span.fixed_logo_swap_2 {
	display: none;
}
.layout_navigation_horizontal_fixed div.layout_navigation_horizontal_fixed_logo {
	display: inline;
}
.website_body.itemid_101 div.layout_navigation_horizontal div.layout_navigation_dropdown_logo {
	width: 90px; 
}
.layout_navigation_horizontal_fixed div.layout_navigation_dropdown_logo {
	width: 90px;
}
/*
@media only screen and (max-width: 991px) {

	.layout_navigation_horizontal div.layout_navigation_dropdown_logo {
		display: none;
	}
	.layout_navigation_horizontal div.layout_navigation_horizontal_fixed_logo, 
	.layout_navigation_horizontal_fixed div.layout_navigation_horizontal_fixed_logo {
		display: none;
	}
	
}
*/



/* ALWAYS VISIBLE TRIGGER IN NAVIGATION */
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger {
	/*background: var(--ci_color_accent_1);*/
	width: auto;
	height: 60px;
	color: #ffffff;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger:hover {
	background: rgba(255, 255, 255, 0.8);
}
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger:hover span.navigation_trigger_bar {
	background: var(--ci_color_white);
}
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger a,
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger a:link,
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger a:visited {
	width: 100%;
	height: 100%;
	display: inline-block;
	font: 500 13px/13px 'Montserrat',sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 14px 20px 20px 20px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger:hover a,
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger:hover a:link,
.layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger:hover a:visited {
	color: var(--ci_color_black);
}
.navigation_horizontal_fixed_mobile_slide_navigation_trigger_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
span.navigation_trigger_bar {
	background: var(--ci_color_white);
	width: 42px;
	height: 2px;
	display: block;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.navigation_horizontal_fixed_mobile_slide_navigation_trigger_button:hover span.navigation_trigger_bar {
	background: var(--ci_color_accent_1);
}
.navigation_horizontal_fixed_mobile_slide_navigation_trigger_button.active .navigation_trigger_bar:nth-child(1) {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.navigation_horizontal_fixed_mobile_slide_navigation_trigger_button.active .navigation_trigger_bar:nth-child(3) {
	opacity: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
span.navigation_trigger_wording {
	display: block;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.navigation_horizontal_fixed_mobile_slide_navigation_trigger_button:hover span.navigation_trigger_wording {
	color: var(--ci_color_accent_1);
}



/* TOP MENU HORIZONTAL NON-REPOSNIVE */
@media (max-width: 481px) {

	#codeDESIGN_topmenu_horizontal {
		display: none;
	}
	
}
#codeDESIGN_topmenu_horizontal {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;	
}
@media only screen and (max-width: 1199px) {

	#codeDESIGN_topmenu_horizontal {
		margin: 20px 0px 0px 0px;
	}

}
#codeDESIGN_topmenu_horizontal:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}
div.layout_top_combined__ #codeDESIGN_topmenu_horizontal {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#codeDESIGN_topmenu_horizontal li {
	background: none;
	font: 600 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	list-style: none;
	text-transform: uppercase;
	border-right: 1px solid rgba(141, 141, 139, 0.6);
}
#codeDESIGN_topmenu_horizontal li:last-child {
	border-right: none !important;
}
body.website_body_featured #codeDESIGN_topmenu_horizontal li {
	border-right: 1px solid #222222;
}
@media only screen and (max-width: 991px) {

	#codeDESIGN_topmenu_horizontal li {
		border-right: 1px solid rgba(141, 141, 139, 0.3) !important;
	}

}
#codeDESIGN_topmenu_horizontal li:first-child {
	padding: 0px 15px 0px 0px;
}
#codeDESIGN_topmenu_horizontal li:last-child {
	padding: 0px 0px 0px 15px;
	border-right: none;
}
#codeDESIGN_topmenu_horizontal a,
#codeDESIGN_topmenu_horizontal a:link,
#codeDESIGN_topmenu_horizontal a:visited {
	color: #212529;
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
#codeDESIGN_topmenu_horizontal a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}
body.website_body_featured #codeDESIGN_topmenu_horizontal a,
body.website_body_featured #codeDESIGN_topmenu_horizontal a:link,
body.website_body_featured #codeDESIGN_topmenu_horizontal a:visited {
	color: #212529;
}
body.website_body_featured #codeDESIGN_topmenu_horizontal a:hover {
	color: #212529;
}
/* BLACK VARIANT - CLASS CHANGED ON SCROLL */
body.website_body_featured div.slider_header_bottom_line_white #codeDESIGN_topmenu_horizontal a,
body.website_body_featured div.slider_header_bottom_line_white #codeDESIGN_topmenu_horizontal a:link,
body.website_body_featured div.slider_header_bottom_line_white #codeDESIGN_topmenu_horizontal a:visited {
	color: #212529;
}
body.website_body_featured div.slider_header_bottom_line_white #codeDESIGN_topmenu_horizontal a:hover {
	color: #212529;
}



/* FOOTER BOTTOM MENU HORIZONTAL NON-REPOSNIVE */
#codeDESIGN_footerbottommenu_horizontal {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
#codeDESIGN_footerbottommenu_horizontal li {
	background: none;
	font: 600 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	list-style: none;
	text-transform: uppercase;
	border-right: 1px solid #888888;
}
#codeDESIGN_footerbottommenu_horizontal li:first-child {
	padding: 0px 15px 0px 0px;
}
#codeDESIGN_footerbottommenu_horizontal li:last-child {
	padding: 0px 0px 0px 15px;
	border-right: none;
}
#codeDESIGN_footerbottommenu_horizontal li a,
#codeDESIGN_footerbottommenu_horizontal li a:link,
#codeDESIGN_footerbottommenu_horizontal li a:visited {
	color: #888888;
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
#codeDESIGN_footerbottommenu_horizontal li a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}
@media 	screen and (max-width: 320px), 
			screen and (max-width: 380px), 
			screen and (max-width: 480px) {
			
	#codeDESIGN_footerbottommenu_horizontal {
		display: none;
	}

}



/* FOOTER MENU VERTICAL NON-REPOSNIVE */
#codeDESIGN_prefootermenu {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#codeDESIGN_prefootermenu li {
	background: url(../images/icons/icon_arrow_schwarz_rechts.png) no-repeat left 9px;
	padding: 2px 0px 2px 15px;
}
#codeDESIGN_prefootermenu li a,
#codeDESIGN_prefootermenu li a:link,
#codeDESIGN_prefootermenu li a:visited {
	color: #ffffff;
	text-decoration: none;
}
#codeDESIGN_prefootermenu li a:hover {
	text-decoration: underline;
}



/* IN CONTENT MENU VERTICAL NON-REPOSNIVE */
#codeDESIGN_contentmenu_list {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	list-style: none;
}