@charset "utf-8";

.ods-m-nav { height: var(--space-touchTargets-S); width: 100%; background: var(--color-navigation-bg); border-top: 1px solid var(--color-navigation-line); border-bottom: 1px solid var(--color-navigation-line); position: absolute; top: 90px; transition: 0.2s; z-index: 1; --ods-m-nav-full-height: 100vh; }

@supports (height:100dvh) {
  .ods-m-nav { --ods-m-nav-full-height: 100dvh; }
}

.ods-m-nav__wrapper { width: 1280px; margin: 0px auto; position: relative; display: flex; }

.ods-m-nav__item { position: relative; display: inline-block; order: 1; }

.ods-m-nav__submenu { width: 100%; display: flex; flex-flow: wrap; }

.ods-m-nav__second-level { display: none; position: absolute; left: 0px; width: 100%; padding: 5px 9px 0px; max-width: 1280px; box-sizing: border-box; border: 1px solid var(--color-navigation-line); background: var(--color-navigation-bg); min-height: 149px; }

.ods-m-nav__extended--button { display: flex; align-items: center; justify-content: center; padding: 0px 15px; height: var(--space-touchTargets-S); border-left: 1px solid var(--color-navigation-line); cursor: pointer; }

.ods-m-nav__extended--dot-container { display: flex; align-items: center; justify-content: center; width: 26px; height: 22px; }

.ods-m-nav__extended--dot { width: 6px; height: 6px; margin-right: 2px; border-radius: 50%; background-color: var(--color-navigation-text); }

.ods-o-header--scrolled .ods-o-header__container #ods-c-header__burger { display: block; }

.ods-o-header--scrolled .ods-m-nav { top: -50px; }

.ods-active-menu #ods-c-header__burger .ods-c-header-icon__x { opacity: 1; }

.ods-active-menu #ods-c-header__burger .ods-c-header-icon__burger { opacity: 0; }

.ods-active-menu.ods-o-header--scrolled .ods-m-nav { top: 50px; }

.ods-a-nav-item__nav--second-level, .ods-m-nav__item__nav--second-level, .ods-m-nav__nav--second-level { display: none; position: absolute; left: 0px; width: 100%; padding: 5px 9px 0px; max-width: 1280px; box-sizing: border-box; border: 1px solid var(--color-navigation-line); background: var(--color-navigation-bg); min-height: 149px; }

.ods-a-nav-item__nav--submenu, .ods-m-nav__item__nav--submenu, .ods-m-nav__nav--submenu { width: 100%; display: flex; flex-flow: wrap; }

.ods-body-desktop .ods-m-nav__wrapper :nth-child(-n+1 of .ods-a-nav-item--special) { margin-left: auto; }

.ods-body-desktop .ods-m-nav__second-level { width: 325px; min-height: auto; max-height: calc(100vh - 90px - var(--space-touchTargets-S)); padding-top: 0px; right: 0px; left: auto; overflow: hidden auto; }

@supports not selector(::-webkit-scrollbar) {
  .ods-body-desktop .ods-m-nav__second-level { scrollbar-color: var(--color-neutral-60) var(--color-neutral-30); scrollbar-width: thin; scrollbar-gutter: stable; }
}

.ods-body-desktop .ods-m-nav__second-level::-webkit-scrollbar { width: 10px; height: 10px; }

.ods-body-desktop .ods-m-nav__second-level::-webkit-scrollbar-track { border-radius: 29px; background: var(--color-neutral-30); }

.ods-body-desktop .ods-m-nav__second-level::-webkit-scrollbar-thumb { border-radius: 29px; background: var(--color-neutral-60); }

.ods-body-desktop .ods-m-nav__second-level-link { width: auto; margin: 0px; }

.ods-body-desktop .ods-m-nav__second-level .ods-a-nav-item:last-child .ods-a-nav-item__second-level-link { border-bottom: 0px; }

.ods-body-desktop .ods-m-nav__item:hover > .ods-m-nav__second-level { display: block; }

.ods-body-desktop.sponsoring .ods-m-nav__second-level { max-height: calc(100vh - 90px - var(--sponsoring-height-desktop) - var(--space-touchTargets-S)); }

.ods-body-mobile .ods-m-nav { height: calc(100vh - var(--space-header-heightMobileOld)); top: calc(-100vh - var(--space-header-heightMobileOld) - 45px - var(--sponsoring-height-mobile)); border-top: 1px solid var(--color-neutral-40); z-index: 2; }

.ods-body-mobile.ods-active-menu { overflow: hidden; }

.ods-body-mobile.ods-active-menu .ods-m-nav { top: var(--space-header-heightMobileOld); }

.ods-body-mobile .ods-m-nav__wrapper { padding: 0px; width: 100%; max-width: 430px; min-width: 320px; height: calc(var(--ods-m-nav-full-height) - var(--space-header-heightMobile)); overflow-x: hidden; display: block; }

.ods-body-mobile.sponsoring .ods-m-nav__wrapper { height: calc(var(--ods-m-nav-full-height) - var(--space-header-heightMobile) - var(--sponsoring-height-mobile)); }

.ods-body-mobile.sponsoring--relative .ods-m-nav__wrapper { height: calc(var(--ods-m-nav-full-height) - var(--space-header-heightMobile)); }

.ods-body-mobile .ods-m-nav__item { display: flex; align-items: center; justify-content: space-between; height: var(--height-menu-container); border-bottom: 1px solid var(--color-navigation-line); margin: 0px 10px; }

.ods-body-mobile .ods-m-nav__item:last-of-type { margin-bottom: 45px; }

.ods-body-mobile .ods-m-nav__arrow { width: 24px; height: 24px; padding: 0px 10px; color: var(--color-navigation-text); }

.ods-body-mobile .ods-m-nav__second-level { display: block; z-index: 3; top: 0px; height: 100vh; right: -100%; left: auto; transition: 0.2s; padding: 0px; border: 0px; }

.ods-body-mobile .ods-m-nav__second-level-link { width: 100%; }

.ods-body-mobile .ods-m-nav__submenu { max-width: 100%; height: 100%; background: var(--color-navigation-bg); display: flex; flex-flow: column; }
