> 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/header/logo/konfiguration.md).

# Konfiguration

## Basiskonfiguration

***

### Logoart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Bild-Logo (Standard)\
• Text-Logo

**Beispiel Wert**:\
`Bild-Logo (Standard)`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-header-logo-type`

## Bild-Logo

***

### Breite

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`220`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

**Technischer Name**:\
`twt-header-logo-width`

{% hint style="info" %}
Trage hier die gewüschte maximale Breite des Logos in Pixeln ein.

**Tipp**: Dieser Wert sollte nicht höher als die tatsächliche Bildbreite sein.
{% endhint %}

***

### Höhe

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`auto`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

**Technischer Name**:\
`twt-header-logo-height`

***

### Außenabstand oben @Desktop (≥992px)

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`0`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

**Technischer Name**:\
`twt-header-logo-margin-top`

***

### Hover-Effekt

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• kein Effekt\
• Deckkraft verringern

**Beispiel Wert**:\
`Deckkraft verringern`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

**Technischer Name**:\
`twt-header-logo-hover-type`

## Text-Logo

***

### Logo-Text

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`ThemeWare`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

**Technischer Name**:\
`twt-textlogo-content`

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

**Technischer Name**:\
`twt-textlogo-fill`

***

### Schriftart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Text\
• Überschriften

**Beispiel Wert**:\
`Text`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

**Technischer Name**:\
`twt-textlogo-font-family`

***

### Schriftgröße

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`24`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

**Technischer Name**:\
`twt-textlogo-font-size`

***

### Strichstärke

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• light\
• normal\
• bold

**Beispiel Wert**:\
`bold`

**Pfad zur Einstellung**:\
Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

**Technischer Name**:\
`twt-textlogo-font-weight`