Skip to main content

Jetzt Neu: Services! 🚀

Modules

Media Cards

Karten-Module mit Bild und Text — als Carousel, Grid oder mit Aufklapp-Details. Drei Module, ein Ziel: Inhalte visuell ansprechend präsentieren.

Components

Image Cards — mit Bildern

Bildkarten mit Titel und Beschreibung (Richtext) im Carousel-Format. Jede Karte zeigt ein quadratisches Bild mit Hover-Zoom-Effekt. Jede Karte kann über ein eigenes Link-Feld als Ganzes verlinkt werden; alternativ lassen sich Links direkt im Richtext setzen — diese haben dann Vorrang.

Image Cards — ohne Bilder

Die gleichen Karten ohne gepflegte Bilder. Der Bildbereich entfällt, nur Titel und Beschreibung (Richtext) werden angezeigt. Funktioniert, sieht aber visuell nicht ideal aus — Bilder sollten immer gepflegt werden.

Grid

Image Cards — Grid-Layout mit Karten-Links

Image Cards lassen sich jetzt auch als Grid darstellen. Statt im Carousel werden alle Karten gleichzeitig in einem zentrierten Raster angezeigt — ideal, wenn alle Inhalte auf einen Blick sichtbar sein sollen, ohne dass der Nutzer scrollen muss.

Eine unvollständige letzte Reihe wird dabei mittig ausgerichtet statt linksbündig. So bleibt das Raster optisch ausbalanciert, egal wie viele Karten gepflegt sind.

Neu ist außerdem das Karten-Link-Feld: Jede Karte kann als Ganzes verlinkt werden, ein Klick irgendwo auf der Karte führt zum Ziel. Setzt der Redakteur stattdessen einen Link direkt im Richtext, hat dieser Vorrang — das Karten-Link-Feld wird dann ignoriert.

Visuelle Teaser im Portrait-Format

Portrait Teaser — Carousel

Teaser-Karten mit Portrait-Bild (3:4), Headline, Text (Richtext) und Link im Carousel-Modus. Die Karten sind nicht angeschnitten und passen vollständig in den sichtbaren Bereich.

Carousel-Optionen: Navigation, Dots und Autoplay. Als einziges der drei Module bietet der Portrait Teaser zusätzlich eine Grid-Darstellung.

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-optimiert

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

Individualisierbar

Eigenes Branding

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

Inklusives Web

Barrierefreiheit

Inklusives Web

Alle Module sind auf Zugänglichkeit ausgelegt — mit semantischem HTML, ARIA-Attributen und Keyboard-Navigation.

Visuelle Teaser im Portrait-Format

Portrait Teaser — Grid

Die gleichen Teaser-Karten in der Grid-Darstellung — ein responsives Raster statt Carousel. Mobil eine Spalte, ab Tablet zwei Spalten, ab Desktop vier Spalten nebeneinander.

Alle Inhalte (Portrait-Bild, Headline, Text, Link) bleiben identisch, nur das Layout ändert sich.

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-optimiert

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

Individualisierbar

Eigenes Branding

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

Inklusives Web

Barrierefreiheit

Inklusives Web

Alle Module sind auf Zugänglichkeit ausgelegt — mit semantischem HTML, ARIA-Attributen und Keyboard-Navigation.

FAQ

Häufige Fragen zu Media Cards