/* Navigation overrides for haushemma. Loaded after common.css. */
#oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-list > li > .cn-nav-item-head > a:not(:hover),
#oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-subtoggle {
  color: var(--orange)!important;
}

#oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-panel a:not(:hover) {
  color: var(--orange) !important;
}

#oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-mobile[aria-expanded="true"] > span {
  display: none !important;
}

#oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-mobile[aria-expanded="true"]::after {
  content: "×";
  font: 48px / 1 Arial, sans-serif;
  color: var(--orange, #e86f00);
}

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

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

/* Original JS breakpoint: 1475px; bridge the older CSS breakpoint at 1200px. */
@media (min-width: 1201px) and (max-width: 1475px) {
  #oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav {
    position: static;
  }

  #oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-mobile {
    top: 40px;
    right: 5%;
    display: inline-flex !important;
  }

  #oben:where(.kjf-site-hemma).kjf-site-hemma.scroll .cn-nav-mobile {
    top: 0px;
  }

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

  #oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-list {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background: var(--weiss);
    margin: 0px;
    padding: 0px;
    gap: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px;
  }

  #oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-list > li {
    display: block;
    float: left;
    clear: both;
    width: 80%;
    margin: 0px 10%;
    padding: 0px !important;
  }

  #oben:where(.kjf-site-hemma).kjf-site-hemma .cn-nav-list > li > .cn-nav-item-head > a {
    padding: 20px 0px;
  }
}

/* This site uses a positioned link-and-button row. */
#oben.kjf-site-hemma .cn-nav-item-head {
  display: block;
}