Zeitleiste: Ketten stehen unter ihrem Ausloeser, Linien deutlicher

Gestapelt wurde nur nach Uhrzeit in die erste freie Zeile - ein Nachfolger
wie "Hitzeschutz Ost zurueck" landete irgendwo, wo gerade Platz war. Jetzt
wird familienweise eingesetzt: der Nachfolger kommt in die erste freie
Zeile direkt unter seinem Ausloeser. Je Zeile werden dafuer die belegten
Strecken gefuehrt statt nur ihr Ende.

Die Kettenlinie fehlte bei Nachfolgern mit Zeitfenster ganz und ging sonst
im Stundenraster unter. Sie hat jetzt einen dunklen Grund, eine hellere
Farbe, einen Endpunkt, laeuft erst nach unten und trifft den Nachfolger
von links. Beim Ueberfahren eines Eintrags leuchtet seine Kette auf.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

css/solar.css

@@ -2999,12 +2999,25 @@ input[type='range']::-webkit-slider-runnable-track {
   z-index: 0;
   overflow: visible;
 }
-.zl-ketten path {
+/* Die Linie liegt ueber dem Raster, aber unter den Etiketten. Ein dunkler
+   Grund darunter trennt sie von den Stundenlinien, sonst verschwindet sie
+   dort, wo sie eine kreuzt. */
+.zl-ketten .zl-kette-grund {
   fill: none;
-  stroke: rgba(154, 166, 173, .55);
-  stroke-width: 1.2;
-  stroke-dasharray: 3 3;
+  stroke: var(--ton-flaeche, #23282c);
+  stroke-width: 4;
+  opacity: .7;
 }
+.zl-ketten .zl-kette {
+  fill: none;
+  stroke: rgba(214, 222, 227, .72);
+  stroke-width: 1.6;
+  stroke-dasharray: 4 3;
+  transition: stroke .15s;
+}
+.zl-ketten .zl-kette-ende { fill: rgba(214, 222, 227, .85); transition: fill .15s; }
+.zl-ketten .zl-kette.hell { stroke: var(--ton-sonne, #f0b429); stroke-dasharray: none; }
+.zl-ketten .zl-kette-ende.hell { fill: var(--ton-sonne, #f0b429); }
 
 .zl-leer {
   padding: 1.2rem 0 .6rem 132px;