.standard_menu { --background1: #fff; --background2: #fff; --color1: #000; --color2: #000; --highlight: #f0cc03; --highlighttext: #000; --separator: #3D414E; --dropdownbackground: #fff; --dropdown: #000; --borderradius: 0.25rem; --menushadow: rgba(0,0,0,0.2); } .standard_menu{ position: fixed; width: 100%; top: 0; z-index: 500; } #mobile-menu{ display:none; } .searchover{ display:none; position: absolute; z-index: 123451; background-color: var(--background1); top: 2.45rem; width: 100%; border-top: 1px solid var(--highlight); padding: 2rem; border-radius: 0 0 0.75rem 0.75rem; } .searchover::after { content: ''; border-radius: 4px; position: absolute; z-index: -1; left:0; top:0; width: 100%; height: 100%; background-color: var(--menushadow); filter: blur(20px); } .searchover #searchbutton{ padding: 0.75rem 1.5rem 0.75rem 4rem; margin-left: -0.5rem; color: var(--highlighttext); background-color: var(--highlight); border: 1px solid var(--highlight); border-radius: 0 0.75rem 0.75rem 0; } #searchoverclose{ cursor: pointer; position: absolute; right: 2rem; top: 2.5rem; font-size: 1.5rem; } .searchover h3{ margin-top: 3rem; font-size: 1.25rem; } .quicklinkitem{ margin-bottom:0.75rem; } .quicklinkitem i{ color:var(--highlight); margin-right:0.5rem; } #searchholder{ display: inline-block; position: relative; width: calc(100% - 12rem); } #buttonholder{ display: inline-block; position: relative; } #searchicon_left{ position: absolute; top: 0.75rem; left: 1.25rem; color: var(--highlight); } #searchicon_right{ position: absolute; top: 0.75rem; left: 1rem; color: var(--highlighttext); } .searchover input[type="text"]{ width: 100%; padding: 0.75rem 0.75rem 0.75rem 4rem; background-color: rgba(0, 0, 0, 0); border: 1px solid var(--separator); border-radius: 0.75rem 0 0 0.75rem; color: var(--color1); } .searchover input[type="text"]::placeholder{ color: var(--color1); } #desktop-menu .main_menu_holder{ opacity:0; } #desktop-menu .main_menu_holder.overflowing .main_menu{ float:left; margin-left:0px; } #desktop-menu .mmi-l2_inner.container{ max-width:100% !important; } #desktop-menu .main_menu_scroll_left, #desktop-menu .main_menu_scroll_right{ position:absolute; z-index:3; border:1px solid var(--color1); background-color:var(--background2); height:2.5rem; width:1.5rem; top:0.25rem; border-radius:var(--borderradius); box-shadow: 10px 5px 15px var(--background2); cursor:pointer; display: flex; justify-content: center; align-items: center; display:none; } #desktop-menu .main_menu_scroll_right{ right:0; box-shadow: -10px 5px 15px var(--background2); } #desktop-menu .header_menu_l1{ min-height:2.5rem; width:100%; background-color: var(--background1); color: var(--color1); position:relative; font-size:0.85rem; } #desktop-menu .langselect ul{ min-width:6rem; } #desktop-menu .langselect li{ width:5rem; } #desktop-menu .langselect li:hover{ background-color: var(--background1); color: var(--highlight); } #desktop-menu .langselect li a.currentlanguage{ color: var(--highlight); } #desktop-menu .langselect li a:hover{ background-color: var(--background1); color: var(--highlight); } #desktop-menu .langselect img{ width:auto; height:1rem; } #desktop-menu .langselect .dropdown-menu{ font-size:0.85rem; background-color: var(--dropdownbackground); color:var(--dropdown); margin-left: -1.3rem !important; } #desktop-menu .langselect .dropdown-menu a{ color:var(--dropdown); } #desktop-menu .header_menu_l1 .container-standard-width{ min-height:2.5rem; display: flex; justify-content: flex-start; } #desktop-menu .langselect .dropdown-toggle{ display: block; height: 100%; line-height:2.5rem; } #desktop-menu .header_menu_separator{ width:100%; height:0.0625rem; position:absolute; bottom:0; background-color: var(--separator); } #desktop-menu .header_menu_l2{ min-height:4.375rem; width:100%; background-color: var(--background2); color: var(--color2); } #desktop-menu .header_menu_l2 .container-standard-width{ min-height:4.375rem; display: flex; justify-content: flex-start; align-items: center; } #desktop-menu .header_menu_l1 .header_menu_l1_col{ line-height:2.5rem; } #desktop-menu .header_menu_l1 .container-standard-width .rightside{ margin-left:auto; } #desktop-menu .header_menu_l1 .contact-links a{ margin-right:1.25rem; } #desktop-menu .header_menu_l1 .contact-links a:hover{ color: var(--highlight); } #desktop-menu .header_menu_l1 .contact-links .fa-solid{ color: var(--highlight); margin-right:0.5rem; } #desktop-menu .header_menu_l1 .header_menu_l1_separator{ width:0.0625rem; height:1.3rem; background-color: var(--separator); margin-top:0.6rem; margin-right:1.25rem; } #desktop-menu .header_menu_l1 .social-links{ font-size:1.25rem; } #desktop-menu .header_menu_l1 .social-links a{ margin-right:0.5rem; } #desktop-menu .header_menu_l1 .social-links a:hover{ color: var(--highlight); } #desktop-menu .header_menu_l1 .social-links .fa-brand{ color: var(--highlight); margin-right:0.5rem; } .showsearchoverlay{ margin-left: 1.25rem; cursor:pointer; } .showsearchoverlay:hover{ color: var(--highlight); } #desktop-menu .header_menu_l1 .rightside a{ margin-left:1.25rem; } #desktop-menu .header_menu_l1 .rightside a:hover{ color: var(--highlight); } #desktop-menu a:hover{ color: var(--highlight); } #desktop-menu .active>span{ color: var(--highlight); } #desktop-menu .header_menu_l1 .rightside .fa-solid{ color: var(--highlight); margin-right:0.5rem; } #desktop-menu .header_menu_l2 .main_menu{ display:inline-block; float:right; width:max-content; white-space: nowrap; padding-top: 0.65rem; } #desktop-menu .header_menu_l2 .action-button{ margin-left:1rem; background-color: var(--highlight); color: var(--highlighttext); padding:0 1rem; height:2.5rem; display:flex; justify-content: center; align-items: center; border-radius:var(--borderradius); z-index:3; white-space: nowrap; } #desktop-menu .header_menu_l2 .action-button:hover a{ color: var(--highlighttext); } #desktop-menu .header_menu_l2 .action-button i{ margin-right:0.5rem; } #desktop-menu .header_menu_l2 .main_menu .mmi-l1{ display:inline-block; float:left; } #desktop-menu .header_menu_l2 .main_menu .mmi-l1>a{ margin-left:1rem; margin-right:1rem; } #desktop-menu .header_menu_l2 .main_menu .mmi-l1 span{ margin-left:1rem; margin-right:1rem; } #desktop-menu .mmi-l1:hover>span{ color: var(--highlight); } #desktop-menu .header_menu_l2 .main_menu .mmi-l2{ font-weight:bold; float: left; width: 100%; left:0; border-radius:var(--borderradius); } #desktop-menu .header_menu_l2 .main_menu .mmi-l2::after { content: ''; border-radius: 4px; position: absolute; z-index: -1; left:0; top:0; width: 100%; height: 100%; background-color: var(--menushadow); filter: blur(20px); } #desktop-menu .mmi-l2-column{ display:inline-block; float:left; } #desktop-menu .mmi-l2_inner.container{ padding: 0 0 0 1.25rem; overflow-y: auto; max-height: calc(100vH - 13rem); } #desktop-menu .mmi-l3_inner.container{ padding:0; } #desktop-menu .mmi-l2-column_c, #desktop-menu .ql-column_c{ width:25rem; } #desktop-menu .mmi-l2-column.mmi-l2-column_c_c, #desktop-menu .ql-column_c_c{ width:49%; margin-right:0.9%; } #desktop-menu .mmi-l2-column.mmi-l2-column_c_c_c, #desktop-menu .ql-column_c_c_c{ width:32%; margin-right:0.9%; } #desktop-menu .mmi-l2-column.mmi-l2-column_c_c_c_c, #desktop-menu .ql-column_c_c_c_c{ width:24%; margin-right:0.9%; } #desktop-menu .mmi-l2-column.mmi-l2-column_c_c_c_c_2{ width:19%; margin-right:0.9%; } #desktop-menu .header_menu_l2 .main_menu .mmi-l2:hover>a, #desktop-menu .header_menu_l2 .main_menu .mmi-l2_item.active>a{ color:var(--highlight); } #desktop-menu .nav_subheader{ font-weight: 400; font-size: 1.5rem; margin-left: 1.25rem; margin-top: 1rem; margin-bottom:1rem; } #desktop-menu .mmi_l2_item{ padding-bottom:2rem; } #desktop-menu .menutype_0 .mmi-l2.nochildren .mmi_l2_item{ padding-bottom:1rem; font-weight:normal; } .mm_l3_item{ position:relative; } .menue_tag{ color:var(--tagtext); background-color:var(--tag); border-radius:var(--tagradius); padding:0 0.25rem; margin-left:0 !important; font-size:0.75rem; margin-top:-0.25rem; margin-right:0.5rem !important; position:relative; top:-2px; } #desktop-menu .mmi_l2_item .menue_tag i{ color:var(--tagtext); font-size:0.6rem; } .mmi-l2-banner{ display:none; } #desktop-menu .mmi-l2-banner{ position: absolute; top: 1.4rem; right: 0; width: 25%; height: calc(100% - 1.4rem); display:block; } #desktop-menu .mmi-l2-banner .content_box_wrapper{ height:100%; background-repeat: no-repeat; } #desktop-menu .mmi_l2_item i{ color: var(--highlight); } #desktop-menu .mmi_l2_item.active>a{ color: var(--highlight); } #desktop-menu .mmi_l2_subtitle{ white-space: break-spaces; font-weight: normal; padding-right: 2rem; } #desktop-menu .nav_top_separator{ width: 100%; height: 0.2rem; background-color: var(--highlight); margin-top: 1.4rem; } #desktop-menu .header_menu_l2 .main_menu .mmi-l3{ font-weight:normal; white-space:normal; } #desktop-menu .menutype_1 .mmi-l2{ width:26.5rem; max-width:26.5rem; } #desktop-menu .menutype_1 .mmi_l2_item{ padding-bottom:1.5rem; } #desktop-menu .menutype_1 .mmi-l2 a{ border-bottom: 1px solid var(--separator); display: inline-block; width: calc(100% - 1.5rem); padding-bottom: 1rem; } #desktop-menu .menutype_1 .mmi_l2_item:last-of-type a{ border-bottom:0; padding-bottom:0; } #desktop-menu .menutype_1 .nav_subheader i{ color: var(--highlight); } #desktop-menu .l2_icon{ display:inline-block; float:left; width:4rem; margin-bottom:1rem; font-size:2.5rem; color:var(--highlight); } #desktop-menu .l2_icon_text{ display:inline-block; float:left; width:calc(100% - 4rem); padding-right:2rem; margin-bottom:1rem; white-space:normal; } #desktop-menu .mm_l3_item{ line-height:normal; padding-bottom:0.5rem; } #desktop-menu .mm_l3_item.active a{ color: var(--highlight); } #desktop-menu .header_menu_l2 .main_menu_holder{ flex:1; white-space: nowrap; position:relative; height:3rem; } #desktop-menu .main_menu_clip{ width: 12rem; overflow-x: hidden; } #desktop-menu .header_menu_l2 .logo{ height:4.375rem; background-size:contain; background-position:left center; background-repeat:no-repeat; margin-right:1rem; } #desktop-menu .mmi-l1{ background-color:var(--background2); padding-bottom:1rem; } #desktop-menu .mmi-l1 .mmi-l2{ display:none; position:absolute; background-color:var(--background2); } #desktop-menu .mmi-l1:hover .mmi-l2{ display:block; } #desktop-menu .mmi-l1.haschildren>a::after{ content: '\f107'; color:var(--highlight); font-family: 'Font Awesome 6 Free'; margin-left:0.5rem; font-size:1rem; } #desktop-menu .mmi-l1.active>a{ color:var(--highlight); } #mobile-menu.standard_menu{ position:fixed; top:0; } #mobile-menu .container.full-width{ width:100% !important; max-width:100% !important; } #mobile-menu .header_menu_l1{ min-height:2.5rem; width:100%; background-color: var(--background1); color: var(--color1); position:relative; font-size:0.85rem; } #mobile-menu .langselect ul{ min-width:6rem; } #mobile-menu .langselect li{ width:5rem; } #mobile-menu .langselect li:hover{ background-color: var(--background1); color: var(--highlight); } #mobile-menu .langselect li a.currentlanguage{ color: var(--highlight); } #mobile-menu .langselect li a:hover{ background-color: var(--background1); color: var(--highlight); } #mobile-menu .langselect img{ width:auto; height:1rem; } #mobile-menu .langselect .dropdown-menu{ font-size:0.85rem; background-color: var(--dropdownbackground); color:var(--dropdown); margin-left: -1.3rem !important; } #mobile-menu .langselect .dropdown-menu a{ color:var(--dropdown); } #mobile-menu .contact-links a{ margin-left:0.15rem; margin-right:0.15rem; } #mobile-menu .menu_trigger_button{ width: 3rem; position: absolute; top: 0.5rem; right: -0.5rem; font-size: 2rem; cursor:pointer; } #mobile-menu .menu_trigger_button .open{ display:none; } body.menueopened main{ display:none; } .menueopened .mobile_menu_list{ display:block !important; overflow-y:auto; max-height:calc(100vH - 8rem); background-color:var(--dropdownbackground); padding:0.75rem; } .menueopened .menu_trigger_button .open{ display:block !important; } .menueopened .menu_trigger_button .closed{ display:none !important; } #mobile-menu .header_menu_l1 .container{ min-height:2.5rem; display: flex; justify-content: flex-start; } #mobile-menu .mmi-l2_inner{ display:none; } #mobile-menu .mmi-l1{ margin-bottom:2rem; } #mobile-menu .mmi-l1.opened .mmi-l2_inner{ display:block; } #mobile-menu .mmi-l1{ cursor:pointer; } #mobile-menu .mmi-l1:hover>span{ color:var(--highlight); } #mobile-menu .mmi-l1.active{ color:var(--highlight); } #mobile-menu .mmi-l1 .up{ display:none; } #mobile-menu .mmi-l1 .down{ display: inline-block; margin-left: 0.5rem; } #mobile-menu .mmi-l1.opened .up{ display: inline-block; margin-left: 0.5rem; } #mobile-menu .mmi-l1.opened .down{ display:none; } #mobile-menu .langselect .dropdown-toggle{ display: block; height: 100%; line-height:2.5rem; } #mobile-menu .header_menu_separator{ width:calc(100% - 1.25rem); height:0.0325rem; position:absolute; bottom:0; background-color: var(--separator); } #mobile-menu .header_menu_l2{ min-height:4rem; width:100%; background-color: var(--background2); color: var(--color2); position:relative; } #mobile-menu .header_menu_l2 .at-background{ width:calc(100% - 1.5rem); margin-left:0.75rem; border-bottom:1px solid var(--separator); } #mobile-menu .header_menu_l1 .header_menu_l1_col{ line-height:2.5rem; } #mobile-menu .header_menu_l1 .container .rightside{ margin-left:auto; } #mobile-menu .header_menu_l1 .contact-links a{ margin-right:1.25rem; } #mobile-menu .header_menu_l1 .contact-links a:hover{ color: var(--highlight); } #mobile-menu .header_menu_l1 .contact-links .fa-solid{ margin-right:0.5rem; } #mobile-menu .header_menu_l1 .header_menu_l1_separator{ width:0.0625rem; height:1.3rem; background-color: var(--separator); margin-top:0.6rem; margin-right:1.25rem; } #mobile-menu .header_menu_l1 .social-links{ font-size:1.25rem; } #mobile-menu .header_menu_l1 .social-links a{ margin-right:0.5rem; } #mobile-menu .header_menu_l1 .social-links a:hover{ color: var(--highlight); } #mobile-menu .header_menu_l1 .social-links .fa-brand{ color: var(--highlight); margin-right:0.5rem; } #mobile-menu .header_menu_l1 .rightside a{ margin-left:1.25rem; } #mobile-menu .header_menu_l1 .rightside a:hover{ color: var(--highlight); } #mobile-menu a:hover{ color: var(--highlight); } #mobile-menu .active>span{ color: var(--highlight); } #mobile-menu .header_menu_l1 .rightside .fa-solid{ margin-right:0.5rem; } #mobile-menu .mmi-l2{ width:100% !important; } #mobile-menu .mmi-l2_inner.container{ max-width:100%; width:100%; border-left:2px solid var(--highlight); margin-top:1rem; } #mobile-menu .mmi_l2_item{ padding-bottom:1rem; } #mobile-menu .above_menu a{ margin-bottom:0.5rem; line-height:2rem; } #mobile-menu .above_menu{ padding-bottom:0.5rem; border-bottom:1px solid var(--separator); margin-bottom:1rem; position:relative; } #mobile-menu .above_menu_social{ position:absolute; top:0; right:0; } #mobile-menu .above_menu_social a{ margin-left:0.5rem; } #mobile-menu .mmi-l3_inner.container{ max-width:100%; width:100%; padding-left:0; } #mobile-menu .header_menu_l2 .logo{ height:2rem; background-size:contain; background-position:left center; background-repeat:no-repeat; margin-right:1rem; } #mobile-menu .header_menu_l2 .logo-holder{ padding:1rem 0 1rem 0; width:calc(100% - 5rem); } #mobile-menu .mmi_l2_item>a{ font-weight:bold; } #mobile-menu .mmi_l2_item.active>a{ color:var(--highlight); } #mobile-menu .mm_l3_item.active>a{ color:var(--highlight); } #mobile-menu .mmi_l2_item{ display:inline-block; max-width:49%; width:49%; } #mobile-menu .mobile_menu_list{ display:none; } @media only screen and (max-width: 1220px) { #desktop-menu .header_menu_l1, #desktop-menu .header_menu_l2{ padding:0 1rem; } } @media only screen and (max-width: 1200px) { #desktop-menu .action-button span{ display:none; } } @media only screen and (max-width: 1023.999px) { #desktop-menu{ display:none; } #mobile-menu{ display:block; } } @media only screen and (max-width: 699.999px) { #mobile-menu .mmi_l2_item{ display:inline-block; max-width:100%; width:100%; } } @media only screen and (max-width: 599.999px) { .header_menu_l1_separator, .header_menu_l1_col.social-links{ display:none; } .header_menu_l1_col.rightside a{ display:none; } .header_menu_l1_col.rightside a:last-of-type{ display:block; } }