# Kategorie-Header

### Überlagernder Header

Der Header kann andere Elemente überlagern. Die globalen Einstellungen können in der Theme-Konfiguration voreingestellt und optional in den Kategorien für jede Kategorie abweichend gesetzt werden.

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Ff0f0vkVx0qoQ2pQ570vk%2Fdocs-de-config-theme-category-header-overlay.png?alt=media\&token=998223c3-d0c3-4c0f-b8b6-972ca7a33aab)

{% hint style="success" %}
**\[ ≡ ] Einstellung pro Kategorie möglich**

Soll dieser Effekt auf den **überwiegenden** Kategorieseiten genutzt werden, können in der Theme-Konfiguration die [**globalen Einstellungen**](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header#uberlagernder-header-1) getätigt werden.

Soll dieser Effekt gezielt auf nur **wenigen** Kategorieseiten genutzt werden, sollte die Konfiguration in der [**jeweiligen Kategorie**](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header#uberlagernder-header) eingestellt werden.
{% endhint %}

Eine ausführliche Dokumentation findest Du unter:

{% content-ref url="../../content/kategorie/ueberlagernden-header" %}
[ueberlagernden-header](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header)
{% endcontent-ref %}

### Header Kontrast

Diese Einstellung ist besonders sinnvoll, wenn der Header überlagernd eingestellt wurde und die Hintergrundfarben des Headers in ihrer Deckkraft auf 0% gestellt wurden.

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fv4mcKev9vtGRIU2sKex4%2Fdocs-de-config-theme-category-category-header-header-contrast.png?alt=media&#x26;token=c538792a-b116-44fc-8218-1926de157b57" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**\[ ≡ ] Einstellung pro Kategorie möglich**

Soll dieser Effekt auf den **überwiegenden** Kategorieseiten genutzt werden, können in der Theme-Konfiguration die [**globalen Einstellungen**](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header#header-kontrast-1) getätigt werden.

Soll dieser Effekt gezielt auf nur **wenigen** Kategorieseiten genutzt werden, sollte die Konfiguration in der [**jeweiligen Kategorie**](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header#header-kontrast) eingestellt werden.
{% endhint %}

Eine ausführliche Dokumentation findest Du unter:

{% content-ref url="../../content/kategorie/ueberlagernden-header" %}
[ueberlagernden-header](https://themedocs.zenit.design/content/kategorie/ueberlagernden-header)
{% endcontent-ref %}