<p>Deutschsprachige MP3-Dateien der <span>n</span>euen <span>e</span>vangelistischen <span>Ü</span>bersetzung zum kostenlosen Download.</p>
Ich würde hier eher die ganzen Wörter ins jeweilige span packen statt nur den ersten Buchstaben, und dann mit ::first-letter die Hervorhebung vornehmen.
Naheliegend, wobei ::first-letter nur für das erste Zeichen eines Blocks gilt. In Folge dessen:
header p span::first-letter {
color: #f00;
}
header p span {
display: inline-block;
}
Desweiteren header span
durch header h1 span
ersetzen.