Skip to main content

New in: Services! 🚀

Modules

Media Cards

Card modules with image and text — as carousel, grid or with expandable details. Three modules, one goal: presenting content in a visually appealing way.

Modules

Image Cards — with Images

Image cards with title and description (richtext) in carousel format. Each card shows a square image with hover zoom effect. Each card can be linked as a whole via its own link field; alternatively links can be set directly in the richtext — which then take precedence.

Image Cards — without Images

The same cards without maintained images. The image area is omitted, only title and description (richtext) are shown. Works, but does not look visually ideal — images should always be maintained.

Grid

Image Cards — Grid Layout with Card Links

Image Cards can now also be displayed as a grid. Instead of a carousel, all cards are shown at once in a centered grid — ideal when all content should be visible at a glance without the user having to scroll.

An incomplete last row is centered rather than left-aligned, so the grid stays visually balanced no matter how many cards are maintained.

Also new is the card link field: each card can be linked as a whole, a click anywhere on the card leads to the target. If the editor instead sets a link directly in the richtext, that link takes precedence — the card link field is then ignored.

Visual Teasers in Portrait Format

Portrait Teaser — Carousel

Teaser cards with portrait image (3:4), headline, text (richtext) and link in carousel mode. The cards are not cropped and fit completely into the visible area.

Carousel options: navigation, dots and autoplay. As the only one of the three modules, the Portrait Teaser additionally offers a grid display.

Schnelle Ladezeiten

Performance

Schnelle Ladezeiten

Optimierte Assets und intelligentes Caching garantieren beste Core Web Vitals und schnelle Seitenladezeiten.

Alle Geräte

Responsive

Alle Geräte

Vom Smartphone bis zum Desktop — alle Module passen sich nahtlos an jede Bildschirmgröße an.

Optimale Sichtbarkeit

SEO Optimised

Optimale Sichtbarkeit

Strukturierte Daten, Meta-Tags und semantisches Markup sorgen für beste Platzierungen in Suchmaschinen.

TYPO3 Powered

CMS Integration

TYPO3 Powered

Nahtlose Anbindung an TYPO3 — Redakteure pflegen Inhalte komfortabel im gewohnten Backend.

Konsistentes Design

Design System

Konsistentes Design

Ein durchdachtes Design System sorgt für einheitliche visuelle Sprache über alle Touchpoints hinweg.

Flexible Module

Modular

Flexible Module

Jedes Modul ist unabhängig einsetzbar und frei kombinierbar — für maximale Flexibilität im Content-Aufbau.

Eigenes Branding

Customisable

Eigenes Branding

Design Tokens, Custom Module und flexible Konfiguration machen jedes Projekt einzigartig.

Inklusives Web

Accessibility

Inklusives Web

All modules are designed for accessibility — with semantic HTML, ARIA attributes and keyboard navigation. Verified against WCAG 2.1 AA in the CI pipeline.

Visual Teasers in Portrait Format

Portrait Teaser — Grid

The same teaser cards in the grid display — a responsive grid instead of a carousel. One column on mobile, two columns from tablet, four columns side by side from desktop.

All content (portrait image, headline, text, link) remains identical — only the layout changes.

Schnelle Ladezeiten

Performance

Schnelle Ladezeiten

Optimierte Assets und intelligentes Caching garantieren beste Core Web Vitals und schnelle Seitenladezeiten.

Alle Geräte

Responsive

Alle Geräte

Vom Smartphone bis zum Desktop — alle Module passen sich nahtlos an jede Bildschirmgröße an.

Optimale Sichtbarkeit

SEO Optimised

Optimale Sichtbarkeit

Strukturierte Daten, Meta-Tags und semantisches Markup sorgen für beste Platzierungen in Suchmaschinen.

TYPO3 Powered

CMS Integration

TYPO3 Powered

Nahtlose Anbindung an TYPO3 — Redakteure pflegen Inhalte komfortabel im gewohnten Backend.

Konsistentes Design

Design System

Konsistentes Design

Ein durchdachtes Design System sorgt für einheitliche visuelle Sprache über alle Touchpoints hinweg.

Flexible Module

Modular

Flexible Module

Jedes Modul ist unabhängig einsetzbar und frei kombinierbar — für maximale Flexibilität im Content-Aufbau.

Eigenes Branding

Customisable

Eigenes Branding

Design Tokens, Custom Module und flexible Konfiguration machen jedes Projekt einzigartig.

Inklusives Web

Accessibility

Inklusives Web

All modules are designed for accessibility — with semantic HTML, ARIA attributes and keyboard navigation. Verified against WCAG 2.1 AA in the CI pipeline.

FAQ

Frequently Asked Questions about Media Cards