Verspätungsfarbe als Verlauf: bis +2′ grün, gelb 10′, orange 20′, rot 30′, lila 40′, ab 50′ blinkend; Legende als Skala

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01X48pE4bzjHej8w9HyZXCjb

web/index.html

@@ -35,10 +35,8 @@
     <ul id="results" role="listbox" hidden></ul>
   </div>
   <ul class="legend">
-    <li><i style="--c:var(--ok)"></i>pünktlich</li>
-    <li><i style="--c:var(--d1)"></i>3–6′</li>
-    <li><i style="--c:var(--d2)"></i>6–15′</li>
-    <li><i style="--c:var(--d3)"></i>&gt;15′</li>
+    <li class="scale" aria-label="Verspätung: grün pünktlich, gelb 10, orange 20, rot 30, lila ab 40 Minuten, ab 50 blinkend">
+      <span class="bar"></span><span class="ticks"><b>0</b><b>10</b><b>20</b><b>30</b><b>40</b><b>50′+</b></span></li>
     <li><i style="--c:var(--na)"></i>ohne Echtzeit</li>
   </ul>
   <p id="status"></p>