/* Navigation overrides for hausdesgutenhirten. Loaded after common.css. */
#oben:where(.kjf-site-hdgh).kjf-site-hdgh .cn-nav-panel a:not(:hover) {
  color: rgb(164, 72, 0) !important;
}

#oben:where(.kjf-site-hdgh).cn-nav-mobile-mode.kjf-site-hdgh .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-hdgh).cn-nav-mobile-mode.kjf-site-hdgh .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-hdgh).kjf-site-hdgh .cn-nav-panel {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 10;
}

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

#oben:where(.kjf-site-hdgh) .cn-nav-item > :where(.cn-nav-item-head) > .cn-nav-subtoggle {
  top: 35px;
}

/* Keep submenu items in flow so the list background covers every link. */
#oben:where(.kjf-site-hdgh).kjf-site-hdgh .cn-nav-panel>.cn-nav-sublist>li {
  float: none;
}

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

  #oben:where(.kjf-site-hdgh).kjf-site-hdgh .cn-nav-list:not([hidden]) {
    display: block !important;
  }
}
/* The header keeps its original flat desktop layout. */
#oben.kjf-site-hdgh > .cn-nav {
  display: contents;
}