Bildgrößen

.image--col-half (120x)
.image--col-1 (240x)
.image--col-2 (480x)
.image--col-3 (720x)

Bild mit Überschrift

Bildunterschriften

Standardmäßig werden die Captions unterhalb des Bildes angezeigt. Mit dem Setzen der Klassen ".caption--overlay" auf das Bild-Element werden die Captions als Overlay über das Bild gelegt.

Default Caption: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren
.caption--overlay: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergr

Großansicht

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Default Caption: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren

Fullpage Image im Layoutbereich "Below Main"

Lorem Ipsum
.fullpage .hero .no-padding auf dem Artikel | .no-margin .caption--overlay auf das Bild

Fullwidth Image im Layoutbereich "Below Main"

Lorem Ipsum
.fullwidth .hero .no-padding auf dem Artikel | .no-margin .caption--overlay auf das Bild