<div class="big-menu-toolbar">
    <nav class="big-menu-toolbar__container">
        <h2 class="visually-hidden">MenĂ¼</h2>
        <ul class="big-menu-toolbar__navigation--left">

            <li class="big-menu-toolbar__item">
                <button type="button" class="big-menu-toolbar__toggle--button">Produkte</button>
                <div class="big-menu-dropdown">
                    <div class="big-menu-dropdown__container">
                        <div class="big-menu-dropdown__close">
                            <button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
                                <span class="visually-hidden">Schliessen</span>
                            </button>
                        </div>
                        <a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
                        <ul class="big-menu-dropdown-basic__navigation">

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel Letzte</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                        </ul>
                    </div>
                </div>
            </li>
            <li class="big-menu-toolbar__item">
                <button type="button" class="big-menu-toolbar__toggle--button">Marken</button>
                <div class="big-menu-dropdown">
                    <div class="big-menu-dropdown__container">
                        <div class="big-menu-dropdown__close">
                            <button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
                                <span class="visually-hidden">Schliessen</span>
                            </button>
                        </div>
                        <a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
                        <ul class="big-menu-dropdown-basic__navigation">

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>

                            </li>

                        </ul>
                    </div>
                </div>
            </li>
            <li class="big-menu-toolbar__item">
                <a href="#" class="big-menu-toolbar__toggle--link">Service</a>
            </li>
        </ul>
        <ul class="big-menu-toolbar__navigation--right">

            <li class="big-menu-toolbar__item">
                <a href="#" class="big-menu-toolbar__toggle--link--special">Aktionen</a>
            </li>
            <li class="big-menu-toolbar__item">
                <a href="#" class="big-menu-toolbar__toggle--link">Shop</a>
            </li>
            <li class="big-menu-toolbar__item">
                <a href="#" class="big-menu-toolbar__toggle--link">Extras</a>
            </li>
            <li class="big-menu-toolbar__item">
                <a href="#" class="big-menu-toolbar__toggle--link">Blog</a>
            </li>
            <li class="big-menu-toolbar__item">
                <button type="button" class="big-menu-toolbar__toggle--button">Ăœber uns</button>
                <div class="big-menu-dropdown">
                    <div class="big-menu-dropdown__container">
                        <div class="big-menu-dropdown__close">
                            <button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
                                <span class="visually-hidden">Schliessen</span>
                            </button>
                        </div>
                        <a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
                        <ul class="big-menu-dropdown-basic__navigation">

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel Letzte</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>

                            </li>

                        </ul>
                    </div>
                </div>
            </li>
            <li class="big-menu-toolbar__item">
                <button type="button" class="big-menu-toolbar__toggle--button">Kundendienst</button>
                <div class="big-menu-dropdown">
                    <div class="big-menu-dropdown__container">
                        <div class="big-menu-dropdown__close">
                            <button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
                                <span class="visually-hidden">Schliessen</span>
                            </button>
                        </div>
                        <a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
                        <ul class="big-menu-dropdown-basic__navigation">

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">Kontakt</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Kundenberater</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Service Center</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__title -is-link">FAQ</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Bestell RĂ¼ckgabe</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Garantie</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Formulare</a>

                            </li>

                            <li class="big-menu-flat-list__item">

                                <a href="#" target="_self" class="big-menu-flat-list__link">Last Item</a>

                            </li>

                        </ul>
                    </div>
                </div>
            </li>
        </ul>
    </nav>
</div>
{% include '@SharedComponents/modules/page/components/navigation/big-menu/big-menu/big-menu.twig' %}
{
  "headingLevel": "2",
  "closeButton": {
    "variant": "icon-regular",
    "title": "Schliessen",
    "icon": "close",
    "type": "button",
    "role": "button",
    "name": "close-big-menu",
    "value": "yes"
  },
  "forwardButton": {
    "variant": "icon-text-regular",
    "title": "Alle %s",
    "icon": "arrow-right",
    "type": "a",
    "href": "#"
  },
  "title": "firstlevel title",
  "href": "#",
  "labels": {
    "title": "MenĂ¼"
  },
  "leftItems": [
    {
      "title": "Produkte",
      "href": "#",
      "include": "...big-menu-dropdown-basic--with-forward-button"
    },
    {
      "title": "Marken",
      "href": "#",
      "include": "...big-menu-dropdown-basic--large-list-with-only-categories-with-forward-button"
    },
    {
      "title": "Service",
      "href": "#"
    }
  ],
  "rightItems": [
    {
      "title": "Aktionen",
      "href": "#",
      "special": true
    },
    {
      "title": "Shop",
      "href": "#"
    },
    {
      "title": "Extras",
      "href": "#"
    },
    {
      "title": "Blog",
      "href": "#"
    },
    {
      "title": "Ăœber uns",
      "href": "#",
      "include": "...big-menu-dropdown-basic--default"
    },
    {
      "title": "Kundendienst",
      "href": "#",
      "include": "...big-menu-dropdown-basic--short-list"
    }
  ]
}
  • Content:
    import BigMenuMediator, {name as title} from 'cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu/big-menu-mediator';
    
    export default BigMenuMediator;
    export const name = title;
  • URL: /components/raw/big-menu/big-menu-mediator.js
  • Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu/big-menu-mediator.js
  • Size: 217 Bytes
  • Content:
    import './big-menu.scss';
    import BigMenu, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu/big-menu';
    
    export default BigMenu;
    export const selector = sel;
  • URL: /components/raw/big-menu/big-menu.js
  • Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu/big-menu.js
  • Size: 222 Bytes
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu/big-menu";
  • URL: /components/raw/big-menu/big-menu.scss
  • Filesystem Path: src/components/modules/page/components/navigation/big-menu/big-menu/big-menu.scss
  • Size: 136 Bytes

No notes defined.