> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/inhalt-content/animierte-uberschrift.md).

# Animierte Überschrift

Das Element verleiht deinen Textüberschriften eine dynamische und auffällige Note. Durch animierte Effekte wird der Text visuell hervorgehoben und sorgt für mehr Aufmerksamkeit.

<figure><img src="/files/LyoYEq8SeciuS7CzmNJo" alt=""><figcaption></figcaption></figure>

### Allgemeine - Einstellungen

<figure><img src="/files/3PJgE2ILpuTunRPWi8Vu" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="261">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Generelles Layout (1)</td><td><strong>Highlight</strong> = Ein Wort wird animiert<br><strong>Rotieren</strong> = Mehrere Wörter werden abwechselnd per Animation ein- / ausgeblendet</td></tr><tr><td>Stil der Animation (2)</td><td>Je nachdem, was du in (1) eingestellt hast, hast du verschiedene Möglichkeiten zu animieren</td></tr><tr><td>Text vor dem Teaser (3)</td><td>Das ist der Text, der <strong>vor</strong> dem Animationsblock dargestellt wird. Dieser Text ist optional und kann leer gelassen werden.</td></tr><tr><td>Highlight (4)</td><td>Dieser Text wird animiert</td></tr><tr><td>Text nach dem Teaser (5)</td><td>Das ist der Text, der <strong>nach</strong> dem Animationsblock dargestellt wird. Dieser Text ist optional und kann leer gelassen werden.</td></tr></tbody></table>

### Erweiterte - Einstellungen

<figure><img src="/files/iqjbzK2oyYGZ9e9MUekI" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="261">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Animation wiederholen (1)</td><td>Nach Abschluss der Animiation wiederholt sie sich atomatisch in Endlosschleife</td></tr><tr><td>Dauer (2)</td><td>Dauer, bis die Animation vollendet ist</td></tr><tr><td>Verzögerung (3)</td><td>Verzögerung, bis die Animation startet</td></tr></tbody></table>

### Layout - Einstellungen

<figure><img src="/files/kiZ2XHIUu0UWNDjTYxoi" alt=""><figcaption></figcaption></figure>

### Responsive - Einstellungen

{% content-ref url="/pages/ZJ9dlvURdA2KvrRvb6W0" %}
[Schriftgröße](/cms-bundle/elemente/konfigurationsbausteine/schriftgrosse.md)
{% endcontent-ref %}

### SEO - Einstellungen

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}