{# Kopf-Makros für beide Grundgerüste (konzept.md Stufe 2 §6): basis.html (Arbeitsansichten, timbre.css) und messung_basis.html
   (Leitseite und Infoseiten, start.css). Struktur, Klassen und Texte (t.nav.*) sind gleich, nur das Aussehen kommt aus der
   jeweiligen CSS-Datei. Einbinden mit `{% import "kopf.html" as k with context %}` – die Makros lesen t, nutzer, gesperrt,
   pfad, bereich, sprache, sprachen, verwaltung, verwaltung_wartet und start_marke aus dem Kontext der Seite.

   Navigation seit 10.11.2026: Menü Variante C „Drei Orte“ (Library · Diggen · Playlists, Zahnrad rechts) – siehe kopfleiste() und
   timbre_api/menue.py; Flyout „Explorer · Library ▾“, „03 Export“, Hilfe/Konto ▾/Sprache ▾ oben sind entfallen. Bis dahin:
   Navigation (16.10.2026, konzept.md Runde 2; Stand 27.10.2026): Fluss „01 Explore · 02 Review & Edit · 03 Export“ (Maintainer
   27.10.2026; 25.10. „Import → Explore → Review & Edit & Export“ ohne Nummern; davor „01 Genres → 02 Library → 03 Playlists“). Import
   steht im Onboarding, im Konto-Menü und in den Einstellungen (bzw. als „Import · Start“, solange keine Quelle da ist), daneben
   „Hilfe und Konto“. Import ist die Seite /quellen. Genres ist kein eigener Punkt mehr, nur noch Karte im Explore-Menü. „Explore“ (Maintainer 25.10.2026, vorher „02 Library“) ist
   ein Verweis plus Aufklapper: Hover (nur Maus, mit kurzer Verzögerung), Klick auf ▾, Pfeil ↓ oder Touch öffnen das Flyout mit
   drei Karten – Explorer (groß, zuerst), Library, Genres (die Linse). Esc schließt (Fokus zurück),
   Klick daneben und Tab hinaus auch; aria-expanded am Knopf ▾. Klick auf „Explore“ selbst öffnet die zuletzt genutzte Ansicht
   (Explorer oder Library, je Gerät in localStorage timbre.explore.zuletzt), beim ersten Mal den Explorer; der Server schreibt
   /explorer, navigation.js setzt das gemerkte Ziel (data-rahmen-href hält den Server-Wert für den weichen Wechsel). „Explore“
   trägt aria-current="true" auf allen Explore-Seiten (/explorer, /bibliothek und Unterseiten, /genres), die Karte der Seite selbst
   aria-current="page". Chip „Neu“ und leuchtende LED nur bis EINST.explorer_neu_bis (explorer_neu()). Mobil öffnet der Reiter
   „Explore“ das Blatt #ex-blatt mit denselben Karten (ohne <dialog>: normaler Verweis). Die aktuelle Seite trägt aria-current="page" (H20); `pfad` setzt
   seite() bzw. die Seite selbst, `bereich` die Playlists-Seiten (alle Unterseiten zählen zum Schritt). Die Sprache ist auf allen
   Breiten ein Menü „DE ▾“ (Maintainer, 16.10.2026) mit den vollen Namen (Deutsch, English …, die aktuelle mit ✓); in den Mobil-Menüs
   und im Blatt „Mehr“ stehen die Namen offen untereinander, im Fuß bleibt die kurze Liste (ohne Skript, für die Suche). Konto ▾,
   Sprache ▾ und das Menü der Besuchsseite sind <details> – sie gehen auch ohne Skript; navigation.js schließt sie mit Esc
   (Fokus zurück auf den Knopf) und Klick daneben.

   `stufe`: Breite, ab der der Zähler der Verwaltung neben „Konto ▾“ in die Leiste wandert (Klassen ab…/bis…). basis.html bleibt
   bei 1100 (timbre.css), messung_basis.html nimmt die Stufe des Rasters, 1184 (Maintainer 22.10.2026). Der Inhalt eines
   `{% call %}`-Blocks (der Lampen-Schalter der neuen Seiten) steht vor dem Mobil-Menü bzw. am Ende der Leiste. #}
{% from "schalter.html" import schalter %}{% macro nav(href, text) %}<a href="{{ href }}"{% if pfad == href %} aria-current="page"{% endif %}>{{ text }}</a>{% endmacro %}
{% macro sprachlinks(trenner=true) %}<div class="sprachwahl" role="group" aria-label="{{ t.sprache_wahl }}">{% for k, name in sprachen %}{% if trenner and not loop.first %}<span aria-hidden="true">·</span>{% endif %}<a href="?sprache={{ k }}" hreflang="{{ k }}" lang="{{ k }}" aria-label="{{ k | upper }} – {{ name }}"{% if k == sprache %} aria-current="true"{% endif %}>{{ k | upper }}</a>{% endfor %}</div>{% endmacro %}
{% macro sprachliste() %}<div class="sprachliste" role="group" aria-label="{{ t.sprache_wahl }}">{% for k, name in sprachen %}<a href="?sprache={{ k }}" hreflang="{{ k }}" lang="{{ k }}"{% if k == sprache %} aria-current="true"{% endif %}>{{ name }}{% if k == sprache %} <span aria-hidden="true">✓</span>{% endif %}</a>{% endfor %}</div>{% endmacro %}
{% macro sprachknopf() %}{% set nv = t.nav %}{% for k, name in sprachen %}{% if k == sprache %}<details class="kmenue smenue"><summary aria-label="{{ nv.sprache_knopf | replace('{kurz}', k | upper) | replace('{name}', name) }}"><span class="sprachkurz">{{ k | upper }}</span> <span aria-hidden="true">▾</span></summary><div class="kliste">{{ sprachliste() }}</div></details>{% endif %}{% endfor %}{% endmacro %}
{% macro _wartet_text() %}{% set nv = t.nav %}{{ (nv.verwaltung_wartet_eins if verwaltung_wartet == 1 else nv.verwaltung_wartet | replace('{n}', verwaltung_wartet | string)) if verwaltung_wartet else '' }}{% endmacro %}
{% macro _zaehler_name() %}{% set nv = t.nav %}{{ (nv.zaehler_name_eins if verwaltung_wartet == 1 else nv.zaehler_name | replace('{n}', verwaltung_wartet | string)) if verwaltung_wartet else '' }}{% endmacro %}
{% macro analysen_link(klasse) %}{% set ber = bereich or pfad %}<a href="/analysen" class="{{ klasse }}" data-zustand="{{ ana.zustand if ana else '' }}"{% if ber == "/analysen" %} aria-current="page"{% endif %}><span class="ana-zeile">{{ t.analysen.nav }}<span class="ana-lauf" aria-hidden="true"><i class="ana-punkt"></i><span class="ana-zahl">{{ ana.zahl if ana else '' }}</span></span></span><span class="unsichtbar ana-name">{% if ana and ana.name %} – {{ ana.name }}{% endif %}</span>{% if klasse == "analysen-mehr" %} <small>{{ t.analysen.mehr_hinweis }}</small>{% endif %}</a>{% endmacro %}
{# Bis Menü C (und in App-Hüllen ohne native_leiste_playlists weiter): Explore-Flyout #}
{# Explore (25.10.2026): Oktagon-Symbol und die drei Karten – im Flyout des Kopfs und im Blatt „Explore“ der Reiterleiste #}
{% macro oktagon_symbol(klasse="ex-okt") %}<svg class="{{ klasse }}" viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path class="ex-okt-rand" d="M17 4h14l13 13v14L31 44H17L4 31V17z"/><path class="ex-okt-innen" d="M20.5 13h7l7.5 7.5v7L27.5 35h-7L13 27.5v-7z"/><g class="ex-okt-punkte"><circle cx="24" cy="4.5" r="1.8"/><circle cx="38" cy="10" r="1.8"/><circle cx="43.5" cy="24" r="1.8"/><circle cx="38" cy="38" r="1.8"/><circle cx="24" cy="43.5" r="1.8"/><circle cx="10" cy="38" r="1.8"/><circle cx="4.5" cy="24" r="1.8"/><circle cx="10" cy="10" r="1.8"/></g><circle class="ex-okt-kern" cx="24" cy="24" r="3.6"/></svg>{% endmacro %}
{% macro explore_karten() %}{% set ex = t.nav.explore %}{% set ex_neu = explorer_neu() %}
<a href="/explorer" class="ex-karte ex-gross" data-ex-ansicht="explorer" data-standard{% if pfad == "/explorer" %} aria-current="page"{% endif %}><span class="ex-bild" aria-hidden="true">{{ oktagon_symbol() }}</span><span class="ex-text"><span class="ex-titel">{{ t.explorer.explorer }}{% if ex_neu %} <span class="ex-chip"><i class="ex-chipled" aria-hidden="true"></i>{{ ex.neu }}</span>{% endif %}</span><span class="ex-zeile">{{ ex.explorer_zeile }}</span></span><span class="ex-std" aria-hidden="true">↵ {{ ex.standard }}</span></a>
<a href="/bibliothek" class="ex-karte" data-ex-ansicht="bibliothek"{% if pfad == "/bibliothek" %} aria-current="page"{% endif %}><span class="ex-bild" aria-hidden="true"><svg class="ex-ico" viewBox="0 0 24 24" focusable="false"><path d="M4 6h16M4 10h16M4 14h16M4 18h10"/></svg></span><span class="ex-text"><span class="ex-titel">{{ t.bibliothek }}</span><span class="ex-zeile">{{ ex.library_zeile }}</span></span><span class="ex-std" aria-hidden="true">↵ {{ ex.standard }}</span></a>
<a href="/genres" class="ex-karte" data-ex-ansicht="genres"{% if pfad == "/genres" %} aria-current="page"{% endif %}><span class="ex-bild" aria-hidden="true"><svg class="ex-ico" viewBox="0 0 24 24" focusable="false"><circle cx="9" cy="10" r="5"/><circle cx="15" cy="14.5" r="5"/></svg></span><span class="ex-text"><span class="ex-titel">{{ t.genres }}</span><span class="ex-zeile">{{ ex.genres_zeile }}</span></span></a>
{# Jukebox 2.0 (08.11.2026): Name nur aus texte_jukebox.py (`kurz` in der Navigation) #}
<a href="/jukebox" class="ex-karte" data-ex-ansicht="jukebox"{% if pfad == "/jukebox" %} aria-current="page"{% endif %}><span class="ex-bild" aria-hidden="true">{{ jukebox_symbol() }}</span><span class="ex-text"><span class="ex-titel">{{ t.jukebox.kurz }}</span><span class="ex-zeile">{{ t.jukebox.einstieg_hilfe }}</span></span></a>
{% endmacro %}
{% macro jukebox_symbol(klasse="ex-ico") %}<svg class="{{ klasse }}" viewBox="0 0 24 24" focusable="false" aria-hidden="true"><path d="M5 21V10a7 7 0 0 1 14 0v11z"/><path d="M8.5 15h7M8.5 18h7"/><circle cx="12" cy="10" r="2.2"/></svg>{% endmacro %}
{% macro zahnrad_symbol() %}<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>{% endmacro %}
{# Seitenleiste der Desktop-App (Variante C, 10.11.2026, Mockup docs/konzepte/2026-11-10-menue/c-app.html): nur im App-Fenster
   (desktop_app – DMG und Mac-App-Store-Fassung), ab 1000 px statt der Punkte im Kopf (static/dk_leiste.css, werkzeuge/tokens_menue.py;
   lädt nur im App-Fenster). Oben „Rein“, dann die drei Orte mit ihren Ansichten, die Playlists (dk_listen, höchstens 12), unten
   Analyse und Einstellungen. Steht im Kopf, damit sie beim weichen Wechsel stehen bleibt und navigation.js aria-current abgleicht.
   Store-Apps: nichts Angekündigtes (Mithören erst mit MITHOEREN_LIVE, nie „kommt“). #}
{% macro dk_leiste() %}{% if menue_c and desktop_app and nutzer and not gesperrt %}{% set mn = t.menue %}{% set ort = menue_ort(pfad, bereich) %}
<nav class="dk-leiste" id="dk-leiste" aria-label="{{ mn.leiste }}">
  <details class="dk-rein"><summary class="knopf"><svg class="ort-ico" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3v12M7 10l5 5 5-5M4 20h16"/></svg>{{ mn.rein }}</summary>
    <div class="dk-rein-liste" role="group" aria-label="{{ mn.rein_titel }}">{% if plattenregal_an() %}<a href="/regal/einlesen">{{ mn.platten }}</a>{% endif %}<a href="/quellen#speicher">{{ mn.speicher }}</a><a href="/quellen#rekordbox">{{ mn.rekordbox }}</a></div></details>
  <p class="dk-h">{{ mn.library }}</p>
  <a href="/bibliothek"{% if pfad == "/bibliothek" %} aria-current="page"{% elif ort == "library" %} aria-current="true"{% endif %}>{{ mn.alle }}</a>
  <a href="/bibliothek?medium=digital" class="dk-ein">{{ mn.digital }}</a><a href="/bibliothek?medium=vinyl" class="dk-ein">{{ mn.vinyl }}</a>
  {% if plattenregal_an() %}<a href="/regal"{% if pfad == "/regal" %} aria-current="page"{% endif %}>{{ mn.regal }}</a>{% endif %}
  <a href="/genres"{% if pfad == "/genres" %} aria-current="page"{% endif %}>{{ mn.genres }}</a>
  <p class="dk-h">{{ mn.diggen }}</p>
  <a href="/explorer"{% if pfad == "/explorer" %} aria-current="page"{% endif %}>{{ mn.explorer }}</a>
  <a href="/jukebox"{% if pfad == "/jukebox" %} aria-current="page"{% endif %}>{{ t.jukebox.kurz }}</a>
  <p class="dk-h">{{ mn.playlists }}</p>
  {% set listen = dk_listen if dk_listen is defined and dk_listen else [] %}
  {% for l in listen[:12] %}<a href="/playlists/{{ l.id }}"{% if pfad == "/playlists/" ~ l.id %} aria-current="page"{% endif %}><span>{{ l.name }}</span><small>{{ l.anzahl }}</small></a>{% endfor %}
  <a href="/playlists" class="dk-alle"{% if pfad == "/playlists" %} aria-current="page"{% elif ort == "playlists" %} aria-current="true"{% endif %}>{{ mn.playlists_mehr | replace("{n}", listen | length | string) if listen | length > 12 else mn.alle_playlists }}</a>
  <div class="dk-unten">{{ analysen_link("analysen-nav dk-ana") }}<a href="/einstellungen"{% if pfad == "/einstellungen" %} aria-current="page"{% endif %}>{{ zahnrad_symbol() }}{{ mn.einstellungen }}</a></div>
</nav>{% endif %}{% endmacro %}
{% macro kopfleiste(stufe="1100") %}{% set nv = t.nav %}{% set ber = bereich or pfad %}{% set zaehler_name = _zaehler_name() %}{% set wartet_text = _wartet_text() %}
<header class="kopf{% if nutzer and not gesperrt %} mitfluss{% endif %}"><div class="spalte">
  <a class="marke" href="/"{% if pfad == "/" %} aria-current="page"{% endif %}>timbre<span>.</span></a>
  {# Desktop v2 (Bitte 3): verbunden/offline – nur im App-Fenster; static/desktop_extras.js zeigt und hält es aktuell #}
  {% if desktop_app and nutzer and not gesperrt %}<span class="dk-verbindung" id="dk-verbindung" role="status" hidden><i class="dk-led" aria-hidden="true"></i><span class="dk-vtext"></span></span>{% endif %}
  {% if nutzer and gesperrt %}
    {# angemeldet, aber nicht freigegeben: nur das, was ohne Freigabe geht – der Fluss steht als Text auf der Seite #}
    <nav class="fluss" aria-label="{{ nv.arbeitsschritte }}"><ol><li><a href="/freigabe"{% if pfad == "/freigabe" %} aria-current="page"{% endif %}>{{ t.earlybird.nav_konto if neutral else t.freigabe.nav }}</a></li></ol></nav>
    <nav class="neben" aria-label="{{ nv.neben }}">{{ nav("/hilfe", t.hilfe.nav) }}<form method="post" action="/abmelden" class="abmeldeform"><button type="submit" class="knopf-text">{{ t.abmelden }}</button></form>{{ sprachknopf() }}</nav>
    {# mobil wie im Konzept: Marke · Hilfe · ≡ (Hilfe an derselben Stelle wie beim Besuch, Durchsicht K10) #}
    <a class="kopfhilfe nurmobil" href="/hilfe"{% if pfad == "/hilfe" %} aria-current="page"{% endif %}>{{ t.hilfe.nav }}</a>
    {%- if caller %}{{ caller() }}{% endif %}
    <details class="kmenue mmenue"><summary aria-label="{{ nv.menue }}"><span aria-hidden="true">≡</span></summary><div class="kliste">
      <a href="/freigabe">{{ t.earlybird.nav_konto if neutral else t.freigabe.nav }}</a><a href="/hilfe">{{ t.hilfe.nav }}</a><form method="post" action="/abmelden" class="abmeldeform"><button type="submit" class="knopf-text">{{ t.abmelden }}</button></form><span class="trennlinie" aria-hidden="true"></span>{{ sprachliste() }}</div></details>
  {% elif nutzer %}
    {# App-Hülle ohne Fähigkeit native_leiste_playlists (iOS 1.0/Mac 1.0 in der Prüfung): Kopf genau wie vor Menü C (menue_c, timbre_api/menue.py) #}
    {% if menue_c %}
    {# Menü Variante C „Drei Orte“ (Maintainer 10.11.2026, docs/konzepte/2026-11-10-menue.md, timbre_api/menue.py): Library · Diggen ·
       Playlists – links → rechts = sammeln → suchen → packen, ohne Unterebene. Vorher „01 Explorer · Library ▾ · 02 Playlists ·
       03 Export“ (27.10.–10.11.2026). Rein steht links im Kopf der Library, Export an Library und Playlist; Regal und Genres sind
       Ansichten der Library, Jukebox eine Ansicht beim Diggen. aria-current: "page" auf dem Ziel des Orts, "true" auf seinen übrigen
       Seiten (menue.aktuell). Die Klasse ex-kopf am Diggen trägt die LED „Neu“ wie früher am Explorer. #}
    {% set mn = t.menue %}
    <nav class="fluss drei" aria-label="{{ mn.haupt }}"><ol>
      {% for o, ziel in (("library", "/bibliothek"), ("diggen", "/explorer"), ("playlists", "/playlists")) %}{% set ak = menue_aktuell(pfad, o, bereich) %}
      <li><a href="{{ ziel }}" class="ort-{{ o }}{% if o == 'diggen' and explorer_neu() %} ex-kopf ex-neu{% endif %}"{% if ak %} aria-current="{{ ak }}"{% endif %}>{{ mn[o] }}{% if o == "diggen" and explorer_neu() %}<i class="ex-led" aria-hidden="true"></i><span class="unsichtbar">{{ nv.explore.neu_name }}</span>{% endif %}</a></li>
      {% endfor %}
    </ol></nav>
    <nav class="neben" aria-label="{{ nv.neben }}">
      {% if start_marke %}<a href="/quellen" class="quellen start"{% if ber == "/quellen" %} aria-current="page"{% endif %}>{{ t.quellen.nav }} <span class="marker" aria-hidden="true">{{ nv.start }}</span><span class="unsichtbar">{{ nv.start_name }}</span></a>{% endif %}
      {% if verwaltung and verwaltung_wartet %}<a class="ab{{ stufe }} verwaltung" href="/verwaltung"{% if pfad == "/verwaltung" %} aria-current="page"{% endif %}>{{ t.freigabe.verwaltung.nav }} <span class="zaehler" aria-hidden="true">{{ verwaltung_wartet }}</span><span class="unsichtbar"> – {{ zaehler_name }}</span></a>{% endif %}
      {# Analysen (23.10.2026): Statusanzeige rechts, kein Ort. Läuft etwas, ein ruhig atmender Punkt und die Zahl der offenen Tracks
         (ab 1000 „1,2k“); pausiert: hohler Punkt in Warnfarbe; angehalten: Raute in Fehlerfarbe. status.js hält sie aktuell. #}
      {{ analysen_link("analysen-nav") }}
      {# Zahnrad (Variante C, 10.11.2026; vorher „Hilfe“ · „Konto ▾“ · „DE ▾“): Einstellungen, Import, Konto, Hilfe, Kniffe, Beta (nicht in
         Store-Apps), Verwaltung (nur intern), Sprache, Abmelden. <details> wie vorher Konto ▾ – geht ohne Skript, navigation.js schließt
         es mit Esc und Klick daneben. Am Handy steht derselbe Inhalt im Blatt #mehr (Knopf #zahn-knopf). #}
      <details class="kmenue zahnmenue" id="kontomenue"><summary aria-label="{{ mn.zahnrad }}" title="{{ mn.zahnrad }}">{{ zahnrad_symbol() }}{% if start_marke %}<span class="startpunkt" aria-hidden="true"></span>{% endif %}{% if verwaltung and verwaltung_wartet %} <span class="zaehler bis{{ stufe }}" aria-hidden="true">{{ verwaltung_wartet }}</span><span class="unsichtbar bis{{ stufe }}"> – {{ zaehler_name }}</span>{% endif %}</summary>
        <div class="kliste"><a href="/einstellungen"{% if pfad == "/einstellungen" %} aria-current="page"{% endif %}>{{ mn.einstellungen }} <small>{{ mn.einstellungen_hinweis }}</small></a>
          <a href="/quellen"{% if ber == "/quellen" %} aria-current="page"{% endif %}>{{ t.quellen.nav }}{% if beta_wartet %}<i class="beta-led" aria-hidden="true"></i><span class="unsichtbar beta-led-text">{{ t.tspeicher.nav_wartet }}</span>{% endif %} <small>{{ t.plus.import_hinweis if status_speicher else t.plus.import_hinweis_kurz }}</small></a>
          <a href="/konto"{% if pfad == "/konto" %} aria-current="page"{% endif %}>{{ t.konto }} <small>{{ nv.konto_hinweis }}</small></a>
          <a href="/hilfe"{% if pfad == "/hilfe" %} aria-current="page"{% endif %}>{{ t.hilfe.nav }} <small>{{ nv.hilfe_hinweis }}</small></a>
          <a href="/kniffe"{% if pfad == "/kniffe" %} aria-current="page"{% endif %}>{{ t.kniffe.nav }} <small>{{ t.kniffe.nav_hinweis }}</small></a>
          {% if not store_app %}<a href="/beta"{% if pfad == "/beta" %} aria-current="page"{% endif %} data-store-aus>{{ t.beta }} <small>{{ nv.beta_hinweis }}</small></a>{% endif %}
          {% if verwaltung %}<a href="/verwaltung"{% if pfad == "/verwaltung" %} aria-current="page"{% endif %}>{{ t.freigabe.verwaltung.nav }} <small>{{ wartet_text }}</small></a>{% endif %}
          <span class="trennlinie" aria-hidden="true"></span>{{ sprachliste() }}
          <span class="trennlinie" aria-hidden="true"></span><form method="post" action="/abmelden" class="abmeldeform"><button type="submit" class="knopf-text">{{ t.abmelden }}</button></form></div></details>
    </nav>
    {% else %}
    <nav class="fluss" aria-label="{{ nv.arbeitsschritte }}"><ol>
      {# Fluss (Maintainer 27.10.2026; Wörter seit P5a „Rekordbox-vertraut“ 08.11.2026): „01 Explorer · Library · 02 Playlists · 03 Export“
         (vorher „01 Explore · 02 Review & Edit · 03 Export“). Import ist kein Schritt mehr: Onboarding (leere
         Library, Willkommen), Konto ▾ und Einstellungen; solange keine Quelle eingerichtet ist, steht „Import · Start“ rechts daneben. #}
      {% set ex = nv.explore %}{% set ex_an = ber in ("/bibliothek", "/explorer", "/genres") %}
      {% set an_export = pfad == export_pfad or (pfad.startswith("/playlists") and pfad.endswith("/export")) %}{% set an_review = ber == "/playlists" and not an_export %}
      <li class="ex-punkt" id="ex-punkt"><a href="/explorer" class="ex-kopf{% if explorer_neu() %} ex-neu{% endif %}" id="ex-kopf" data-rahmen-href="/explorer"{% if ex_an %} aria-current="true"{% endif %}><span class="nr" aria-hidden="true">01</span><span class="ex-lang">{{ ex.name }}</span><span class="ex-kurz" aria-hidden="true">{{ ex.kurz }}</span>{% if explorer_neu() %}<i class="ex-led" aria-hidden="true"></i><span class="unsichtbar">{{ ex.neu_name }}</span>{% endif %}</a><button type="button" class="ex-auf" id="ex-auf" aria-expanded="false" aria-controls="ex-menue" aria-label="{{ ex.auf }}"><svg viewBox="0 0 12 12" aria-hidden="true" focusable="false"><path d="M2.5 4.5 6 8l3.5-3.5"/></svg></button>
        <div class="ex-flyout" id="ex-menue"><div class="ex-tafel" role="group" aria-label="{{ ex.menue }}">{{ explore_karten() }}</div></div></li>
      {# Playlists (P5a 08.11.2026; vorher „Review & Edit“): voller Name als zugänglicher Name, `kurz` für schmale Köpfe #}
      <li><a href="/playlists" class="rv-kopf"{% if an_review %} aria-current="page"{% endif %}><span class="nr" aria-hidden="true">02</span><span class="rv-lang">{{ nv.review.name }}</span><span class="rv-kurz" aria-hidden="true">{{ nv.review.kurz }}</span></a></li>
      {# Export: Ziel aus app.EXPORT_PFAD = Export-Editor /export (28.10.2026); aktuell auch beim Export einer Playlist (/playlists/…/export) #}
      <li><a href="{{ export_pfad }}" class="xp-kopf"{% if an_export %} aria-current="page"{% endif %}><span class="nr" aria-hidden="true">03</span>{{ nv.export }}</a></li>
    </ol></nav>
    <nav class="neben" aria-label="{{ nv.neben }}">
      {% if start_marke %}<a href="/quellen" class="quellen start"{% if ber == "/quellen" %} aria-current="page"{% endif %}>{{ t.quellen.nav }} <span class="marker" aria-hidden="true">{{ nv.start }}</span><span class="unsichtbar">{{ nv.start_name }}</span></a>{% endif %}
      {% if verwaltung and verwaltung_wartet %}<a class="ab{{ stufe }} verwaltung" href="/verwaltung"{% if pfad == "/verwaltung" %} aria-current="page"{% endif %}>{{ t.freigabe.verwaltung.nav }} <span class="zaehler" aria-hidden="true">{{ verwaltung_wartet }}</span><span class="unsichtbar"> – {{ zaehler_name }}</span></a>{% endif %}
      {# Analysen (23.10.2026): erster Punkt rechts. Läuft etwas, ein ruhig atmender Punkt und die Zahl der offenen Tracks (ab 1000
         „1,2k“); pausiert: hohler Punkt in Warnfarbe; angehalten: Raute in Fehlerfarbe. Der Name für Hilfstechnik steht unsichtbar
         daneben. status.js hält Zustand, Zahl und Namen mit seiner Abfrage aktuell (der Kopf bleibt beim weichen Wechsel stehen). #}
      {{ analysen_link("analysen-nav") }}
      {{ nav("/hilfe", t.hilfe.nav) }}
      <details class="kmenue" id="kontomenue"><summary>{{ t.konto }}{% if verwaltung and verwaltung_wartet %} <span class="zaehler bis{{ stufe }}" aria-hidden="true">{{ verwaltung_wartet }}</span><span class="unsichtbar bis{{ stufe }}"> – {{ zaehler_name }}</span>{% endif %} <span aria-hidden="true">▾</span></summary>
        <div class="kliste"><a href="/quellen"{% if ber == "/quellen" %} aria-current="page"{% endif %}>{{ t.quellen.nav }}{% if beta_wartet %}<i class="beta-led" aria-hidden="true"></i><span class="unsichtbar beta-led-text">{{ t.tspeicher.nav_wartet }}</span>{% endif %} <small>{{ t.plus.import_hinweis if status_speicher else t.plus.import_hinweis_kurz }}</small></a>
          <a href="/konto"{% if pfad == "/konto" %} aria-current="page"{% endif %}>{{ t.konto }} <small>{{ nv.konto_hinweis }}</small></a>
          <a href="/kniffe"{% if pfad == "/kniffe" %} aria-current="page"{% endif %}>{{ t.kniffe.nav }} <small>{{ t.kniffe.nav_hinweis }}</small></a>
          {% if not store_app %}<a href="/beta"{% if pfad == "/beta" %} aria-current="page"{% endif %} data-store-aus>{{ t.beta }} <small>{{ nv.beta_hinweis }}</small></a>{% endif %}
          {% if verwaltung %}<a href="/verwaltung"{% if pfad == "/verwaltung" %} aria-current="page"{% endif %}>{{ t.freigabe.verwaltung.nav }} <small>{{ wartet_text }}</small></a>{% endif %}
          <span class="trennlinie" aria-hidden="true"></span><form method="post" action="/abmelden" class="abmeldeform"><button type="submit" class="knopf-text">{{ t.abmelden }}</button></form></div></details>
      {{ sprachknopf() }}
    </nav>
    {% endif %}
    {%- if caller %}{{ caller() }}{% endif %}
    {# Zahnrad (27.10.2026, nur am Handy, solange die Navileiste steht): öffnet das Blatt #mehr mit Import, Review, Analysen, Hilfe,
       Konto, Sprache und Abmelden. Marken wie vorher am Knopf „Mehr“: Start (neues Konto), Speicher wartet, Analysen, Verwaltung.
       Symbol seit 06.11.2026: Lucide „settings“ (ISC-Lizenz, Lizenztext in static/symbole/ISC-Lucide.txt wie die Schriften in static/schrift/OFL-*.txt), Strich 1.7 wie die übrigen
       Kopf-Symbole (iOS-Notiz TP2 0725). #}
    {% set mehr_beschr = (["mehr-zaehler"] if verwaltung and verwaltung_wartet else []) + (["mehr-analysen"] if ana and ana.zustand else []) %}
    <button type="button" class="kopfzahn" id="zahn-knopf" aria-haspopup="dialog" aria-controls="mehr" aria-label="{{ t.plus.einstellungen }}" title="{{ t.plus.einstellungen }}"{% if mehr_beschr %} aria-describedby="{{ mehr_beschr | join(' ') }}"{% endif %}>{{ zahnrad_symbol() }}{% if start_marke %}<span class="startpunkt" aria-hidden="true"></span><span class="unsichtbar">{{ nv.start_name }}</span>{% endif %}{% if beta_wartet %}<i class="beta-led" aria-hidden="true"></i><span class="unsichtbar beta-led-text">{{ t.tspeicher.nav_wartet }}</span>{% endif %}<span class="ana-mehrpunkt" data-zustand="{{ ana.zustand if ana else '' }}" aria-hidden="true"></span><span class="unsichtbar" id="mehr-analysen">{{ ana.name if ana else '' }}</span>{% if verwaltung and verwaltung_wartet %}<span class="punkt" aria-hidden="true">{{ verwaltung_wartet }}</span><span class="unsichtbar" id="mehr-zaehler">{{ zaehler_name }}</span>{% endif %}</button>
  {% else %}
    <nav class="neben" aria-label="{{ nv.neben }}">{% if demo_an() %}{{ nav("/demo", t.demo.nav) }}{% endif %}{{ nav("/hilfe", t.hilfe.nav) }}{{ sprachknopf() }}{% if not ohne_anmelden %}<span class="trenner" aria-hidden="true"></span><a class="knopf-anmelden" href="/anmelden">{{ t.anmelden }}</a>{% endif %}</nav>
    {# Wartung (Fehlerseiten 23.10.2026): kein „Anmelden“ – es führt nur in dieselbe Wartung #}
    {% if not ohne_anmelden %}<a class="knopf-anmelden nurmobil" href="/anmelden">{{ t.anmelden }}</a>{% endif %}
    {%- if caller %}{{ caller() }}{% endif %}
    <details class="kmenue mmenue"><summary aria-label="{{ nv.menue }}"><span aria-hidden="true">≡</span></summary><div class="kliste">
      {% if demo_an() %}<a href="/demo"{% if pfad == "/demo" %} aria-current="page"{% endif %}>{{ t.demo.nav }}</a>{% endif %}
      {#- Paket „Demo“ (11.11.2026): in der Live-Demo stehen die Wege des Bands hier – das Band ist nur noch eine Zeile (demo_band.html).
          Nur im Browser (demo_neu, demo_web.neu_fuer); App-Hüllen und Store-Apps behalten Band und Menü wie vorher. #}
      {%- if demo and demo_neu %}<a href="/demo/set-bauen"{% if pfad.startswith("/demo/set-bauen") %} aria-current="page"{% endif %}>{{ t.generator.menue.erzeugen }}</a><a href="/demo/credits"{% if pfad == "/demo/credits" %} aria-current="page"{% endif %}>{{ t.demo.credits }}</a><a href="/registrieren">{{ t.demo.konto }}</a>{% endif -%}
      <a href="/hilfe">{{ t.hilfe.nav }}</a><span class="trennlinie" aria-hidden="true"></span>{{ sprachliste() }}</div></details>
  {% endif %}
</div>
{{ dk_leiste() }}
{# Statuszeile: läuft eine Analyse oder liest Timbre den Onlinespeicher ein, füllt status.js sie (Phase, n von m, Restzeit). #}
{# Die Zeile liegt außerhalb des Flusses unter der Kopfleiste (eine Zeile hoch): erscheint oder verschwindet sie, rückt der
   Inhalt nicht. Hilfstechnik hört nur #status-ansage (Wechsel der Phase und das Ende), nicht jede neue Restzeit. #}
{% if nutzer and not gesperrt %}<div class="statuszeile" id="statuszeile" role="group" aria-label="{{ t.status.name }}" data-speicher="{{ '1' if status_speicher else '0' }}" hidden><div class="spalte">
  <span data-teil="analyse" hidden><a href="/analysen"><span class="slang"></span><span class="skurz"></span></a></span>{% if status_speicher %}<span data-teil="speicher" hidden><a href="/quellen#speicher"><span class="slang"></span><span class="skurz"></span></a></span>{% endif %}<span data-teil="fertig" hidden></span>
</div></div><span class="unsichtbar" id="status-ansage" role="status" aria-live="polite"></span>{% endif %}
</header>{% endmacro %}
{# Navileiste am Handy (27.10.2026, Schritt 1 des Mobil-Umbaus, Plan binary-sauteeing-pelican; seit Variante C 10.11.2026 Home ·
   Library · [+] · Diggen · Playlists, siehe unten): fünf Plätze, bis 10.11.2026
   Home (/home, „Teller“ seit Schritt 4, 28.10.2026) · Explorer · [+] · Suche (Library mit Fokus im Suchfeld) · Library. Links die beiden Hörwege, in der Mitte das „+“
   (Mitte = jetzt): es zeigt das Cover des Tracks, auf den es wirkt, und darunter die Ziel-Zeile „→ Liste“ (Tipp = Ziel wechseln,
   ebenso langes Drücken auf +). static/plus.js bedient beides; Texte in #plus-t (texte_plus.py). Was vorher in der Leiste stand
   (Import, Review, „Mehr“), liegt im Blatt #mehr hinter dem Zahnrad oben rechts im Kopf (bis Schritt 4 „Home Teller“).
   Höhe als --reiter (CSS); Player, Tag-List-Leiste, Sheet, Toast und scroll-padding rechnen sie mit (2.4.11). Bei offener
   Bildschirmtastatur blendet navigation.js die Leiste aus (html.tastatur). Sichtbar unter 744 px (timbre.css und start.css,
   Tablet-Stufe werkzeuge/tokens_tablet.py). #}
{% macro reiter() %}{% set nv = t.nav %}{% set px = t.plus %}{% set ber = bereich or pfad %}{% set zaehler_name = _zaehler_name() %}{% set wartet_text = _wartet_text() %}
{% if nutzer and not gesperrt %}
{% if menue_c %}{% set mn = t.menue %}{% set an_suche = pfad == "/bibliothek" and fokus_suche %}{% set ort = menue_ort(pfad, bereich) %}
{# Variante C (10.11.2026): Home · Library · [+] · Diggen · Playlists. „Suche“ ist kein Reiter mehr: das Suchfeld steht oben in der
   Library, ein zweiter Tipp auf „Library“ (auf der Library) fokussiert es (static/plus.js). Der Verweis a.r-suche bleibt verborgen
   in der Leiste – Vertrag der iOS-App (`TimbreApp.navigation.zu("suche")`, Meldung route "suche", static/app_leiste.js) und alte
   Einsprünge (/bibliothek?fokus=suche) gehen unverändert. Klassen r-home/r-explorer/r-library bleiben (Vertrag, einstieg.js). #}
<nav class="reiterleiste navi5" id="reiterleiste" aria-label="{{ px.leiste }}">
  <a href="/home" class="r-home"{% if pfad == "/home" %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 11l8-7 8 7v9h-5.5v-6h-5v6H4z"/></svg><span>{{ px.home }}</span></a>
  <a href="/bibliothek" class="r-library"{% if ort == "library" %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 4v16M10 4v16M14.5 4.5l4.5 15"/></svg><span>{{ px.library }}</span></a>
  <div class="plusplatz" data-ueberlagerung-ok>
    <button type="button" class="plusknopf" id="plus-knopf" aria-haspopup="dialog" data-leer aria-label="{{ px.plus_ohne_track }}"><svg class="plus-etikett" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 5v6.6a1 1 0 0 0 .3.7l8.9 8.9a1 1 0 0 0 1.4 0l6.6-6.6a1 1 0 0 0 0-1.4L11.8 4.3a1 1 0 0 0-.7-.3H4.5a1 1 0 0 0-1 1z"/><circle cx="8" cy="8.5" r="1.3" fill="currentColor" stroke="none"/></svg><span class="plus-cover" aria-hidden="true" hidden></span><span class="plus-zahl" aria-hidden="true" hidden></span></button>
    <button type="button" class="plus-zielzeile" id="plus-ziel" aria-haspopup="dialog" aria-label="{{ px.ziel_name_leer }}"><span class="plus-zieltext">{{ px.ziel_leer }}</span></button>
  </div>
  <a href="/explorer" class="r-explorer"{% if ort == "diggen" %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 3h6l6 6v6l-6 6H9l-6-6V9z"/><circle cx="12" cy="12" r="2" fill="currentColor" stroke="none"/></svg><span>{{ mn.diggen }}</span>{% if explorer_neu() %}<i class="ex-reiterled" aria-hidden="true"></i><span class="unsichtbar">{{ nv.explore.neu_name }}</span>{% endif %}</a>
  <a href="/playlists" class="r-playlists"{% if ort == "playlists" %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 6h11M4 11h11M4 16h7"/><circle cx="17.5" cy="17" r="2.5"/><path d="M20 17V7.5l-2.5.8"/></svg><span>{{ mn.playlists }}</span></a>
  <a href="/bibliothek?fokus=suche" class="r-suche" hidden{% if an_suche %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="6.5"/><path d="M20 20l-4.3-4.3"/></svg><span>{{ px.suche }}</span></a>
</nav>
{% else %}{% set an_suche = pfad == "/bibliothek" and fokus_suche %}{% set an_lib = pfad.startswith("/bibliothek") and not an_suche %}
{# Sichtfund A2 (12.11.2026): In den Playlists ist kein Reiter markiert – diese Leiste hat keinen dafür (vorher leuchtete „Library“,
   auch in der nativen Leiste der App: static/app_leiste.js meldet, was hier markiert ist, jetzt route null wie in den Einstellungen). #}
<nav class="reiterleiste navi5" id="reiterleiste" aria-label="{{ px.leiste }}">
  <a href="/home" class="r-home"{% if pfad == "/home" %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 11l8-7 8 7v9h-5.5v-6h-5v6H4z"/></svg><span>{{ px.home }}</span></a>
  <a href="/explorer" class="r-explorer"{% if pfad in ("/explorer", "/genres") %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 3h6l6 6v6l-6 6H9l-6-6V9z"/><circle cx="12" cy="12" r="2" fill="currentColor" stroke="none"/></svg><span>{{ px.explorer }}</span>{% if explorer_neu() %}<i class="ex-reiterled" aria-hidden="true"></i><span class="unsichtbar">{{ nv.explore.neu_name }}</span>{% endif %}</a>
  <div class="plusplatz" data-ueberlagerung-ok>
    <button type="button" class="plusknopf" id="plus-knopf" aria-haspopup="dialog" data-leer aria-label="{{ px.plus_ohne_track }}"><svg class="plus-etikett" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 5v6.6a1 1 0 0 0 .3.7l8.9 8.9a1 1 0 0 0 1.4 0l6.6-6.6a1 1 0 0 0 0-1.4L11.8 4.3a1 1 0 0 0-.7-.3H4.5a1 1 0 0 0-1 1z"/><circle cx="8" cy="8.5" r="1.3" fill="currentColor" stroke="none"/></svg><span class="plus-cover" aria-hidden="true" hidden></span><span class="plus-zahl" aria-hidden="true" hidden></span></button>
    <button type="button" class="plus-zielzeile" id="plus-ziel" aria-haspopup="dialog" aria-label="{{ px.ziel_name_leer }}"><span class="plus-zieltext">{{ px.ziel_leer }}</span></button>
  </div>
  <a href="/bibliothek?fokus=suche" class="r-suche"{% if an_suche %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="6.5"/><path d="M20 20l-4.3-4.3"/></svg><span>{{ px.suche }}</span></a>
  <a href="/bibliothek" class="r-library"{% if an_lib %} aria-current="page"{% endif %}><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 4v16M10 4v16M14.5 4.5l4.5 15"/></svg><span>{{ px.library }}</span></a>
</nav>
{% endif %}
{# Texte und Konto-Hash für static/plus.js (das Skript selbst steht im Kopf von basis.html bzw. messung_basis.html, bleibt beim weichen Wechsel).
   Paket „Gefühl“ (11.11.2026): `gefuehl` nur mit Menü C – damit zählt das + sofort und kennt „Das erste +“ (static/plus.js);
   App-Hüllen ohne die Fähigkeit bekommen den Schlüssel nicht (#plus-t Zeichen für Zeichen wie vorher) und verhalten sich wie vorher #}
<script type="application/json" id="plus-t">{{ dict(px, konto=(nutzer | konto_merker), **({"gefuehl": t.gefuehl.plus} if menue_c else {})) | tojson }}</script>
{# Zahnrad-Blatt (Einstellungen): alles Einrichten und Nachsehen – Import, Review, Genres, Analysen, Hilfe, Konto, Beta, Verwaltung,
   Sprache, Abmelden. Der Knopf steht im Kopf (#zahn-knopf, nur am Handy). #}
<dialog class="mehrblatt" id="mehr" aria-labelledby="mehr-h">
  <span class="griff" aria-hidden="true"></span><h2 id="mehr-h">{{ px.einstellungen }}</h2>
  <nav aria-labelledby="mehr-h" class="mehrliste">
    <a href="/quellen"{% if ber == "/quellen" %} aria-current="page"{% endif %}>{{ t.home.e_import }}{% if start_marke %} <span class="marker">{{ nv.start }}</span>{% endif %}{% if beta_wartet %}<i class="beta-led" aria-hidden="true"></i><span class="unsichtbar beta-led-text">{{ t.tspeicher.nav_wartet }}</span>{% endif %} <small>{{ px.import_hinweis if status_speicher else px.import_hinweis_kurz }}</small></a>
    {# Variante C (10.11.2026): Playlists, Export, Genres und Jukebox stehen nicht mehr hier – Playlists ist ein Reiter, Export steht an
       Library und Playlist, Genres ist eine Ansicht der Library, Jukebox eine Ansicht beim Diggen. #}
    {% if not menue_c %}
    {% set an_export = pfad == export_pfad or (pfad.startswith("/playlists") and pfad.endswith("/export")) %}
    <a href="/playlists"{% if ber == "/playlists" and not an_export %} aria-current="page"{% endif %}>{{ nv.review.name }} <small>{{ px.review_hinweis }}</small></a>
    <a href="{{ export_pfad }}"{% if an_export %} aria-current="page"{% endif %}>{{ nv.export }} <small>{{ px.export_hinweis }}</small></a>
    <a href="/genres"{% if pfad == "/genres" %} aria-current="page"{% endif %}>{{ t.genres }} <small>{{ px.genres_hinweis }}</small></a>
    <a href="/jukebox"{% if pfad == "/jukebox" %} aria-current="page"{% endif %}>{{ t.jukebox.kurz }} <small>{{ t.jukebox.einstieg }}</small></a>
    {% endif %}
    {# ab hier dieselben Punkte, Reihenfolge und Texte wie /einstellungen (einstellungen.html): Konto · Erscheinungsbild · Analysen · Hilfe · Beta · Verwaltung #}
    {# Handy schlank 3c (07.11.2026): „Konto“ öffnet am Handy gleich die Unterseite „Konto und Sicherheit“ (Passkeys, zweiter Faktor,
       Datenexport, Konto löschen) – so bleiben Passkeys drei und Konto löschen zwei Tipps entfernt (static/unterseiten.js) #}
    <a href="/konto#sicherheit"{% if pfad == "/konto" %} aria-current="page"{% endif %}>{{ t.home.e_konto }} <small>{{ t.home.e_konto_hinweis }}</small></a><a href="/konto#kontoformular">{{ t.home.e_aussehen }} <small>{{ t.home.e_aussehen_hinweis }}</small></a><a href="/einstellungen/quellen"{% if pfad == "/einstellungen/quellen" %} aria-current="page"{% endif %}>{{ t.qw.nav }} <small>{{ t.qw.nav_hinweis }}</small></a>
    {{ analysen_link("analysen-mehr") }}<a href="/hilfe">{{ t.home.e_hilfe }} <small>{{ t.home.e_hilfe_hinweis }}</small></a><a href="/kniffe"{% if pfad == "/kniffe" %} aria-current="page"{% endif %}>{{ t.kniffe.nav }} <small>{{ t.kniffe.nav_hinweis }}</small></a>{% if not store_app %}<a href="/beta" data-store-aus>{{ t.home.e_beta }} <small>{{ t.home.e_beta_hinweis }}</small></a>{% endif %}{% if verwaltung %}<a href="/verwaltung">{{ t.home.e_verwaltung }} <small>{{ wartet_text }}</small></a>{% endif %}</nav>
  {# Handy schlank (06.11.2026, Phase 1): Am Handy entfällt die Fußzeile – Rechtstexte und Kontakt stehen hier (Zahnrad, dann ein Tipp) #}
  <h2 class="mehrsprache" id="mehr-recht">{{ t.home.e_recht }}</h2>
  <nav class="mehrrecht" aria-labelledby="mehr-recht"><a href="/impressum">{{ t.impressum }}</a><a href="/datenschutz">{{ t.datenschutz }}</a><a href="/agb">{{ t.agb }}</a>{% if quelltext_url() %}<a href="{{ quelltext_url() }}" rel="noopener">{{ t.quelltext }}</a>{% endif %}<a href="/ueber-uns">{{ t.ueber.nav }}</a><a href="mailto:hello@timbremusic.app">hello@timbremusic.app</a></nav>
  <h2 class="mehrsprache" id="mehr-sprache">{{ t.sprache_wahl }}</h2>{{ sprachliste() }}
  <form method="post" action="/abmelden" class="abmeldeform mehrab"><button type="submit" class="knopf-text">{{ t.abmelden }}</button></form>
  <form method="dialog"><button class="knopf klein zu" type="submit">{{ nv.schliessen }}</button></form>
</dialog>
{% endif %}{% endmacro %}
{% macro player(cover=false) %}{# Player (N22): feste Leiste am unteren Rand, sichtbar, sobald ein Track gewählt ist. player.js füllt und bedient sie; sie
   steht außerhalb von Kopf und Fuß, damit sie bedienbar bleibt, wenn das Fly-in der Bibliothek die Seite sperrt. #}
{# Nur mit verbundenem Onlinespeicher: ohne ihn gibt es nichts abzuspielen (und ist die Funktion aus, nennt die Seite ihn nirgends). #}
{# Live-Demo: auch ohne Konto (`demo`), dann immer mit Datensparen (player.js liest html[data-demo]) #}
{# Desktop v2 (28.10.2026): im App-Fenster auch ohne Onlinespeicher – lokale Tracks spielt der native Player des Kerns (AbspielQuelle in player.js) #}
{% if ((nutzer and not gesperrt) or demo) and (abspielen_an or (desktop_app and not demo)) %}{% set pl = t.player %}{% if passt_jetzt() %}<link rel="stylesheet" href="/static/passt_knopf.css">{% endif %}
<div class="player{% if cover %} mitcover{% endif %}" id="player" role="region" aria-label="{{ pl.name }}" hidden>
  <div class="pl-zeitleiste"><div class="pl-welle" id="player-welle" aria-hidden="true"></div><div class="pl-stand" id="player-stand"></div>
    <input type="range" id="player-zeit" min="0" max="0" step="1" value="0" aria-label="{{ pl.zeit }}"></div>
  {# Tempo + Master Tempo (Teil A, 23.10.2026): reine Wiedergabe (audio.playbackRate/preservesPitch), nichts wird gespeichert.
     Breit eine Zeile über der Knopfreihe, am Handy als Sheet. player.js (Abschnitt „Tempo“) füllt und bedient das Feld. #}
  {% set tp = pl.tempo %}<div class="pl-tempo" id="player-tempo" role="group" aria-labelledby="player-tempo-name" hidden>
    <div class="pl-tempo-kopf"><span class="pl-tempo-name" id="player-tempo-name">{{ tp.feld }}</span>
      <button type="button" class="pl-tempo-zu" id="player-tempo-zu" aria-label="{{ tp.schliessen }}" title="{{ tp.schliessen }}"><span aria-hidden="true">×</span></button></div>
    <div class="pl-tempo-fader">
      <input type="range" id="player-tempo-regler" min="-6" max="6" step="0.02" value="0" aria-label="{{ tp.regler }}" aria-valuetext="±0,0 %" title="{{ tp.reset_hilfe }}">
      <button type="button" class="chip pl-tempo-reset" id="player-tempo-reset" title="{{ tp.reset_hilfe }}">{{ tp.reset }}</button></div>
    <p class="pl-tempo-anzeige zahl" id="player-tempo-anzeige"><b id="player-tempo-bpm"></b> <span id="player-tempo-prozent">(±0,0 %)</span></p>
    <div class="pl-tempo-wahl">
      <span class="pl-tempo-bereich" role="group" aria-label="{{ tp.bereich }}"><span class="pl-tempo-etikett" aria-hidden="true">{{ tp.bereich }}</span>{% for b in [6, 10, 16] %}<button type="button" class="dj-taste" data-tempo-bereich="{{ b }}" aria-pressed="{{ 'true' if loop.first else 'false' }}"><i class="dj-led"></i>±{{ b }} %</button>{% endfor %}</span>
      <button type="button" class="dj-taste pl-mt" id="player-mt" role="switch" aria-checked="true" aria-describedby="player-mt-info" title="{{ tp.mt_hilfe }}"><i class="dj-led"></i>{{ tp.mt }}</button>
      <span class="pl-mt-info" id="player-mt-info"><span id="player-mt-text">{{ tp.mt_an }}</span> <span class="pl-tempo-key" id="player-tempo-key"></span></span>
      {{ schalter(tasten.tempo_halten, tp.halten, id="player-tempo-halten", klasse="pl-tempo-halten", titel=tp.halten_hilfe) }}</div>
    <p class="pl-tempo-hinweis klein" id="player-mt-fehlt" hidden>{{ (store_mac_text(sprache, "mt_fehlt") if mac_store_app else none) or tp.mt_fehlt }}</p>
    <p class="pl-tempo-hinweis klein">{{ tp.nur_wiedergabe }}</p>
  </div>
  {# Lautstärke-Feld (schmaler als 1440 px): breit eine Zeile über der Knopfreihe, am Handy ein Sheet; der Fader wandert hinein #}
  <div class="pl-lautfeld" id="player-lautfeld" role="group" aria-labelledby="player-lautfeld-name" hidden>
    <div class="pl-tempo-kopf"><span class="pl-tempo-name" id="player-lautfeld-name">{{ pl.laut.feld }}</span>
      <button type="button" class="pl-tempo-zu" id="player-lautfeld-zu" aria-label="{{ pl.laut.feld_zu }}" title="{{ pl.laut.feld_zu }}"><span aria-hidden="true">×</span></button></div>
    <div class="lf-platz" id="player-lautplatz-feld"></div>
  </div>
  <div class="pl-reihe">
    <div class="pl-knoepfe">
      <button type="button" id="player-zurueck" aria-label="{{ pl.zurueck }}" title="{{ pl.zurueck }}"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false"><path d="M4 3v10" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M13 3.2v9.6L6 8z" fill="currentColor"/></svg></button>
      <button type="button" id="player-spiel" class="pl-haupt" aria-label="{{ pl.abspielen }}" title="{{ pl.abspielen }}"><svg class="i-spiel" viewBox="0 0 16 16" width="18" height="18" aria-hidden="true" focusable="false"><path d="M4.5 2.6v10.8L13.5 8z" fill="currentColor"/></svg><svg class="i-pause" viewBox="0 0 16 16" width="18" height="18" aria-hidden="true" focusable="false"><path d="M4 3h3v10H4zM9 3h3v10H9z" fill="currentColor"/></svg></button>
      <button type="button" id="player-weiter" aria-label="{{ pl.weiter }}" title="{{ pl.weiter }}"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false"><path d="M12 3v10" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M3 3.2v9.6L10 8z" fill="currentColor"/></svg></button>
      {# Warteschlange (24.10.2026): öffnet das Feld (ab 1000 px Seitenleiste, darunter Blatt); Zahl = Tracks „Von dir“. warteschlange.js bedient ihn. #}
      <button type="button" class="pl-ws" id="player-ws" aria-haspopup="dialog" aria-expanded="false" aria-controls="ws-feld" aria-label="{{ t.ws.knopf }}" title="{{ t.ws.name }} (Shift+Q)"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false"><path d="M2 4h12M2 8h12M2 12h7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg><span class="pl-ws-zahl zahl" id="player-ws-zahl" aria-hidden="true" hidden></span></button>
    </div>
    {# Cover „A+“ (24.10.2026, nur Seiten mit timbre.css): 48 px vor dem Titel; ab 1000 px großer Player, darunter „Jetzt läuft“.
       Steht schon in der Seite (kein Sprung, wenn cover.js es füllt); Name und Bild setzt cover.js. #}
    {% if cover %}<button type="button" class="pl-cover" id="player-cover" aria-haspopup="dialog" aria-label="{{ t.cover.seite.jetzt }}"></button>{% endif %}
    <a class="pl-titel" id="player-link" title="{{ pl.zum_track }}"><b id="player-titel"></b><span id="player-artist"></span><span class="pl-nadel" id="player-nadel" aria-hidden="true"></span></a>
    {# Tag List (Paket 2): derselbe Knopf +/✓ wie an der Zeile; player.js setzt die Kennung des laufenden Tracks #}
    <button type="button" class="tlknopf" id="player-tag" data-tagliste-knopf="" hidden>+</button>
    <span class="pl-uhr zahl"><span id="player-jetzt">0:00</span><span aria-hidden="true"> / </span><span class="unsichtbar"> {{ pl.von }} </span><span id="player-dauer">–:––</span></span>
    <span class="pl-chips">{# Tempo (Teil A, 23.10.2026): öffnet das Tempo-Feld; zeigt das Tempo, sobald es nicht ±0 % ist #}
      <button type="button" class="chip pl-tempoknopf" id="player-tempoknopf" aria-expanded="false" aria-controls="player-tempo" title="{{ pl.tempo.knopf_hilfe }}"><span class="pl-tempo-wort">{{ pl.tempo.name }}</span> <span id="player-tempowert"></span><span aria-hidden="true">▾</span></button>
      <button type="button" class="dj-taste pl-sparsam" id="player-sparsam" role="switch" aria-checked="{{ 'true' if demo else 'false' }}"{% if demo %} aria-disabled="true" title="{{ t.demo.sparsam }}"{% else %} title="{{ pl.sparsam_hilfe }}"{% endif %}><i class="dj-led"></i>{{ pl.sparsam }}</button>
      {# Mithören (Variante C, 10.11.2026): Live Vinyl ist kein Ort, sondern ein Modus des Players (Mitte = jetzt). Vorbereitet, aber erst
         mit dem Schalter startseite_vinyl.MITHOEREN_LIVE da (DSE/Kanzlei) – bis dahin steht nichts davon in der Seite, auch nicht in
         den Store-Apps. #}
      {% if mithoeren_live() and not demo %}<button type="button" class="dj-taste pl-mithoeren" id="player-mithoeren" aria-pressed="false" title="{{ t.menue.mithoeren_hilfe }}"><i class="dj-led"></i>{{ t.menue.mithoeren }}</button>{% endif %}{# „Was passt jetzt?“ (12.11.2026): nur mit dem Schalter TIMBRE_PASST_JETZT (app._passt_jetzt: nie Store-Fassungen, Live-Demo, Offline-Paket) – ist er aus, steht hier nichts. static/passt_knopf.js lädt beim ersten Tipp static/passt_jetzt.js und setzt denselben Knopf in den Kopf von Hörmodus und großem Player; hier an der Leiste zeigt er sich nur, wo die Reihe Platz hat (1150–1439 px, static/passt_knopf.css). #}{% if passt_jetzt() %}<button type="button" class="pj-knopf" id="player-passt" aria-haspopup="dialog" aria-expanded="false" aria-controls="pj" title="{{ t.passt.knopf_hilfe }}"><span class="pj-drei" aria-hidden="true"><b></b><b></b><b></b></span><span class="pj-wort">{{ t.passt.knopf }}</span></button>{% endif %}</span>
    {# Lautstärke (Stereo-Fader, Variante X „Xone-LED“, 24.10.2026): ab 1440 px (bis 08.11.2026: 1200) steht der Fader in der Reihe; schmaler öffnet der
       Knopf das Feld (wie beim Tempo, ≤ 520 px als Sheet; der Knopf sitzt dort in Zeile 1). Es gibt nur EINEN Fader (#player-lf):
       player.js hängt ihn in die Reihe, ins Feld oder in den großen Player. Der Pegel ist Zierde (aria-hidden), bedient wird der
       Regler (role=slider in dB). iOS/iPadOS: kein Fader, nur Stumm und der Satz zu den Gerätetasten (player.js erkennt das). #}
    {% set lt = pl.laut %}{% set gn = pl.gain %}<button type="button" class="pl-lautknopf" id="player-lautknopf" aria-expanded="false" aria-controls="player-lautfeld" aria-label="{{ lt.knopf }}" title="{{ lt.knopf }}"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false"><path d="M2.5 6h2.2L8 3.2v9.6L4.7 10H2.5z" fill="currentColor"/><path class="i-ton" d="M10.4 5.6a3.4 3.4 0 0 1 0 4.8M12 3.9a5.8 5.8 0 0 1 0 8.2" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path class="i-aus" d="M10.5 6l3.5 4M14 6l-3.5 4" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg></button>
    <div class="lf-platz" id="player-lautplatz-reihe">
      <div class="lf lf-fein" id="player-lf">
        <button type="button" id="player-stumm" aria-pressed="false" aria-label="{{ pl.stumm }}" title="{{ pl.stumm }}"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false"><path d="M2.5 6h2.2L8 3.2v9.6L4.7 10H2.5z" fill="currentColor"/><path class="i-ton" d="M10.4 5.6a3.4 3.4 0 0 1 0 4.8M12 3.9a5.8 5.8 0 0 1 0 8.2" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path class="i-aus" d="M10.5 6l3.5 4M14 6l-3.5 4" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg></button>
        <span class="lf-fader" id="player-laut" role="slider" tabindex="0" aria-label="{{ lt.fader }}" aria-orientation="horizontal"
          aria-valuemin="-60" aria-valuemax="0" aria-valuenow="0" aria-valuetext="0,0 dB" aria-describedby="player-laut-tasten" title="{{ lt.hinweis }}">
          <span class="lf-meter" aria-hidden="true"></span>
          <span class="lf-bahn" aria-hidden="true"><span class="lf-griff"></span></span></span>
        {# Anzeige: Fader-Wert und GR des Limiters (Gain Reduction, nur Zierde – erklärt im Gain-Block) #}
        <span class="lf-anzeige"><span class="lf-wert zahl" id="player-laut-wert" aria-hidden="true">0,0&nbsp;dB</span>
          <span class="lf-gr" id="player-gr" aria-hidden="true" title="{{ gn.gr_hilfe }}"><span class="lf-gr-name">GR</span><span class="lf-gr-wert zahl" id="player-gr-wert">0,0</span><span class="lf-gr-bahn"><span class="lf-gr-balken" id="player-gr-balken"></span></span></span></span>
        {# Gain-Stufe vor dem Fader (24.10.2026 abends): Auto Gain aus dem LUFS-Wert des Tracks, Ziel, Trim ±12 dB; danach der Limiter.
           In der Reihe klappt der Block über der Leiste auf (Knopf „Gain“), im Feld und im großen Player steht er offen. #}
        <button type="button" class="lf-gainknopf" id="player-gainknopf" aria-expanded="false" aria-controls="player-gain" title="{{ gn.knopf_hilfe }}"><span class="lf-gainwort">{{ gn.name }}</span> <span class="zahl" id="player-gainwert">0,0</span><span aria-hidden="true">▾</span></button>
        <div class="lf-gain" id="player-gain" role="group" aria-labelledby="player-gain-name">
          <span class="lf-gain-name" id="player-gain-name">{{ gn.feld }}</span>
          <span class="lf-gain-reihe">
            <button type="button" class="dj-taste lf-auto" id="player-auto" role="switch" aria-checked="true" aria-describedby="player-gain-info" title="{{ gn.auto_hilfe }}"><i class="dj-led"></i>{{ gn.auto }}</button>
            <span class="lf-ziele dj-segment" role="group" aria-label="{{ gn.ziel }}"><button type="button" class="dj-taste" data-gain-ziel="ruhig" aria-pressed="true"><i class="dj-led"></i>{{ gn.ruhig }}</button><button type="button" class="dj-taste" data-gain-ziel="club" aria-pressed="false"><i class="dj-led"></i>{{ gn.club }}</button></span>
            <span class="lf-trim-block"><span class="lf-trim-name" aria-hidden="true">{{ gn.trim }}</span>
              <span class="lf-trim" id="player-trim" role="slider" tabindex="0" aria-label="{{ gn.trim }}" aria-orientation="vertical"
                aria-valuemin="-12" aria-valuemax="12" aria-valuenow="0" aria-valuetext="0,0 dB" aria-describedby="player-trim-tasten" title="{{ gn.trim_hilfe }}"><svg viewBox="0 0 40 40" width="40" height="40" aria-hidden="true" focusable="false"><path class="lf-trim-bahn" d="M9.39 30.61A15 15 0 1 1 30.61 30.61" fill="none" stroke-width="3" stroke-linecap="round"/><path class="lf-trim-wert-bogen" d="" fill="none" stroke-width="3" stroke-linecap="round"/><g class="lf-trim-zeiger"><circle cx="20" cy="20" r="10"/><path d="M20 11v6" stroke-width="2" stroke-linecap="round"/></g></svg></span>
              <span class="lf-trim-wert zahl" id="player-trim-wert" aria-hidden="true">0,0&nbsp;dB</span></span>
          </span>
          <span class="unsichtbar" id="player-trim-tasten">{{ gn.tasten }}</span>
          <p class="lf-gain-info klein" id="player-gain-info"></p>
          <p class="lf-gain-hinweis klein">{{ gn.limiter }}</p>
        </div>
        <span class="lf-nurgeraet klein" id="player-laut-nurgeraet" hidden>{{ lt.ios }}</span>
        <span class="unsichtbar" id="player-laut-tasten">{{ lt.tasten }}</span>
        <p class="lf-hinweis klein" id="player-laut-hinweis">{{ lt.hinweis }}</p>
      </div>
    </div>
    {# Großer Player (24.10.2026): ab 1000 px, dig.js zeigt den Knopf, sobald es den Dialog bedienen kann #}
    <button type="button" class="pl-buehne" id="player-buehne" aria-haspopup="dialog" aria-label="{{ t.dig.buehne.auf }}" title="{{ t.dig.buehne.auf }}" hidden><svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" focusable="false"><path d="M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
    <button type="button" id="player-zu" aria-label="{{ pl.schliessen }}" title="{{ pl.schliessen }}"><span aria-hidden="true">×</span></button>
  </div>
  <p class="pl-meldung klein" role="status" aria-live="polite"><span id="player-meldung" hidden></span> <a id="player-konto" href="/quellen#speicher" hidden>{{ pl.konto }}</a></p>
</div>
{# Großer Player (24.10.2026): modaler Dialog in der Player-Hülle (außerhalb von <main>, übersteht weiche Seitenwechsel);
   dig.js baut den Inhalt: links der laufende Track, rechts Pfad und Oktagon. #}
<dialog class="buehne" id="buehne" aria-label="{{ t.dig.buehne.titel }}"></dialog>
<script type="application/json" id="player-t">{{ (dict(pl, fehler=dict(pl.fehler, freigabe_fehlt=t.earlybird.player_gesperrt)) if neutral else pl) | tojson }}</script>
{# Desktop v2: Texte für „lokal“ und Audio-Ausgabe (player.js) – nur im App-Fenster #}
{% if desktop_app %}<script type="application/json" id="desktop-player-t">{{ t.desktop_player | tojson }}</script>{% endif %}
{# Warteschlange und Hörmodus (24.10.2026): vor player.js (dessen Media Session fragt TimbreWarteschlange.msAktionen); Merker je Gerät
   und Konto (`konto`: Hash wie bei der Tag List) – nie auf dem Server. #}
<script type="application/json" id="ws-t">{{ dict(t.ws, konto=("demo" if demo and not demo_angemeldet else nutzer | konto_merker)) | tojson }}</script>
{# Auto-Listening (28.10.2026): „Danach: Auto-Listening“ in der Warteschlange – vor warteschlange.js; Regeln je Gerät und Konto (wie oben), nie auf dem Server #}
<script type="application/json" id="auto-t">{{ dict(t.auto, konto=("demo" if demo and not demo_angemeldet else nutzer | konto_merker)) | tojson }}</script>
<script src="/static/auto_listening.js" defer></script>
{# Dig-Controller (28.10.2026): Explorer am Handy als Controller (Richtung → Liste → vorhören), auch aus Auto-Listening „Ersetzen – diggen“ #}
<script type="application/json" id="digc-t">{{ t.digc | tojson }}</script>
<script src="/static/dig_controller.js" defer></script>
<script src="/static/warteschlange.js" defer></script>
<script src="/static/player.js" defer></script>{% if passt_jetzt() %}
<script type="application/json" id="passt-t">{{ t.passt | tojson }}</script>
<script src="/static/passt_knopf.js" defer></script>{% endif %}{# „Durchgehört“ (12.11.2026): nur mit dem Schalter TIMBRE_DURCHGEHOERT (app._durchgehoert: nie Store-Fassungen, Live-Demo, Offline-Paket) – ist er aus, steht hier nichts. Der Haken lädt static/hoer_mass.js und static/durchgehoert.js nach; Marken, Knopf und Dialog baut das Modul. Was gehört wurde, bleibt im Browser (localStorage). #}{% if durchgehoert() %}
<script type="application/json" id="dg-t">{{ t.durchgehoert | tojson }}</script>
<script src="/static/durchgehoert_start.js" defer></script>{% endif %}{# Set-Rückblick (12.11.2026): nur mit dem Schalter TIMBRE_RUECKBLICK (app._rueckblick: nie Store-Fassungen, Live-Demo, Offline-Paket) – ist er aus, steht hier nichts. Der Haken lädt static/hoer_mass.js und static/rueckblick.js nach; Knopf und Dialog baut das Modul. Die Session bleibt im Tab (sessionStorage). #}{% if rueckblick() %}
<script type="application/json" id="srb-t">{{ t.rueckblick | tojson }}</script>
<script src="/static/rueckblick_start.js" defer></script>{% endif %}
{% endif %}{% endmacro %}