> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-bloecke/teaser.md).

# Teaser

Die **ThemeWare® Teaser-Blöcke** haben keine spezielle Funktion und dienen lediglich der Übersicht in der Auswahl der CMS-Blöcke im Erlebniswelt-Editor.

Du musst diese CMS-Blöcke nicht unbedingt nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

{% hint style="info" %}
**Hinweis**: Mehr Informationen zu den ThemeWare® Teaser-Elementen findest du hier: [Teaser](/zusatzfunktionen/cms-erweiterungen/cms-bloecke/teaser.md)
{% endhint %}

***

## Verfügbare Teaser-Blöcke

* Text-Teaser
* Text-Teaser (verziert)
* Button-Teaser
* Call-to-Action
* Hover-Box
* Image-Teaser
* Hero-Teaser
* Advanced-Teaser
* Classic-Teaser
* Modern-Teaser
* Runder Teaser

{% hint style="warning" %}
**Wichtig**: Diese Blöcke sind nur in der ThemeWare® Pro Edition verfügbar.
{% endhint %}

***

## Teaser-Block hinzufügen

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

> **Hinweis**: Teaser-Blöcke findest du in der Rubrik "ThemeWare® Allgemein" \[Pro]

![Teaser CMS-Block  hinzufügen](/files/Df6at8opXUq3UP1zPsrr)

***

## CSS-Klassen

In den Block-Einstellungen hast du die Möglichkeit CSS-Klassen für den entsprechenden CMS-Block zu definieren.

Für die ThemeWare® Teaser-Blöcke sind folgende CSS-Klassen besonders interessant:

{% embed url="<https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/bilder-in-cms-bloecken-mit-dekorationsklassen-verschoenern>" %}
ThemeWare® Wissensdatenbank => Bilder in CMS-Blöcken verschönern
{% endembed %}