/**
 * 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: 0;
  transition: all 0.6s ease-in-out 0s;
  overflow: hidden;
}

#menu-wrapper .imp-sub-active ul.sub-menu {
  max-height: 100vh;
  transition-delay: 0.65s, 0.6s;
  transition-property: transform, max-height;
  margin: var(--gap-m) 0 var(--gap-s) 0;
}