Elementgruppe

Elementgruppe

Die Standard-Gruppe fasst Inhalte rein logisch zusammen – ohne eigenes Layout, ohne Abstände, ohne spezielle Darstellung.
Sie ist ideal, wenn Inhalte organisatorisch gruppiert werden sollen, aber das Erscheinungsbild komplett von den einzelnen Elementen selbst bestimmt werden soll.

Elementgruppe Grid

Nutzen ein spaltenbasiertes Raster. Perfekt für Inhalte, die klar strukturiert, gleichmäßig verteilt oder präzise ausgerichtet werden sollen.
Beispiele: Karten, Benefits, Bilder + Texte in definierter Spaltenlogik.

Elementgruppe Flex

Eine flexible, dynamische Variante, bei der Inhalte sich je nach verfügbarem Platz automatisch anordnen und umbrechen.
Ideal, wenn Elemente unterschiedlich breit sein dürfen oder wenn auf mobilen Geräten eine fließende, adaptive Darstellung gewünscht ist.

Anzahl der Spalten: 2–4

Die Inhalte können flexibel in zwei, drei oder vier Spalten angeordnet werden – passend für unterschiedliche Layout-Anforderungen.

Variable Aufteilung bei 2 Spalten

Für zweispaltige Layouts stehen zusätzliche Aufteilungsvarianten zur Verfügung:

• 3:2 – die erste Spalte ist breiter
• 2:3 – die zweite Spalte ist breiter

Damit lassen sich Schwerpunkte im Layout gezielt setzen.

Elemente horizontal zentrieren

Optional können alle Grid-Items innerhalb ihrer Spalte mittig ausgerichtet werden – ideal für kompakte Inhalte wie Logos oder Bild + Text.

Elemente gleicher Höhe

Aktiviert eine einheitliche Höhe aller Grid-Items, sodass ein harmonisches Gesamtbild entsteht – unabhängig davon, wie viel Text ein einzelnes Element enthält.

Ausrichtung bei Zeilenumbruch

Wenn Elemente auf kleineren Geräten umbrechen, werden sie untereinander zentriert, damit auch im mobilen Layout ein optisch stimmiges Erscheinungsbild entsteht.

Ausrichtung der Elemente (vertikal)

Die vertikale Position jedes Elements innerhalb der Zeile kann individuell gesteuert werden:

• Element oben platzieren – richtet alle Inhalte am oberen Rand aus
• Element zentriert platzieren – Inhalte werden vertikal mittig ausgerichtet
• Element unten platzieren – Inhalte werden am unteren Rand der Zeile positioniert

Diese Optionen helfen dabei, unterschiedliche Elementhöhen harmonisch auszurichten.

Anordnung der Elemente (horizontal)

Die Elemente können entlang der Zeile unterschiedlich angeordnet werden:

• Linksbündig – alle Elemente starten am linken Rand
• Zentriert – Elemente werden mittig gesammelt
• Rechtsbündig – die Elemente schließen rechtsbündig ab
• Elemente mit gleichem Abstand – zwischen allen Elementen wird automatisch gleich viel Platz verteilt („space-between“-Effekt)

So lassen sich sowohl kompakte als auch luftige Layouts realisieren.