<!-- Mega-Flyout -->
<div class="navigation navigation--level-1">
  <ul class="navigation__items navigation__items--utility">
    <li class="navigation__item">
      <a class="navigation__item-link navigation__move" href="#" id="utility-navigation-f9b6" aria-controls="utility-menu-73ed" aria-expanded="false" aria-haspopup="true"><span class="navigation__text">IDM</span><span class="navigation__item-link-cover"></span>
        <svg class="icon icon--angle-right navigation__icon" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </a>
      <div class="navigation__flyout" role="group" id="utility-menu-73ed" aria-hidden="true" aria-labelledby="utility-navigation-f9b6">
        <ul class="navigation__submenu navigation__submenu--level-2" data-cols="1">
          <li class="navigation__submenu-item navigation__submenu-item--back">
            <button class="navigation__back" type="button" title="Eine Ebene zurück">
              <svg class="icon icon--angle-left navigation__icon" viewBox="0 0 200 200" role="presentation">
                <use xlink:href="#icon-angle-left"></use>
              </svg><span class="navigation__text">zurück</span></button>
          </li>
          <li class="navigation__submenu-item navigation__submenu-item--overview">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text"><strong>Übersicht: IDM</strong></span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">Link 1</span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">Link 2</span></a>
          </li>
        </ul>
      </div>
    </li>
    <li class="navigation__item">
      <a class="navigation__item-link navigation__move" href="#" id="utility-navigation-bc5b" aria-controls="utility-menu-17fa" aria-expanded="false" aria-haspopup="true"><span class="navigation__text">Konto</span><span class="navigation__item-link-cover"></span>
        <svg class="icon icon--angle-right navigation__icon" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </a>
      <div class="navigation__flyout" role="group" id="utility-menu-17fa" aria-hidden="true" aria-labelledby="utility-navigation-bc5b">
        <ul class="navigation__submenu navigation__submenu--level-2" data-cols="1">
          <li class="navigation__submenu-item navigation__submenu-item--back">
            <button class="navigation__back" type="button" title="Eine Ebene zurück">
              <svg class="icon icon--angle-left navigation__icon" viewBox="0 0 200 200" role="presentation">
                <use xlink:href="#icon-angle-left"></use>
              </svg><span class="navigation__text">zurück</span></button>
          </li>
          <li class="navigation__submenu-item navigation__submenu-item--overview">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text"><strong>Übersicht: Konto</strong></span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">Einstellungen</span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">Profil</span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">Link</span></a>
          </li>
        </ul>
      </div>
    </li>
    <li class="navigation__item">
      <a class="navigation__item-link navigation__move" href="#" id="utility-navigation-2d1e" aria-controls="utility-menu-b7b2" aria-expanded="false" aria-haspopup="true"><span class="navigation__text">OTRS</span><span class="navigation__item-link-cover"></span>
        <svg class="icon icon--angle-right navigation__icon" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </a>
      <div class="navigation__flyout" role="group" id="utility-menu-b7b2" aria-hidden="true" aria-labelledby="utility-navigation-2d1e">
        <ul class="navigation__submenu navigation__submenu--level-2" data-cols="1">
          <li class="navigation__submenu-item navigation__submenu-item--back">
            <button class="navigation__back" type="button" title="Eine Ebene zurück">
              <svg class="icon icon--angle-left navigation__icon" viewBox="0 0 200 200" role="presentation">
                <use xlink:href="#icon-angle-left"></use>
              </svg><span class="navigation__text">zurück</span></button>
          </li>
          <li class="navigation__submenu-item navigation__submenu-item--overview">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text"><strong>Übersicht: OTRS</strong></span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">altes OTRS</span></a>
          </li>
          <li class="navigation__submenu-item">
            <a class="navigation__submenu-item-link" href="#"><span class="navigation__text">neues OTRS</span></a>
          </li>
        </ul>
      </div>
    </li>
  </ul>
</div>