# 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F2lgGJxmn4j1hZulaVbjP%2FBildschirmfoto%202024-10-06%20um%2022.11.05.png?alt=media&#x26;token=460ca7ab-0071-45c0-af61-7c7bbd8a4d05" alt=""><figcaption></figcaption></figure>

### Allgemeine - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FVvt1KF0YdahKc8DAx7JH%2FBildschirmfoto%202024-10-06%20um%2022.14.02.png?alt=media&#x26;token=272e327d-d8e6-408f-ad51-8e601138577b" 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2Fu2uRhLmfUegBMaI6ArWV%2FBildschirmfoto%202024-10-06%20um%2022.21.09.png?alt=media&#x26;token=11397143-ebc0-406b-b992-a2cc459db6fb" 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FaTvzkFqJf0IB59ZQA87A%2FBildschirmfoto%202024-10-06%20um%2022.22.24.png?alt=media&#x26;token=b95a5b89-a208-4e5d-8e1f-2fbdc03276eb" alt=""><figcaption></figcaption></figure>

### Responsive - Einstellungen

{% content-ref url="../konfigurationsbausteine/schriftgrosse" %}
[schriftgrosse](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/schriftgrosse)
{% endcontent-ref %}

### SEO - Einstellungen

{% content-ref url="../konfigurationsbausteine/seo" %}
[seo](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/seo)
{% endcontent-ref %}