/*
 * Klick-Dropdown nur für den Menüpunkt „Rechner“.
 * Die !important-Angaben verhindern, dass Kadence das Untermenü per Hover
 * oder durch den Status der aktuellen Seite dauerhaft einblendet.
 */
.hlr-rechner-menu-item > .sub-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  left: -999em !important;
  transform: none !important;
}

.hlr-rechner-menu-item:hover > .sub-menu,
.hlr-rechner-menu-item:focus-within > .sub-menu,
.hlr-rechner-menu-item.current-menu-item > .sub-menu,
.hlr-rechner-menu-item.current-menu-parent > .sub-menu,
.hlr-rechner-menu-item.current-menu-ancestor > .sub-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  left: -999em !important;
}

.hlr-rechner-menu-item.hlr-menu-open > .sub-menu,
.hlr-rechner-menu-item.hlr-menu-open:hover > .sub-menu,
.hlr-rechner-menu-item.hlr-menu-open:focus-within > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: 1000px !important;
  overflow: visible !important;
  left: 0 !important;
  transform: none !important;
}

.hlr-rechner-menu-item > a[data-hlr-rechner-toggle="true"] {
  cursor: pointer;
}

/* Kadence setzt je nach Header-Variante eigene Offen-Klassen. Für diesen
 * Menüpunkt ist ausschließlich .hlr-menu-open maßgeblich. */
.hlr-rechner-menu-item:not(.hlr-menu-open).menu-item--toggled-on > .sub-menu,
.hlr-rechner-menu-item:not(.hlr-menu-open).is-active > .sub-menu,
.hlr-rechner-menu-item:not(.hlr-menu-open).sfHover > .sub-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  max-height: 0 !important;
  left: -999em !important;
}