{# Live-Demo (23.10.2026): Band über Library und Titelblatt – was das hier ist, wo die Credits stehen, wie es mit eigener Musik
   weitergeht. Drei Teile: Satz · Hinweis zur Tag List · zwei Wege (Kostenlos anmelden, Credits). #}
{# Set bauen (24.10.2026): in der Library ein Weg zu /demo/set-bauen, dort zurück zur Library. #}
{% set dm = t.demo %}{% set im_setbau = pfad and pfad.startswith("/demo/set-bauen") %}
{% if demo_neu %}
{# Paket „Demo“ (11.11.2026, Mockup docs/konzepte/2026-11-11-eindruck/2-demo.html, Variante A): EINE Zeile – „Live-Demo · 120 freie
   Tracks“ (Zahl aus der Library des Demo-Kontos, demo_web.anzahl_sichtbar) und rechts der Quelltext-Link. Kein Knopf: „Anmelden“
   steht im Kopf, „Konto anlegen“, „Plattenkoffer packen“ und „Credits“ im ≡-Menü (kopf.html); ab 744 px gibt es kein ≡, dort stehen
   die beiden Wege als ruhige Textlinks in der Zeile (auf der Plattenkoffer-Seite „Zur Library“ – am Handy führen dorthin „Live-Demo“
   im ≡-Menü und der Knopf „Zurück zur Live-Demo“ der Seite). Der Satz zur Tag List kommt erst beim ersten „+“ (static/demo.js).
   AGPL-3.0 § 13 (07.11.2026): der Quelltext-Link bleibt ohne Konto in der Zeile sichtbar – am Handy steht keine Fußzeile
   (tests/test_demo_eindruck.py). Nur im Browser (demo_neu); App-Hüllen und Store-Apps bekommen das Band darunter wie vorher. #}
<aside class="demoband eins" aria-label="{{ dm.band_name }}">
  <p class="demozeile"><span class="eyebrow">{{ dm.eyebrow }}</span><span class="demozahl">{% if im_setbau %}{{ dm.setbau_band_neu }}{% elif demo_anzahl %}{{ dm.band_zahl | replace("{anzahl}", demo_anzahl) }}{% else %}{{ dm.band_frei }}{% endif %}</span></p>
  <p class="demowege">{% if im_setbau %}<a class="demobreit" href="/demo">{{ t.tagliste.zur_library }}</a>{% else %}<a class="demobreit" href="/demo/set-bauen">{{ t.generator.menue.erzeugen }}</a>{% endif %}<a class="demobreit" href="/demo/credits">{{ dm.credits }}</a>{% if quelltext_url() %}<span class="demoquelle"><a href="{{ quelltext_url() }}" rel="noopener" title="{{ t.quelltext }}">{{ dm.quelltext_kurz }}</a></span>{% endif %}</p>
</aside>
{% else %}
<aside class="demoband" aria-label="{{ dm.band_name }}">
  <div class="demotext"><p class="eyebrow">{{ dm.eyebrow }}</p>
    <p class="demosatz">{{ dm.setbau_band if im_setbau else dm.band }}</p>
    <p class="klein">{{ dm.band_tagliste }}</p>
    {# AGPL-3.0 § 13 (07.11.2026): auch wer nur die Demo nutzt, kommt an den Quelltext – am Handy steht keine Fußzeile #}
    {% if quelltext_url() %}<p class="klein demoquelle"><a href="{{ quelltext_url() }}" rel="noopener">{{ t.quelltext }}</a></p>{% endif %}</div>
  <p class="knopfreihe">{% if demo_zurueck %}<a class="knopf voll klein" href="{{ demo_zurueck[0] }}">{{ t.start.einstieg.stand if demo_zurueck[1] == "wartet" else t.onboard.verbinden }}</a>{% else %}<a class="knopf voll klein" href="/registrieren">{{ t.store.los if neutral else dm.anmelden }}</a>{% endif %}{% if im_setbau %}<a class="knopf klein" href="/demo">{{ t.tagliste.zur_library }}</a>{% else %}<a class="knopf klein" href="/demo/set-bauen">{{ t.generator.menue.erzeugen }}</a>{% endif %}<a class="knopf klein" href="/demo/credits">{{ dm.credits }}</a></p>
</aside>
{% endif %}