# 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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F1ND6ds65ctlPqY4ez8lH%2FBildschirmfoto%202024-10-06%20um%2021.28.19.png?alt=media&#x26;token=1ace01b9-7480-4eda-b399-169cdbbe635a" 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%2F0eveSq9lvtsLwjJsxw1f%2FBildschirmfoto%202024-10-06%20um%2021.31.12.png?alt=media&#x26;token=dc3d552b-44d8-4e24-b72d-7003b2e57e2e" 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="../konfigurationsbausteine/icon">icon</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="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FinodMrN3FnL6DaAvKu5Y%2FBildschirmfoto%202024-10-06%20um%2021.33.20.png?alt=media&#x26;token=c8b47496-c6b5-4b62-bcfc-979d81fcfaa9" 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="../konfigurationsbausteine/seo" %}
[seo](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/seo)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/inhalt-content/trennlinien-divider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.