/* 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; }