# 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 "Banner: unten (Standard) und 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 "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`


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doku.themeware.design/handbuch/inhalt/cookie-hinweis/konfiguration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.