{% block pixellexikon_topnavigation %}
<nav class="navbar navbar-expand-lg navbar-light navbar-lexikon-outer">
<a href="{{ seoUrl('frontend.lexikon.index') }}" class="navbar-brand lexikon-startsite btn btn-sm "
title="{{ "pixelLexikon.page.navigation.linkIndex"|trans }}">
<img alt="{{ "pixelLexikon.page.navigation.linkIndex"|trans }}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLW51bGwiIHZpZXdCb3g9Ii0xMCAtMTAgMjAgMjAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9Ii0xMHB4IiB5PSItMTBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCINPg0JPGcgaWQ9IkxheWVyJTIwMSI+DQkJPHBhdGggZD0iTSA1LjY2NDIgNy45NDI3IEwgNS42NjQyIDAuNjEyOCBMIDcuOTkyOCAwLjYxMjggTCAwLjExNjMgLTcuOTM3MyBMIC03Ljc1OTcgMC42MTI4IEwgLTUuNDIwNSAwLjYxMjggTCAtNS40MjA1IDcuOTQyNyBMIDUuNjY0MiA3Ljk0MjcgTCA1LjY2NDIgNy45NDI3IFoiIGZpbGw9IiNmZmZmZmYiLz4NCTwvZz4NPC9zdmc+" width="30" height="30" class="align-top home-icon-top" title="{{ "pixelLexikon.page.navigation.linkIndex"|trans }}" /><button class="btn btn-secondary btn-sm home-icon-top-title">{{ "pixelLexikon.page.navigation.linkIndex"|trans }}</button></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarLexikon" aria-controls="navbarLexikon" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarLexikon">
<ul class="navbar-nav mr-auto navbar-lexikon-top">
{% for entry in pixelLexikon.Navigation.categories %}
{% if entry.countItems %}
<li class="nav-item {% if entry.nav_active %}active{% endif %}"><a href="{{ seoUrl('frontend.lexikon.listing', { categoryId: entry.id }) }}"
class="btn {% if entry.nav_active %}btn-primary{% else %}btn-secondary{% endif %} btn-sm lexiconletter {% if entry.nav_active %}actives{% endif %}" data-toggle="tooltip" data-placement="top" title="{{ entry.translated.title }} ({{ "pixelLexikon.page.navigation.counter"|trans({'%counts%': entry.countItems})|sw_sanitize }})">{{ entry.translated.title }}</a></li>
{% else %}
<li class="nav-item disabled" aria-disabled="true">
<button class="btn disabled btn-sm" disabled>{{ entry.translated.title }}</button>
</li> {% endif %}
{% endfor %}
</ul>
</div>
</nav>
{% endblock %}