> 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/trennlinien-divider.md).

# Trennlinien / Divider

Das Element dient dazu, visuelle **Trennungen zwischen verschiedenen Inhaltsabschnitten** auf deiner Webseite zu schaffen. Diese einfachen, aber effektiven Trennlinien helfen, die Lesbarkeit zu verbessern und eine klare Struktur auf der Seite zu schaffen. Divider können in verschiedenen Stilen und Designs eingesetzt werden.

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

### Allgemeine - Einstellungen

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

<table><thead><tr><th width="252">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Trenner - Typ (1)</td><td>Der Linientyp des Trenners. Entweder <strong>durchgezogen</strong>, <strong>gepunktet</strong>, <strong>gestrichelt</strong> oder <strong>doppelt</strong>.</td></tr><tr><td>Trenner - Inhalt (2)</td><td>Hier kannst du wählen, ob mit der Linie eine <strong>Überschrift</strong>, <strong>ein Icon</strong>, oder <strong>nichts</strong> gesetzt wird.<br><br><a data-mention href="/pages/vYopMubFoh9fbp8dHU45">/pages/vYopMubFoh9fbp8dHU45</a></td></tr><tr><td>Überschrift (3)</td><td>Setze die Überschrift, die zusammen mit den Linien des Trenners dargestellt wird.</td></tr></tbody></table>

### Layout - Einstellungen

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

<table><thead><tr><th width="252">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Trenner - Farbe (1)</td><td>Setze die generell Farbe hier</td></tr><tr><td>Trenner - Breite (2)</td><td>Hier kannst du die Breite des gesamten Elements festlegen</td></tr><tr><td>Trenner - Höhe (3)</td><td>Damit bestimmst du die Dicke der Linien</td></tr><tr><td>Vertikale Ausrichtung (4)</td><td>Wenn der Trenner neben einem anderen Element platziert wird, kommt diese Funktion zum Tragen</td></tr><tr><td>Horizontale Ausrichtung (5)</td><td>Hier bestimmst du, wie das <strong>Icon</strong>, oder die <strong>Überschrift</strong> mit den Linien zusammenspielt.</td></tr></tbody></table>

### SEO - Einstellungen

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