<div class="tui-navigation-background">
  <nav class="container tui-top-navigation">
    <div class="logo-container">
      <a href="{{data.siteRoot}}" class="logo">{{>logo_tui_svg}}</a>
    </div>
    <div class="customer-tools-mobile"></div>
    <div class="users user-my-mobile">
      <a href="{{data.member-link-mobile.link}}" title="{{data.member-link-mobile.text}}">
        {{>icon_svg name=data.member-link-mobile.icon class=data.member-link-mobile.icon-class title=data.member-link-mobile.text}}
      </a>
    </div>
    <input type="checkbox" id="menu-button" class="navigation-checkbox">
    <label for="menu-button" class="navigation-icon" title="expand"><span></span></label>
    <ul class="navigation-main">
      {{#each data.tui-navigation}}
        <li {{#if css-class }}class="{{css-class}}"{{/if}}>
          {{#if sub}}
            <a href="{{link}}">
              {{#if icon}}{{>icon_svg name=icon class=icon-class}}{{/if}}
              {{text}}
              {{>icon_svg name='chevron' class='right'}}
              {{>icon_svg name='chevron' class='down'}}
            </a>
            <ul>
              {{#each sub}}
                <li{{#if css-class }} class="{{css-class}}"{{/if}}>
                  <a href="{{link}}">
                    {{#if icon}}{{>icon_svg name=icon class=icon-class}}{{/if}}
                    {{text}}
                  </a>
                </li>
              {{/each}}
            </ul>
          {{else}}
            <a href="{{link}}"{{#if css-class }} class="{{icon-class}}"{{/if}}>
              {{#if icon}}{{>icon_svg name=icon class=icon-class}}{{/if}}
              {{text}}
            </a>
          {{/if}}
        </li>
      {{/each}}
      {{#unless data.ignoreSearchIcon }}
        <li class="search">
          <div class="navigation-search">
            {{>text_search data}}
          </div>
        </li>
      {{/unless}}
    </ul>
  </nav>
</div>
<div class="tui-navigation-overlay hidden"></div>
