{# Startseiten-Animation „vorher → nachher“ (Bau 06.11.2026, Zweig start-scrolly; Konzept docs/konzepte/2026-11-06-start-scrolly/):
   ein Makro je Szene (SVG, viewBox 480 × 400) und das Library-Fenster des Hero. Daten und Geometrie: startseite_szenen.py (`sz`),
   Texte: texte_szenen.py (`t.szenen`). Das Endbild steht im HTML; static/szenen.js (nachgeladen) setzt nur Klassen.
   Bewegte Teile tragen data-f (erste Phase), data-f2 (zweite Phase, .p2), data-c (Dateikarte → Zeile), data-w/-w2 (wachsen von links);
   ihre Startlage steht als --x/--y/--r/--s, die Verzögerung als --d im style-Attribut. Erfunden und als Beispiel markiert. #}
{% import "symbole.html" as SY %}
{% macro zaehler(z) %}<text class="{{ z.cls }}" x="{{ z.x }}" y="{{ z.y }}"{% if z.anker != 'start' %} text-anchor="{{ z.anker }}"{% endif %} data-zahl data-von="{{ z.von }}" data-d="{{ z.d }}" data-dauer="{{ z.dauer }}">{{ z.text }}</text>{% endmacro %}
{% macro keychip(k, x, y, w=34, h=20, stil=none, attr="data-f") %}<g{% if stil is not none %} {{ attr }} style="{{ stil }}"{% endif %}><rect x="{{ x }}" y="{{ y }}" width="{{ w }}" height="{{ h }}" rx="5" fill="{{ k.bg }}"/><text class="s-key" x="{{ x + w / 2 }}" y="{{ y + h / 2 + 4 }}" text-anchor="middle" fill="{{ k.tx }}">{{ k.ok }}</text></g>{% endmacro %}
{% macro enchip(n, x, y, w=34, h=20, stil=none, attr="data-f", fs=11) %}<g{% if stil is not none %} {{ attr }} style="{{ stil }}"{% endif %}><rect class="s-e{{ n }}" x="{{ x }}" y="{{ y }}" width="{{ w }}" height="{{ h }}" rx="4"/><text class="s-en s-e{{ n }}t" x="{{ x + w / 2 }}" y="{{ '%.1f' | format(y + h / 2 + fs * 0.36) }}" text-anchor="middle"{% if fs != 11 %} style="font-size:{{ fs }}px"{% endif %}>{{ sz.ez[n] }}</text></g>{% endmacro %}

{# ---------- 1 · Chaos: Dateinamen fliegen durcheinander in den Ordner ---------- #}
{% macro szene_chaos(S) %}{% set s = S.s %}{% set c = sz.chaos %}
<text class="s-mono" x="16" y="24">{{ s.ordner }}</text><text class="s-caps" x="464" y="24" text-anchor="end">{{ s.beispiel }}</text>
{% for ch in c.chips %}<g transform="{{ ch.t }}"><g data-f style="{{ ch.stil }}"><rect class="s-chip{% if ch.warn %} warn{% endif %}" x="0" y="-13" width="{{ ch.w }}" height="26" rx="6"/><text class="s-mono" x="11" y="4">{{ ch.name }}</text></g></g>{% endfor %}
<line class="s-linie" x1="16" x2="464" y1="322" y2="322"/>{{ zaehler(c.zahl) }}<text class="s-klein" x="16" y="392">{{ s.dateien }}</text>
<text class="s-klein" x="464" y="352" text-anchor="end">{{ s.mit_bpm }} <tspan class="s-akzenttext">0</tspan></text><text class="s-klein" x="464" y="372" text-anchor="end">{{ s.mit_key }} <tspan class="s-akzenttext">0</tspan></text><text class="s-klein" x="464" y="392" text-anchor="end">{{ s.sortiert }} <tspan class="s-akzenttext">0</tspan></text>
{% endmacro %}

{# ---------- 2 · Analyse: dieselben Dateikarten ordnen sich zur Liste (.an → .p2), dann kommen die Werte ---------- #}
{% macro szene_analyse(S) %}{% set s = S.s %}{% set a = sz.analyse %}
<text class="s-caps" x="28" y="30">{{ s.titel }}</text><text class="s-caps" x="250" y="30" text-anchor="end">BPM <tspan class="s-gem">●</tspan></text><text class="s-caps" x="262" y="30">Key <tspan class="s-gem">●</tspan></text><text class="s-caps" x="310" y="30">{{ s.energie_kurz }} <tspan class="s-mod">◆</tspan></text><text class="s-caps" x="362" y="30">{{ s.genre_mix }} <tspan class="s-mod">◆</tspan></text>
{% for z in a.zeilen %}<g data-c style="{{ z.c }}"><rect class="s-zeile s-nurliste" x="12" y="{{ z.y }}" width="456" height="46" rx="8"/><rect class="s-chip s-nurchaos" x="12" y="{{ z.y + 10 }}" width="{{ z.w }}" height="26" rx="6"/><text class="s-mono s-nurchaos" x="23" y="{{ z.y + 27 }}">{{ z.datei }}</text>
  <g data-f2 style="{{ z.f_titel }}"><text class="s-titel" x="28" y="{{ z.y + 20 }}">{{ z.titel }}</text><text class="s-klein s-leise" x="28" y="{{ z.y + 36 }}">{{ z.artist }}</text></g></g>
  <g data-f2 style="{{ z.f_bpm }}"><text class="s-mono s-voll" x="250" y="{{ z.y + 28 }}" text-anchor="end">{{ z.bpm }}</text></g>{{ keychip(z.key, 262, z.y + 13, stil=z.f_key, attr="data-f2") }}{{ enchip(z.en, 310, z.y + 13, stil=z.f_en, attr="data-f2") }}<g data-w2 style="{{ z.f_band }}">{% for b in z.band %}<rect x="{{ b.x }}" y="{{ b.y }}" width="{{ b.w }}" height="{{ b.h }}" rx="2" class="s-d{{ b.f }}"/>{% endfor %}</g>
{% endfor %}<rect class="s-scan s-akzent" x="12" y="44" width="456" height="2" rx="1"/>
<line class="s-linie" x1="16" x2="464" y1="322" y2="322"/>{{ zaehler(a.zahl) }}<text class="s-klein" x="16" y="392">{{ s.analysiert | replace("{n}", sz.gesamt) }}</text>
<text class="s-klein" x="464" y="372" text-anchor="end"><tspan class="s-gem">●</tspan> {{ s.gemessen }}</text><text class="s-klein" x="464" y="392" text-anchor="end"><tspan class="s-mod">◆</tspan> {{ s.modell }}</text>
{% endmacro %}

{# ---------- 3 · Klang: Mix-Oktagon baut sich im Uhrzeigersinn auf, Punkte ähnlicher Tracks fliegen in ihr Feld ---------- #}
{% macro szene_oktagon(S) %}{% set s = S.s %}{% set o = sz.oktagon %}
{% for y, w in o.reihen %}<text class="s-caps" x="{{ o.x0 - 10 }}" y="{{ y }}" text-anchor="end">{{ s[w] }}</text>{% endfor %}
<text class="s-caps s-akzenttext" x="{{ o.x0 - 10 }}" y="{{ o.y0 + 14 }}" text-anchor="end">{{ s.mehr }}</text><text class="s-caps" x="{{ o.x0 - 10 }}" y="{{ o.unten - 4 }}" text-anchor="end">{{ s.weniger }}</text>
<text class="s-caps" x="464" y="24" text-anchor="end">{{ s.beispiel }}</text>
{% for f in o.felder %}<g data-f style="{{ f.stil }}"><polygon class="s-feld{% if f.mitte %} mitte{% endif %}" points="{{ f.punkte }}"/>
  {% if f.mitte %}<text class="s-caps s-akzenttext" x="{{ f.cx }}" y="{{ f.y + 18 }}" text-anchor="middle">{{ s.jetzt }}</text>{{ keychip(f.key, f.cx - 17, f.y + 26) }}<text class="s-klein s-voll" x="{{ f.cx }}" y="{{ f.y + 62 }}" text-anchor="middle">{{ o.bpm }} BPM</text><text class="s-klein" x="{{ f.cx }}" y="{{ f.y + 77 }}" text-anchor="middle">{{ s.energie }} ++</text>
  {% else %}<text x="{{ f.ix }}" y="{{ f.y + 26 }}"><tspan class="s-mono s-akzenttext">{{ f.sym }}</tspan> <tspan class="s-titel">{{ f.n }}</tspan></text>{% if f.wort %}<text class="s-klein s-11" x="{{ f.ix }}" y="{{ f.y + 44 }}">{{ s[f.wort] }}</text>{% endif %}{% for k in f.chips %}{{ keychip(k, k.x, k.y, w=30, h=17) }}{% endfor %}{% endif %}</g>
{% endfor %}{% for p in o.punkte %}<circle cx="{{ p.x }}" cy="{{ p.y }}" r="3.6" fill="{{ p.farbe }}" data-f style="{{ p.stil }}"/>{% endfor %}
<line class="s-linie" x1="16" x2="464" y1="322" y2="322"/>{{ zaehler(o.zahl) }}<text class="s-klein" x="16" y="392">{{ s.passen }}</text>
<text class="s-klein" x="464" y="352" text-anchor="end"><tspan class="s-d3f">●</tspan> {{ s.je_punkt }}</text><text class="s-klein" x="464" y="372" text-anchor="end">{{ s.nah }}</text>
{% endmacro %}

{# ---------- 4 · Ordnen: Energiekurve Opener → Closing (links → rechts = Zeit, oben = mehr), Playlists, Cover fächern sich auf und ordnen sich zum Plattenkoffer ---------- #}
{% macro szene_ordnen(S) %}{% set s = S.s %}{% set k = sz.ordnen.kurve %}{% set ko = sz.ordnen.koffer %}
{% for st in k.stufen %}<line class="s-raster" x1="{{ k.x0 }}" x2="{{ k.x1 }}" y1="{{ st.y }}" y2="{{ st.y }}"/>{{ enchip(st.s, k.x0 - 40, st.y - 8, w=30, h=16, fs=10) }}{% endfor %}
<clipPath id="sz-kurve"><rect x="{{ k.clip.x }}" y="{{ k.clip.y }}" width="{{ k.clip.w }}" height="{{ k.clip.h }}" data-w style="{{ k.clip.stil }}"/></clipPath>
<g clip-path="url(#sz-kurve)"><path class="s-kurvenflaeche" d="{{ k.flaeche }}"/><path class="s-kurve" d="{{ k.pfad }}"/></g>
{% for p in k.punkte %}<circle cx="{{ p.x }}" cy="{{ p.y }}" r="4.5" class="s-akzent" data-f style="{{ p.stil }}"/>{% endfor %}
<text class="s-caps" x="52" y="160">{{ s.opener }}</text><text class="s-caps" x="258" y="160" text-anchor="middle">{{ s.peak }}</text><text class="s-caps" x="464" y="160" text-anchor="end">{{ s.closing }}</text>
<text class="s-caps" x="16" y="208">{{ s.tag_lists }}</text>
{% for l in sz.ordnen.listen %}<g data-f style="{{ l.stil }}"><rect class="s-chip" x="12" y="{{ l.y }}" width="184" height="34" rx="17"/><text class="s-titel" x="30" y="{{ l.y + 22 }}">{{ s.listen[loop.index0] }}</text><text class="s-mono" x="180" y="{{ l.y + 22 }}" text-anchor="end">{{ l.n }}</text></g>{% endfor %}
{# Plattenkoffer (08.11.2026, Zweig texte-koffer): acht Cover mit ihrer Platte fächern sich auf und ordnen sich zur Reihe im Koffer;
   Kreppband mit dem Szenario des Tages (sz.szenario), Zähler 0 → 38. Endbild = Reihe (ohne Skript, reduzierte Bewegung). #}
{{ SY.plattenkoffer("s-ikon", 16, ko.x, 195) }}<text class="s-caps" x="{{ ko.x + 22 }}" y="208">{{ s.koffer }}</text>
<rect class="s-koffer" x="{{ ko.x }}" y="{{ ko.y }}" width="{{ ko.w }}" height="{{ ko.h }}" rx="12"/>
{% for c in ko.cover %}<g data-c style="{{ c.stil }}"><circle class="s-platte" cx="{{ c.px }}" cy="{{ c.py }}" r="13"/><circle class="s-d{{ c.f }}" cx="{{ c.px }}" cy="{{ c.py }}" r="4"/><rect class="s-cover s-d{{ c.f }}" x="{{ c.x }}" y="{{ c.y }}" width="{{ c.w }}" height="{{ c.w }}" rx="3"/><circle class="s-coverloch" cx="{{ c.x + 13 }}" cy="{{ c.y + 24 }}" r="3.5"/></g>{% endfor %}
{% set e = sz.szenario %}<g data-f2 style="{{ ko.etikett_stil }}"><g transform="rotate(-2.5 {{ ko.x + 14 + e.w / 2 }} {{ ko.etikett_y + 15 }})"><rect class="s-krepp" x="{{ ko.x + 14 }}" y="{{ ko.etikett_y }}" width="{{ e.w }}" height="30" rx="2"/><text class="s-krepptext" x="{{ ko.x + 14 + e.w / 2 }}" y="{{ ko.etikett_y + 20 }}" text-anchor="middle"{% if e.text_w %} textLength="{{ e.text_w }}" lengthAdjust="spacingAndGlyphs"{% endif %}>{{ e.name }}</text></g></g>
{{ zaehler(ko.zahl) }}<text class="s-klein s-voll" x="{{ ko.x + 76 }}" y="{{ ko.y + ko.h - 24 }}">{{ s.tracks }}</text><text class="s-klein s-leise" x="{{ ko.x + 76 }}" y="{{ ko.y + ko.h - 8 }}">{{ s.aus | replace("{n}", ko.gesamt) }}</text>
<text class="s-caps" x="464" y="208" text-anchor="end">{{ s.beispiel }}</text>
{% endmacro %}

{# ---------- 5 · Zurück: vier Listen wandern als Playlists nach Rekordbox (nur als Wort, kein Logo, keine Oberfläche) ---------- #}
{% macro szene_zurueck(S) %}{% set s = S.s %}{% set z = sz.zurueck %}{% set zi = z.ziel %}
<text class="s-caps" x="16" y="68">{{ s.aus_timbre }}</text><text class="s-caps" x="16" y="24">{{ s.beispiel }}</text>
{% for q in z.quellen %}{% set name = sz.szenario.name if q.koffer else s.listen[q.liste] %}<g data-f style="{{ q.stil }}"><rect class="s-chip{% if q.koffer %} s-rand{% endif %}" x="12" y="{{ q.y }}" width="196" height="38" rx="9"/><text class="s-caps" x="26" y="{{ q.y + 16 }}">{{ s.koffer if q.koffer else s.tag_list }}</text><text class="s-titel" x="26" y="{{ q.y + 31 }}">{{ name }}</text><text class="s-mono" x="194" y="{{ q.y + 25 }}" text-anchor="end">{{ q.n }}</text></g>
  {% for p in q.pakete %}<rect class="s-lauf s-paket" x="214" y="{{ q.y + 16 }}" width="12" height="6" rx="3" style="{{ p }}"/>{% endfor %}<line class="s-linie s-strich" x1="212" x2="282" y1="{{ q.y + 19 }}" y2="{{ q.y + 19 }}"/>
{% endfor %}<rect class="s-ziel" x="{{ zi.x }}" y="{{ zi.y }}" width="{{ zi.w }}" height="{{ zi.h }}" rx="12"/><text class="s-titel" x="{{ zi.x + 16 }}" y="{{ zi.y + 28 }}">Rekordbox</text><text class="s-caps" x="{{ zi.x + zi.w - 14 }}" y="{{ zi.y + 28 }}" text-anchor="end">{{ s.ziel }}</text><line class="s-linie" x1="{{ zi.x }}" x2="{{ zi.x + zi.w }}" y1="{{ zi.y + 42 }}" y2="{{ zi.y + 42 }}"/>
{% for r in zi.zeilen %}<g data-f style="{{ r.stil }}"><text class="s-klein s-voll" x="{{ zi.x + 16 }}" y="{{ r.y + 22 }}">{{ sz.szenario.name if r.liste == 3 else s.listen[r.liste] }}</text></g><g data-f style="{{ r.haken }}"><circle class="s-haken" cx="{{ zi.x + zi.w - 24 }}" cy="{{ r.y + 18 }}" r="9"/><path class="s-hakenstrich" d="M{{ zi.x + zi.w - 28.5 }},{{ r.y + 18 }} l3,3 l6,-6"/></g>{% endfor %}
<line class="s-linie" x1="16" x2="464" y1="322" y2="322"/>{{ zaehler(z.zahl) }}<text class="s-klein" x="16" y="392">{{ s.zurueck }}</text>
<text class="s-klein" x="464" y="372" text-anchor="end">{{ s.bleiben }}</text><text class="s-klein s-leise" x="464" y="392" text-anchor="end">{{ s.dateien_bleiben }}</text>
{% endmacro %}

{# ---------- Hero: Library-Fenster, das sich selbst füllt und den ersten Track spielt (nur CSS, kein Skript) ---------- #}
{% macro fenster(S) %}{% set F = S.fenster %}{% set e = sz.erster %}
<div class="la-fenster" role="img" aria-label="{{ F.bild }}" data-fenster>
  <div class="f-kopf" aria-hidden="true"><span class="f-punkte"><i></i><i></i><i></i></span><b>{{ F.titel }}</b><span class="f-such">{{ F.suche }}</span><span class="f-status"><i class="f-puls"></i>{{ F.status }}</span></div>
  <div class="f-spalten" aria-hidden="true">{% for sp in F.spalten %}<span>{{ sp }}</span>{% endfor %}</div>
  <ol class="f-liste" aria-hidden="true">{% for z in sz.fenster %}<li style="--i:{{ loop.index0 }}"><span class="f-titel"><b>{{ z.titel }}</b><small>{{ z.datei }}</small></span><span class="f-bpm f-wert zahl">{{ z.bpm }}</span><span class="f-key f-wert" style="background:{{ z.key.bg }};color:{{ z.key.tx }}">{{ z.key.ok }}</span><span class="f-en e{{ z.en }} f-wert">{{ z.ez }}</span><span class="f-band">{% for p, f in z.mix %}<i style="flex:{{ p }}" class="s-bg{{ f }}"></i>{% endfor %}</span></li>{% endfor %}</ol>
  <div class="f-player" aria-hidden="true"><span class="f-play"><svg viewBox="0 0 24 24" width="14" height="14" focusable="false"><path d="M7 5h3v14H7zM14 5h3v14h-3z" fill="currentColor"/></svg></span>
    <span class="f-jetzt"><span><b>{{ e[0] }}</b> · {{ e[1] }}</span><span class="f-welle"><i class="f-lauf"></i></span></span><span class="f-eq"><i></i><i></i><i></i><i></i></span><span class="f-zeit zahl">6:48</span></div>
  <p class="f-hinweis" aria-hidden="true">{{ F.hinweis }}</p>
</div>{% endmacro %}

{# Library-Fenster mit Umschalter „Ordner | Klang“ (11.11.2026, Zweig eindruck-start; nur im neuen Hero, start.html): zwei
   Radio-Felder vor dem Fenster, nur CSS (Geschwister-Selektor, werkzeuge/tokens_held.py) – „Klang“ ist von Anfang an gewählt
   (dieselben fünf Tracks, nach Tempo/Energie geordnet, mit allen Werten), „Ordner“ zeigt dieselben Dateien nach Dateiname und
   ohne Werte. Jede Ansicht ist ein eigenes Bild mit eigener Beschreibung; die abgewählte ist für alle unsichtbar. #}
{% macro fenster_wahl(S) %}{% set F = S.fenster %}{% set e = sz.erster %}
<div class="la-fw" role="group" aria-labelledby="fw-l">
  <input class="unsichtbar f-ro" type="radio" name="fw" id="fw-o"><input class="unsichtbar f-rk" type="radio" name="fw" id="fw-k" checked>
  <p class="f-um"><span id="fw-l">{{ F.sortiert }}</span><label for="fw-o">{{ F.ordner }}</label><label for="fw-k">{{ F.klang }}</label></p>
  <div class="la-fenster" data-fenster>
    <div class="f-kopf" aria-hidden="true"><span class="f-punkte"><i></i><i></i><i></i></span><b>{{ F.titel }}</b><span class="f-such">{{ F.suche }}</span><span class="f-status"><i class="f-puls"></i>{{ F.status }}</span></div>
    <div class="f-spalten" aria-hidden="true">{% for sp in F.spalten %}<span>{{ sp }}</span>{% endfor %}</div>
    <div class="f-ordner" role="img" aria-label="{{ F.ordner_bild }}"><ol class="f-liste" aria-hidden="true">{% for z in sz.fenster | sort(attribute="datei") %}<li><span class="f-titel"><b>{{ z.datei }}</b></span><span class="f-bpm">–</span><span class="f-key f-leer"></span><span class="f-en f-leer"></span><span class="f-band f-leer"></span></li>{% endfor %}</ol></div>
    <div class="f-klang" role="img" aria-label="{{ F.bild }}"><ol class="f-liste" aria-hidden="true">{% for z in sz.fenster | sort(attribute="bpm") %}<li style="--i:{{ loop.index0 }}"><span class="f-titel"><b>{{ z.titel }}</b><small>{{ z.datei }}</small></span><span class="f-bpm f-wert zahl">{{ z.bpm }}</span><span class="f-key f-wert" style="background:{{ z.key.bg }};color:{{ z.key.tx }}">{{ z.key.ok }}</span><span class="f-en e{{ z.en }} f-wert">{{ z.ez }}</span><span class="f-band">{% for p, f in z.mix %}<i style="flex:{{ p }}" class="s-bg{{ f }}"></i>{% endfor %}</span></li>{% endfor %}</ol></div>
    <div class="f-player" aria-hidden="true"><span class="f-play"><svg viewBox="0 0 24 24" width="14" height="14" focusable="false"><path d="M7 5h3v14H7zM14 5h3v14h-3z" fill="currentColor"/></svg></span>
      <span class="f-jetzt"><span><b>{{ e[0] }}</b> · {{ e[1] }}</span><span class="f-welle"><i class="f-lauf"></i></span></span><span class="f-eq"><i></i><i></i><i></i><i></i></span><span class="f-zeit zahl">6:48</span></div>
    <p class="f-hinweis" aria-hidden="true">{{ F.hinweis }}</p>
  </div>
</div>{% endmacro %}

{# ---------- Der Bereich unter dem Hero: Zeitleiste (klebt), fünf Szenen auf der Bühne, fünf Kapiteltexte ---------- #}
{% macro scrolly(S) %}
<section class="sz-scrolly" id="vorher-nachher" data-scrolly aria-label="{{ S.bereich }}">
  <nav class="zeitleiste" aria-label="{{ S.zeitleiste }}"><span class="zl-vorher" aria-hidden="true">{{ S.vorher }}</span>
    <div class="zl-mitte"><i class="zl-spur" aria-hidden="true"><i class="zl-fuell"></i></i><ol>{% for k in S.kapitel %}<li><a href="#k{{ loop.index }}"><i aria-hidden="true"></i><span>{{ k[0] }}</span></a></li>{% endfor %}</ol></div>
    <span class="zl-nachher" aria-hidden="true">{{ S.nachher }}</span></nav>
  {% set zahlen = [sz.gesamt, "", sz.passen, sz.koffer_n, sz.sortiert] %}
  {# „Mehr in der Hilfe“ je Kapitel (ersetzt die Links der alten Akte; Anker geprüft in tests/test_startseite.py) #}
  {% set hilfe_anker = [[], ["was-misst-timbre", "genres"], ["oktagon"], ["tagliste", "filtern"], ["rekordbox", "export"]] %}
  {% set bilder = [szene_chaos, szene_analyse, szene_oktagon, szene_ordnen, szene_zurueck] %}
  {% for k in S.kapitel %}{% set i = loop.index0 %}
  {% set p2 = {1: sz.analyse.p2, 3: sz.ordnen.p2}.get(i) %}<figure class="sz-bild" data-bild="{{ i }}"{% if p2 %} data-p2="{{ p2 }}"{% endif %}><svg viewBox="0 0 480 400" role="img" aria-label="{{ k[4] | replace('{n}', zahlen[i]) | replace('{name}', sz.szenario.name) }}" focusable="false">{{ bilder[i](S) }}</svg></figure>
  <article class="kap" id="k{{ loop.index }}" data-kap style="--zeile:{{ loop.index }}" aria-labelledby="hk{{ loop.index }}"><div class="kap-karte">
    <p class="kap-nr"><span class="zahl">0{{ loop.index }}</span> · {{ k[0] }}</p><h2 id="hk{{ loop.index }}">{{ k[1] }}</h2>
    <p class="kap-text">{{ k[2] }}</p><p class="kap-praxis">{{ k[3] | replace("{name}", sz.szenario.name) }}</p>
    {% set anker = hilfe_anker[i] %}{% if anker %}<p class="etikett mehr kap-mehr">{{ t.leit.mehr }} {% for a in anker %}<a href="/hilfe#{{ a }}">{{ t.hilfe.links[a] }}</a>{% if not loop.last %}<span aria-hidden="true"> · </span>{% endif %}{% endfor %}</p>{% endif %}</div></article>
  {% endfor %}
</section>{% endmacro %}