Zudem würde ich auf die Doppelpunkte hinter den Überschriften verzichten und diese, wenn sie denn gestalterisch notwendig sind, per CSS (:after und notfalls als Hintergrundbild) einfügen.
Das ist absolut Banane! after & content können nicht alle Browser und ein Hintergrundbild ist aus verschiedenen Gründen unangebracht: Man bringt Schrift in einer Grafik unter (unzugänglich, schmiegt sich nicht ein, skaliert nicht, wird hässlich aussehen), man bindet eine weitere Ressource ein, die vom Browser geholt werden muss, man muss ggf. ein weiteres span einfügen, um das Hintergrundbild hinter dem Text zu positionieren.
Wenn man auf die Doppelpunkte verzichten will, okay, dann soll man sie einfach weglassen, aber diese Vorschläge machen es nur schlechter.
Mathias