# Konfiguration

## Basiskonfiguration

***

### Ecken

**Feldtyp**:\
Auswahlfeld

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

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

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-input-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 %}

***

### Abgerundete Ecken (individuelle Rundung)

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`10`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-input-border-radius`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Ecken-Konfiguration "individuelle Rundung".
{% endhint %}

## Farbkonfiguration

***

### Textfarbe (Eingabefeld)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#333333`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-input-color`

***

### Rahmenfarbe (Eingabefeld)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-input-border-color`

***

### Hintergrundfarbe (Eingabefeld)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-input-background-color`

***

### Iconfarbe (Button)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-button-color`

***

### Iconfarbe (Button) @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-button-color-hover`

***

### Rahmenfarbe (Button)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-button-border-color`

***

### Rahmenfarbe (Button) @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-button-border-color-hover`

***

### Hintergrundfarbe (Button)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#0e557b`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-button-background-color`

***

### Hintergrundfarbe (Button) @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$twt-color-brand-primary-dark`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-newsletter-button-background-color-hover`

## Typografie

***

### Textausrichtung (Eingabefeld)

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`links ausrichten`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Newsletter" => Abschnitt "Typografie"

**Technischer Name**:\
`twt-widget-newsletter-input-text-align`