{# Die Dreierkette als Liste rechts: erledigt, jetzt, gesperrt. Kein
   Formular hier; die Handlung steht links. Die drei `<section
   class="stufe …">` sind die EINZIGEN mit dieser Klasse auf der Seite:
   Der Browserdurchlauf zaehlt `.stufe.gesperrt` und liest `.stufe.jetzt`,
   und `tests/test_stufen.py` haengt an derselben Klasse.

   Ohne Uhrzeiten, obwohl das Bild welche zeigt: Die Auftragsantwort
   traegt sie nicht, und die API bleibt in Etappe 2 unberuehrt (Plan,
   Abweichung 1).

   Welche Stufe erledigt, dran oder gesperrt ist, RECHNET diese Vorlage
   nicht: `zustand` kommt fertig aus `_stufen` in `main.py`, wo auch das
   Ergebnis je Stufe entsteht. Zwei Rechner fuer dieselbe Frage drifteten
   (Code-Review 2026-09-03). #}
<ol class="zeitstrahl">
{% for zustand, titel, warum, ergebnis in stufen %}
<li><section class="stufe {{ zustand }}"><span class="punktmarke"></span><span class="text"><span class="titel">{{ titel }}</span>{% if zustand == 'erledigt' %}{% if ergebnis %}<span class="ergebnis">{{ ergebnis }}</span>{% endif %}{% elif zustand == 'jetzt' %}<span class="ergebnis">Jetzt dran</span>{% else %}<span class="warum">{{ warum }}</span>{% endif %}</span></section></li>
{% endfor %}
</ol>