> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/erlebniswelten/bild-slider-kategorie-bilder/konfiguration.md).

# Konfiguration

***

### Individuelles Styling

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht verwenden (Standard)\
• individuelles Styling verwenden

**Beispiel Wert**:\
`nicht verwenden (Standard)`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")"

**Technischer Name**:\
`twt-image-slider-controls-individual`

{% hint style="info" %}
Im Tab "Inhalt" kannst du alle Slider global konfigurieren.
{% endhint %}

## Pfeile-Navigation (Individuelles Styling)

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Rechteck (Standard)\
• Quadrat/Kreis

**Beispiel Wert**:\
`Rechteck (Standard)`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-style`

***

### Ecken

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht abgerundet\
• abgerundete Ecken (Standard)\
• runde Ecken

**Beispiel Wert**:\
`abgerundete Ecken (Standard)`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-corner-type`

{% hint style="info" %}
**abgerundete Ecken**\
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

**runde Ecken**\
Verwendet einen vordefinierten Radius für runde Ecken.
{% endhint %}

***

### Hover-Effekt

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• kein Effekt (Standard)\
• fade in

**Beispiel Wert**:\
`fade in`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-hover-type`

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-border-color`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-background-color`

***

### Textfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-secondary`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-color-hover`

***

### Rahmenfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`darken($twt-image-slider-controls-border-color, 10%)`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-border-color-hover`

***

### Hintergrundfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`darken($twt-image-slider-controls-background-color, 7.5%)`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-controls-background-color-hover`

## Punkte-Navigation (Individuelles Styling)

***

### Horizontale Ausrichtung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• links ausrichten\
• rechts ausrichten\
• zentriert ausrichten (Standard)

**Beispiel Wert**:\
`zentriert ausrichten (Standard)`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Punkte-Navigation (Individuelles Styling)"

**Technischer Name**:\
`twt-image-slider-navigation-dots-alignment`