"producer responsive" - h1 über ganze Breite

Hallo, ich habe einen neuen Kunden, der Zeta "Business" nach meiner Empfehlung gekauft hat. Und jetzt erarbeite das Template nach seinen Vorgaben. Dann wandert die Seite zu ihm.

Klappt wie immer alles bestens, nur habe ich ein Problem mit der "h1". Diese soll einen Hintergrund bekommen, der wie "navbar und "kopfgrafik" über die gesamte Breite geht.
"h1" ist jedoch ein Teil des Containers, der nur die Websitebreite bedient.

Bisherige Änderungen:

- navbar unter header
- h1: Inline-CSS: background: rgba(56,81,128,0.8); padding-left: 15px !important; width: 100%; margin-top: -10px;

Testseite, um die Fragestellung zu zeigen: https://www.praxisbegleitung.at/heins/index.html

Liebe Grüße, ich freue mich auf Inputs und schicke wiedereinmal herzliche Grüße aus Wien,
Florian

Hallo Jochen,

dein Tipp war genau der richtig!

Danke wiedereinmal für die rasche und kompetente Info,
Florian

Hallo Jochen,

noch eine Frage: Der h1 die Hintergrundfarbe - über die gesamte Breite - zuzuordnen war wie gesagt erfolgreich. Gleichzeitig hinter einem teiltransparenten Hintergrund der h1 eine Grafik zu platzieren scheint nicht möglich.

Sprich: Weise ich einem Container sowohl eine Hintergrundfarbe uals auch ein Hintergrundbild zu "gewinnt" das Hintergrundbild!?

Als Anlage den Kundenentwurf der den teiltransparenten Hintergrund der h1 als stilgebendes Element zeigt.

Ist sicher kein "must", wenn ich das jedoch umsetzen könnte wäre das gut.

Liebe Grüße, Florian