{#- Kopfzeile (labelz base.html ohne die labelz-Einträge): Marke, Navigation der App (pz.nav), dann
    Konto, Admin (nur Admins) und Abmelden – nur für Angemeldete. Badges sind eigene Links neben dem
    Eintrag (keine verschachtelten Bedienelemente, labelz E-117). `chrome = false`: nur die Marke
    (Fehler-, Anmelde-, Token-Seiten, Architektur §14.1) – dann werden auch keine Badges berechnet. -#}
<header class="topbar">
  <div class="topbar-inner">
    <a class="brand" href="/">
      <img class="brand-mark" src="{{ brand_logo }}" alt="" width="34" height="34">
      <span class="brand-name" id="site-name">{{ site_name }}</span>
    </a>
    {% if user and chrome %}
    <nav class="topnav" aria-label="{{ _('Hauptnavigation') }}">
      {%- for item in nav_items %}
      <a href="{{ item.href }}" data-nav="{{ item.key }}"{% if item.current %} aria-current="page"{% endif %}>{% if item.icon %}<svg class="ic" aria-hidden="true"><use href="#i-{{ item.icon }}"/></svg>{% endif %}<span>{{ item.label }}</span></a>
      {%- if item.badge > 0 %}
      {%- set count = '99+' if item.badge > 99 else item.badge %}
      <a class="nav-badge" href="{{ item.badge_href }}" aria-label="{{ item.badge_label or (item.label ~ ': ' ~ count) }}"><span class="nav-badge-pill">{{ count }}</span></a>
      {%- endif %}
      {%- endfor %}
      <a href="/account" data-nav="account"{% if nav == 'account' %} aria-current="page"{% endif %}><svg class="ic" aria-hidden="true"><use href="#i-user"/></svg><span>{{ _("Konto") }}</span></a>
      {%- if is_admin %}
      <a href="/admin" data-nav="admin" id="nav-admin"{% if nav == 'admin' %} aria-current="page"{% endif %}><svg class="ic" aria-hidden="true"><use href="#i-shield"/></svg><span>{{ _("Admin") }}</span></a>
      {%- endif %}
    </nav>
    <form class="logout" method="post" action="/logout">
      <button class="icon-btn" type="submit" title="{{ _('Abmelden') }}" aria-label="{{ _('Abmelden') }}"><svg class="ic" aria-hidden="true"><use href="#i-log-out"/></svg></button>
    </form>
    {% endif %}
  </div>
</header>