Varianten: Text-Position horizontal
Definieren Sie, welche Bereiche im Bild das Motiv enthalten und demnach nicht durch Text überdeckt werden dürfen.
Je nach Bildschirmgrösse wird das Bild unterschiedlich abgeschnitten und das Objekt so positioniert, dass es möglichst immer sichtbar ist.
Wenn das Bild einen geschützten Bereich enthält, wird die Überschrift auf mobilen Geräten unter dem Hero-Bild dargestellt.
Responsive Verhalten
Auf Mobilen Geräten wird der Text unterhalb des Bildes dargestellt, wenn das geschützte Objekt überdeckt würde. Dadurch bleibt auch die Bildwirkung erhalten.
Rechts 1/2 geschützt
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
Rechts 1/3 geschützt
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
Links 1/3 geschützt
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
Links 1/2 geschützt
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
Ausrichtung Zentriert, 1/3 links+rechts geschützt
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
Ausrichtung Zentriert, 1/5 links+rechts geschützt
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
Dies ist eine Seite mit Blindtext.
Inhalt mit dem Wortlaut "Lorem Ipsum" für rein demonstrative Zwecke.