Hallo Auge (und Mitleser),

Sie geht strengenommen nicht verloren, aber sie wird durch die sowieso schon fette Formatierung der Überschrift überdeckt.

Du kannst sie aber wieder hervorlocken, indem du für font-weight numerische Angaben machst.

Beispiel:

h1 {
    font-weight: 600;
}
h1 b {
    font-weight: 900;
}

Also so?

h1 {
  font-weight: 600;
  background-color: hsl(280 2% 28%);
  color: white;
  text-align: center;
  margin: 1em 0 0.5em 0; /* Hier Abstand zwischen Nav und darunterstehendem Seiten-Inhalt einstellen */
  padding: 0.75em 1em;
  font-size: 1.4em;
}

h1 b {
  font-weight: 900;
}

Und noch eine Frage: Muss ich jetzt im HTML noch was ändern? Oder kapiert das HTML, dass ich mit "h1 b" im CSS die Fett-Formatierung

<b>Zeichen, die FETT hervorgehoben werden sollen</b>

meine, wie zum Beispiel auf der Seite "Jugend"?

<h1>Jugendtreff <b>Lights On</b> &ndash; <b>Neu</b> in neuen Räumlichkeiten</h1>

Übrigens merke ich nach Änderung (siehe oben) im CSS lokal noch keine Änderung der bislang "unsichtbaren" Fett-Darstellung ...

Danke für Rückmeldung(en)

Holger