/* Navigation overrides for magdalena. Loaded after common.css. */
#oben:where(.kjf-site-magdalena).kjf-site-magdalena .cn-nav-list > li.act > :where(.cn-nav-item-head) > .cn-nav-subtoggle,
#oben:where(.kjf-site-magdalena).kjf-site-magdalena:not(.cn-nav-mobile-mode) .cn-nav-list > li:hover > :where(.cn-nav-item-head) > .cn-nav-subtoggle {
  color: var(--weiss, #fff);
}

#oben:where(.kjf-site-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .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-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .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;
}

/* Anchor each mobile toggle to its link row, independent of submenu height. */
#oben:where(.kjf-site-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .cn-nav-list > li.ifsub {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: center;
}

#oben:where(.kjf-site-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .cn-nav-list > li.ifsub > :where(.cn-nav-item-head) > a {
  grid-column: 1;
  grid-row: 1;
  max-width: 100% !important;
  width: 100% !important;
}

#oben:where(.kjf-site-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .cn-nav-list > li.ifsub > :where(.cn-nav-item-head) > .cn-nav-subtoggle {
  position: static;
  transform: none;
  grid-column: 2;
  grid-row: 1;
}

#oben:where(.kjf-site-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .cn-nav-list > li.ifsub > .cn-nav-panel {
  grid-column: 1 / -1;
  grid-row: 2;
}


/* Mobile hover removes the red item background, including on active items. */
#oben:where(.kjf-site-magdalena).cn-nav-mobile-mode.kjf-site-magdalena .cn-nav-list > li:hover > :where(.cn-nav-item-head) > .cn-nav-subtoggle {
  color: var(--akzent2, #7d1027);
}

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

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

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

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

/* The header keeps its original flat desktop layout. */
#oben.kjf-site-magdalena > .cn-nav {
  display: contents;
}