/**
 * Theme Navigation Variant 2
 * 
 * This file defines styles for a navigation variant with accordion-style 
 * submenu animations.
 * 
 * Behavior:
 * - Submenus expand vertically within the flow of the menu
 * - Smooth height transitions simulate an accordion effect
 * - Uses `.imp-sub-active` class to control open state
 * 
 * This file extends the base styles in `theme_nav.css` and overrides only 
 * layout- or animation-specific aspects.
 * 
 * If more accordion variants are needed, consider adding separate sub-variants 
 * like `theme_nav-variant-2-dark.css` or `theme_nav-variant-2-mobile.css`.
 */

.menu-hauptmenu-container {
  display: flex;
  justify-content: center;
}

#menu-wrapper ul.sub-menu {
  max-height: 0vh;
  overflow: hidden;
  transition: 0.65s ease-in-out 0s;
  z-index: 9;
  position: relative;
}

#menu-wrapper .imp-sub-active ul.sub-menu {
  max-height: 100vh;
  transition-delay: 0.75s;
}