Layouts

Grids mit Layout-Kombinationen

Diese Seite zeigt Layout-Kombinationen von Grids:

1. In denen exemplarisch Bilder platziert werden. Dabei werden Bilder (Medien) innerhalb der Zeilen vertikal zentriert.

2. In denen Cards oder Teaser platziert werden. Elemente, die innerhalb der Zeilen nicht vertikal zentriert werden.

3. Text Einrückungen (für Untertitel und Text), welche eine spezielle Art von Layoutkombination sind.

Weitere Layout-Kombinationen von Grids können auf Anfrage kostengünstig realisiert werden. Nicht gewünschte Layout-Kombinationen können für eine optimale Content Creation Experience entfernt werden, damit der Editor nur CI valide Stile wählen kann.

Responsive Design

Full-Responsive Design. Alle Inhalts-Komponenten sind für verschiedene Bildschirmgrößen und Endgeräte optimiert. Eine Liste mit 4 nebeneinander angeordneten Elementen kann auf kleinen Endgeräten auch in 2 Spalten oder untereinander dargestellt werden.

4 Spalten


3 Spalten 1-1-1


3 Spalten 1-2-1


3 Spalten 1-1-2





2 Spalten 3-1


2 Spalten 1-3



50% Breite



Card Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Card Lorem ipsum

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.

Card Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.





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.

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.


Dies ist eine Seite mit Blindtext.

Inhalt mit dem Wortlaut "Lorem Ipsum" für rein demonstrative Zwecke.