<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">Variants</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>
<div class="big-menu-dropdown-advanced">
<ul class="big-menu-dropdown-advanced__left-navigation">
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--5columns(3columnsmobile)" id="big-menu-dropdown-advanced__left-item-button--5columns(3columnsmobile)" data-big-menu-dropdown-advanced-title>5 Columns (3 Columns Mobile)</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--4columns(3columnsmobile)" id="big-menu-dropdown-advanced__left-item-button--4columns(3columnsmobile)" data-big-menu-dropdown-advanced-title>4 Columns (3 Columns Mobile)</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--3columns" id="big-menu-dropdown-advanced__left-item-button--3columns" data-big-menu-dropdown-advanced-title>3 Columns</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--2columns" id="big-menu-dropdown-advanced__left-item-button--2columns" data-big-menu-dropdown-advanced-title>2 Columns</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--1column" id="big-menu-dropdown-advanced__left-item-button--1column" data-big-menu-dropdown-advanced-title>1 Column</button>
</li>
</ul>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle 5 Columns (3 Columns Mobile)</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<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 class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle 4 Columns (3 Columns Mobile)</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<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>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle 3 Columns</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<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>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle 2 Columns</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<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__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>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle 1 Column</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<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>
</ul>
</div>
</div>
</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>
</ul>
</div>
</div>
</li>
</ul>
<ul class="big-menu-toolbar__navigation--right">
</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"
},
"labels": {
"title": "Menü"
},
"forwardButton": {
"variant": "icon-text-regular",
"title": "Alle %s",
"icon": "arrow-right",
"type": "a",
"href": "#"
},
"title": "firstlevel title",
"href": "#",
"leftItems": [
{
"title": "Variants",
"href": "#",
"variant": "advanced",
"items": [
{
"title": "5 Columns (3 Columns Mobile)",
"href": "#",
"items": [
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel Letzte",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
}
]
},
{
"title": "4 Columns (3 Columns Mobile)",
"href": "#",
"items": [
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
}
]
},
{
"title": "3 Columns",
"href": "#",
"items": [
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
}
]
},
{
"title": "2 Columns",
"href": "#",
"items": [
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
}
]
},
{
"title": "1 Column",
"href": "#",
"items": [
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
},
{
"title": "Gruppentitel",
"href": "#",
"items": [
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
},
{
"title": "Artikelgruppentitel",
"href": "#"
}
]
}
]
}
]
},
{
"title": "Marken",
"href": "#",
"items": [
{
"title": "Marke A",
"href": "#"
},
{
"title": "Marke B",
"href": "#"
},
{
"title": "Marke C",
"href": "#"
},
{
"title": "Marke D",
"href": "#"
},
{
"title": "Marke E",
"href": "#"
},
{
"title": "Marke F",
"href": "#"
},
{
"title": "Marke G",
"href": "#"
},
{
"title": "Marke H",
"href": "#"
},
{
"title": "Marke I",
"href": "#"
},
{
"title": "Marke J",
"href": "#"
},
{
"title": "Marke A",
"href": "#"
},
{
"title": "Marke B",
"href": "#"
},
{
"title": "Marke C",
"href": "#"
},
{
"title": "Marke D",
"href": "#"
},
{
"title": "Marke E",
"href": "#"
},
{
"title": "Marke F",
"href": "#"
},
{
"title": "Marke G",
"href": "#"
},
{
"title": "Marke H",
"href": "#"
},
{
"title": "Marke I",
"href": "#"
},
{
"title": "Marke J",
"href": "#"
},
{
"title": "Marke A",
"href": "#"
},
{
"title": "Marke B",
"href": "#"
},
{
"title": "Marke C",
"href": "#"
},
{
"title": "Marke D",
"href": "#"
},
{
"title": "Marke E",
"href": "#"
},
{
"title": "Marke F",
"href": "#"
},
{
"title": "Marke G",
"href": "#"
},
{
"title": "Marke H",
"href": "#"
},
{
"title": "Marke I",
"href": "#"
},
{
"title": "Marke J",
"href": "#"
},
{
"title": "Marke I",
"href": "#"
},
{
"title": "Marke J",
"href": "#"
},
{
"title": "Marke H",
"href": "#"
},
{
"title": "Marke I",
"href": "#"
},
{
"title": "Marke J",
"href": "#"
},
{
"title": "Marke I",
"href": "#"
},
{
"title": "Marke J",
"href": "#"
}
]
}
]
}
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;
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;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/navigation/big-menu/big-menu/big-menu";
No notes defined.