> 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/layout/formulare/konfiguration.md).

# Konfiguration

## Basiskonfiguration

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Standard\
• unterstrichen

**Beispiel Wert**:\
`unterstrichen`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-forms-layout-type`

## Farbkonfiguration

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#222222`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-color`

***

### Textfarbe @hover

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-color-hover`

{% hint style="info" %}
**Hinweis**: Dies ist eine Sonderfarbe die nur in bestimmten Layouts greift.
{% endhint %}

***

### Textfarbe @focus

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-focus-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#cccccc`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-border-color`

***

### Rahmenfarbe @hover

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-border-color-hover`

{% hint style="info" %}
**Hinweis**: Dies ist eine Sonderfarbe die nur in bestimmten Layouts greift.
{% endhint %}

***

### Rahmenfarbe @focus

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-focus-border-color`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#fafafa`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-background-color`

***

### Hintergrundfarbe @focus

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#e7e7e7`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-focus-background-color`

***

### Platzhalter-Farbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#8e8e8e`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-forms-input-placeholder-color`

## Farbkonfiguration (Checkboxen & Radiobuttons)

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#cccccc`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration (Checkboxen & Radiobuttons)"

**Technischer Name**:\
`twt-forms-check-input-background-color`

***

### Hintergrundfarbe @checked

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare" => Abschnitt "Farbkonfiguration (Checkboxen & Radiobuttons)"

**Technischer Name**:\
`twt-forms-check-input-checked-background-color`

## Typografie

***

### Schriftgröße

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`15`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Formulare"

**Technischer Name**:\
`twt-forms-input-font-size`