> 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/inhalt/cookie-hinweis/konfiguration.md).

# Konfiguration

***

### Cookie-Hinweis anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen (Standard)

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis"

**Technischer Name**:\
`twt-cookie-permission-show`

## Basiskonfiguration

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Banner: unten (Standard)\
• Banner: oben\
• Card: unten rechts\
• Modal: unten (mit Overlay)\
• Modal: unten rechts (mit Overlay)\
• Modal: zentriert (mit Overlay)\
• Modal: oben (mit Overlay)

**Beispiel Wert**:\
`Banner: unten (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-position`

***

### Innenabstand \[px]

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`10`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-padding`

***

### Schlagschatten

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`0 0 30px`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-box-shadow`

{% hint style="info" %}
CSS box-shadow Eigenschaft (z.B. '0 0 30px').
{% endhint %}

***

### Schattenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`rgba(0, 0, 0, 0.2)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-box-shadow-color`

***

### Hintergrundfarbe (Overlay)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`rgba(0, 0, 0, 0.5)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-overlay-color`

{% hint style="info" %}
Wähle die gewünschte Hintergrundfarbe vom Overlay (backdrop) aus.

**Darstellungsart:**

* Modal mit Overlay
  {% endhint %}

***

### Unschärfe-Effekt \[px] (Overlay)

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`0`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-overlay-effect-blur`

{% hint style="info" %}
Gib die gewüschte Stärke für den Unschärfe-Effekt vom Overlay (backdrop) ein.

**Darstellungsart:**

* Modal mit Overlay
  {% endhint %}

***

### Abstand oben \[px]

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`40`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-top`

{% hint style="info" %}
**Darstellungsart:**

* Modal: oben (mit Overlay)
  {% endhint %}

***

### Abstand links \[px]

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`25`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-left`

{% hint style="info" %}
Wird derzeit nicht verwendet.
{% endhint %}

***

### Abstand unten \[px]

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`40`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-bottom`

{% hint style="info" %}
**Darstellungsart:**

* Card: unten rechts
* Modal: unten (mit Overlay)
* Modal: unten rechts (mit Overlay)
  {% endhint %}

***

### Abstand rechts \[px]

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`25`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-cookie-permission-right`

{% hint style="info" %}
**Darstellungsart:**

* Card: unten rechts
* Modal: unten rechts (mit Overlay)
  {% endhint %}

## Banner: unten (Standard) und oben

***

### Breite

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Container-Max-Width (Full-width-boxed)\
• 100% (Full-width)

**Beispiel Wert**:\
`Container-Max-Width (Full-width-boxed)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Darstellungsart: 'Banner: unten (Standard)' und 'Banner: oben'"

**Technischer Name**:\
`twt-cookie-permission-width`

{% hint style="info" %}
Wähle den Größenmodus vom "Cookie-Hinweis" aus.

**Darstellungsart:**

* Banner: unten (Standard)
* Banner: oben
  {% endhint %}

## Card: unten rechts

***

### Maximale Breite \[px]

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`260`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Darstellungsart: 'Card: unten rechts'"

**Technischer Name**:\
`twt-cookie-permission-max-width`

{% hint style="info" %}
**Darstellungsart:**

* Card: unten rechts
  {% endhint %}

## Farbkonfiguration

***

### Text-/Linkfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#555555`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-cookie-permission-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-cookie-permission-border-color`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-cookie-permission-background-color`

***

### Farbe (Button "Ablehnen")

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-border-color`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-cookie-permission-deny-btn-background-color`

{% hint style="info" %}
Der Button "Ablehnen" sollte keine prägnante Farbe haben.
{% endhint %}

***

### Farbe (Button "Konfiguration")

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-cookie-permission-configuration-btn-background-color`

***

### Farbe (Button "Alle Cookies akzeptieren")

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Cookie-Hinweis" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-cookie-permission-accept-all-btn-background-color`