Das Headerbild-Element wird standardmäßig auf jeder Seite eingefügt, muss jedoch auf jeder Unterseite individuell eingebunden werden. Für eine optimale Darstellung auf verschiedenen Geräten werden zwei separate Bilder benötigt: eines für die Desktop-Ansicht und eines für die mobile Ansicht. Ein manuelles Zuschneiden der Bilder ist nicht notwendig – nach der Auswahl kann direkt im System ein geeigneter Bildausschnitt gewählt, verschoben und mit „Crop“ bestätigt werden.
Es ist empfehlenswert, auf allen Seiten einheitliche Headerbilder zu verwenden, um ein konsistentes Erscheinungsbild zu gewährleisten. Bei Sonderseiten oder in den Bereichen News und Veranstaltungen können jedoch auch bewusst individuelle Bilder eingesetzt werden.
Folgende Anpassungen können im Element vorgenommen werden:
- 0 – Bild (Desktop): Bild für die Darstellung auf großen Bildschirmgrößen,
- 1 – Bild (Mobil): Bild für die Darstellung auf kleinen Bildschirmgrößen,
- 2 – Text: Ein kurzer Text, der über dem Bild angezeigt wird.