Cards

Ein flexibler Content-Block im Bootstrap-5 Look: Bild/Icon + Text + optionaler Button-Link – vertikal oder horizontal.

Was bekommst du

Eine Card ist ein Content-Baustein für Teaser & Einstiege: kompakt, scanbar, klickbar. Typisch für Landingpages, Übersichten, „Mehr erfahren“-Boxen oder Feature-Highlights.

Showcase

Vertikal

Content sauber strukturieren

Kurze Absätze, klare Zwischenüberschriften, aussagekräftige Teaser-Sätze – damit Leser:innen schneller finden, was sie suchen.
Tipp: Wenn du viel Inhalt hast, nutze Tabs/Pills oder teile in mehrere Cards auf.

Card Header

Inhalte vor Veröffentlichung prüfen

Bitte kontrolliere Links, Bildrechte und Ansprechpartner, bevor du die Seite live schaltest.
Bei Unsicherheit: lieber kurz Rücksprache halten – das spart später Korrekturen.

Relaunch mit Fokus auf Performance

Im Relaunch wurden Komponenten vereinheitlicht, Styles scoped gehalten und große Medien optimiert. Ergebnis: schnellere Ladezeiten, konsistente UI-Patterns und weniger Sonderfälle im Backend.
Ideal, wenn du viele Seiten hast und trotzdem „aus einem Guss“ bleiben willst.

Relaunch mit Fokus auf Performance

Im Relaunch wurden Komponenten vereinheitlicht, Styles scoped gehalten und große Medien optimiert. Ergebnis: schnellere Ladezeiten, konsistente UI-Patterns und weniger Sonderfälle im Backend.
Ideal, wenn du viele Seiten hast und trotzdem „aus einem Guss“ bleiben willst.

Inhalte vor Veröffentlichung prüfen

Bitte kontrolliere Links, Bildrechte und Ansprechpartner, bevor du die Seite live schaltest. Bei Unsicherheit: lieber kurz Rücksprache halten – das spart später Korrekturen.
 

Content sauber strukturieren

Kurze Absätze, klare Zwischenüberschriften, aussagekräftige Teaser-Sätze – damit Leser:innen schneller finden, was sie suchen.
Tipp: Wenn du viel Inhalt hast, nutze Tabs/Pills oder teile in mehrere Cards auf.

Horizontal

Relaunch mit Fokus auf Performance

Im Relaunch wurden Komponenten vereinheitlicht, Styles scoped gehalten und große Medien optimiert. Ergebnis: schnellere Ladezeiten, konsistente UI-Patterns und weniger Sonderfälle im Backend.
Ideal, wenn du viele Seiten hast und trotzdem „aus einem Guss“ bleiben willst.

Content sauber strukturieren

Kurze Absätze, klare Zwischenüberschriften, aussagekräftige Teaser-Sätze – damit Leser:innen schneller finden, was sie suchen.

Inhalte vor Veröffentlichung prüfen

Bitte kontrolliere Links, Bildrechte und Ansprechpartner, bevor du die Seite live schaltest. Bei Unsicherheit: lieber kurz Rücksprache halten – das spart später Korrekturen.

Karten Gruppe

Relaunch mit Fokus auf Performance

Im Relaunch wurden Komponenten vereinheitlicht, Styles scoped gehalten und große Medien optimiert. Ergebnis: schnellere Ladezeiten, konsistente UI-Patterns und weniger Sonderfälle im Backend.
Ideal, wenn du viele Seiten hast und trotzdem „aus einem Guss“ bleiben willst.

Inhalte vor Veröffentlichung prüfen

Bitte kontrolliere Links, Bildrechte und Ansprechpartner, bevor du die Seite live schaltest. Bei Unsicherheit: lieber kurz Rücksprache halten – das spart später Korrekturen.
 

Inhalte vor Veröffentlichung prüfen

Bitte kontrolliere Links, Bildrechte und Ansprechpartner, bevor du die Seite live schaltest.
Bei Unsicherheit: lieber kurz Rücksprache halten – das spart später Korrekturen.