# Icon - Textbox

Das Icon-Textbox-Element ermöglicht es dir, Textinhalte visuell ansprechend mit Icons zu kombinieren. Dieses Element eignet sich hervorragend, um wichtige Informationen, Dienstleistungen, Vorteile oder Funktionen klar und einprägsam zu präsentieren. 

Durch die Verwendung von Icons wird der Text aufgelockert und die Botschaft wird effektiver vermittelt.

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F6HN43NUnUO8Lw0gpqUkd%2FBildschirmfoto%202024-10-05%20um%2023.41.55.png?alt=media&#x26;token=408d6c02-5ac7-442a-aef8-34d2fc985a40" alt=""><figcaption></figcaption></figure>

### Icon Boxen - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FNrRICpoXtJntWnr1qVhy%2FBildschirmfoto%202024-10-05%20um%2023.43.57.png?alt=media&#x26;token=dc494d02-709a-4289-9af3-6dbfbaea9253" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="245">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Icon auswählen (1)</td><td><a data-mention href="../konfigurationsbausteine/icon">icon</a></td></tr><tr><td>Titel (2)</td><td>Hier setzt du den Titel der Box</td></tr><tr><td>Untertitel (3)</td><td>Hier setzt du den Untertitel</td></tr><tr><td>Navigator der Box (4)</td><td>Hier kannst du die Box <strong>duplizieren</strong>, die <strong>Reihenfolge ändern</strong> und <strong>löschen</strong>.</td></tr><tr><td>Icon - Box hinzufügen (5)</td><td>Hier kannst du weitere Boxen hinzufügen</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%2Ff88xjVoWANBwSuv10a0f%2FBildschirmfoto%202024-10-05%20um%2023.50.48.png?alt=media&#x26;token=2a873ca3-3d9a-4794-bcfe-9caa664abb9d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="249">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Darstellung (1)</td><td>Boxen als <strong>Kacheln</strong>, <strong>Slider</strong>, oder <strong>Liste</strong></td></tr><tr><td>Ausrichtung (2)</td><td>Je nach Ausrichtung ändert sich die Position des Icons</td></tr><tr><td>Farbeinstellungen (3)</td><td>Hier kannst du die jeweiligen Farben einstellen</td></tr></tbody></table>

### Responsive - Einstellungen

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