Navigation Primary (inside hamburger overlay)

nav with nested ul.navigation-trees. Current page has class .active and aria-page="current". JS will add extra markup and behavior, including adding submenu toggle buttons with aria-labels and aria-expanded attributes.

                    <nav id="navigation-primary" class="js-navigation-primary" aria-label="Hauptnavigation" data-auralopentext="Untermenü öffnen" data-auralclosetext="Untermenü schließen">
                        <div class="tree-wrapper js-navigation-tree-wrapper">
                            <ul class="navigation-tree">

    
                                <li>
                                    <a href="#" >Link 1</a>
                                </li>

    
                                <li>
                                    <a href="#" >Link 2</a>
                            <ul class="navigation-tree">

    
                                <li>
                                    <a aria-current="page" class="active" href="#" >Sublink 2a</a>
                                </li>

    
                                <li>
                                    <a href="#" >Sublink 2b</a>
                                </li>
                            </ul>
                                </li>

    
                                <li>
                                    <a href="#" >Link 3</a>
                                </li>
                            </ul>
                        </div>
                      
                    </nav>