Hallo Merlin,

ich weiß nicht, ob das für Dich interessant ist, aber es gibt die sogenannten data-Attribute, wo Du beliebige Werte eintragen kannst. Und diese Werte kannst Du auch in CSS abfragen (auf =, nicht auf kleiner oder größer).

Ein Data-Attribut beginnt mit data- und dann einem von dir wählbaren Namen.

<div class="frei" data-delay="3">
...
</div>

div[data-delay=3] label {
   background-color...
}

Und ich sehe noch was, gleich zwei Buh-Buhs in einer Zeile:

<legend>&#160; FAHRZEUGE &#160;</legend>

(1) Dafür ist das non-breaking Space nicht gemacht. Lass die Spacerei weg und verwende lieber padding-inline (fasst padding-left und padding-right zusammen^[1]). Die ch Maßeinheit steht für die Breite der Ziffer 0, die bietet sich hier an. 1ch dürfte zwei Leerstellen entsprechen.

(2) Ein Screenreader wird dies als Eff Ah Hah Err Zett Eh Uh Geh Eh vorlesen. Das möchtest Du sicherlich nicht. Schreibe die Fahrzeuge ganz normal und sag im CSS, dass das Wort in Großbuchstaben dargestellt werden soll.

legend {
   padding-inline: 1ch;
   text-transform: uppercase;
}

Rolf