> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/kategorie/kategorie-header.md).

# 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%2F9U0osQQhF8AVnLCuYy1f%2Fdocs-de-config-theme-category-header-overlay.webp?alt=media\&token=0305972b-fc09-4dd8-a822-2bcef5ece470)

{% 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**](/content/kategorie/ueberlagernden-header.md#uberlagernder-header-1) getätigt werden.

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

Eine ausführliche Dokumentation findest Du unter:

{% content-ref url="/pages/1A9WZ5euFh31E9EGUGhd" %}
[Kategorie-Header](/content/kategorie/ueberlagernden-header.md)
{% 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&amp;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**](/content/kategorie/ueberlagernden-header.md#header-kontrast-1) getätigt werden.

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

Eine ausführliche Dokumentation findest Du unter:

{% content-ref url="/pages/1A9WZ5euFh31E9EGUGhd" %}
[Kategorie-Header](/content/kategorie/ueberlagernden-header.md)
{% endcontent-ref %}