/* Navigation overrides for kontrast. Loaded after common.css. */
#oben:where(.kjf-site-kontrast).cn-nav-mobile-mode.kjf-site-kontrast .cn-nav-list>li {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  margin: 0px 20px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#oben:where(.kjf-site-kontrast).cn-nav-mobile-mode.kjf-site-kontrast .cn-nav-list>li > :where(.cn-nav-item-head) > a {
  box-sizing: border-box !important;
  max-width: calc(100% - 44px) !important;
  width: calc(100% - 44px) !important;
  padding-right: 0px !important;
}

#oben:where(.kjf-site-kontrast).kjf-site-kontrast .cn-nav-panel {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 10;
}

#oben:where(.kjf-site-kontrast).kjf-site-kontrast .cn-nav-panel>ul {
  position: static !important;
}

#oben:where(.kjf-site-kontrast) .cn-nav-item > :where(.cn-nav-item-head) > .cn-nav-subtoggle {
  position: absolute;
  top: 65px;

}

@media (max-width: 1300px) {
  #oben:where(.kjf-site-kontrast).kjf-site-kontrast .cn-nav-mobile {
    display: inline-flex !important;
  }

  #oben:where(.kjf-site-kontrast).kjf-site-kontrast .cn-nav-list:not([hidden]) {
    display: block !important;
  }

  #oben:where(.kjf-site-kontrast) .cn-nav-item > :where(.cn-nav-item-head) > .cn-nav-subtoggle {
    top: 30px;
  }
}
/* The header keeps its original flat desktop layout. */
#oben.kjf-site-kontrast > .cn-nav {
  display: contents;
}