> 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/produkt/beschreibung-navigation.md).

# Beschreibung Navigation

### Farben

Je nach Einstellung der Erscheinung, wird die **Hintergrundfarbe (1)** für den Unterstrich oder den Hintergrund des Tabs verwendet.

{% hint style="info" %}
Die Einstellung für die Erscheinung mit Hintergrundfarbe oder Unterstrich findest Du im folgenden Abschnitt Grundeinstellungen.
{% endhint %}

![](/files/GCMtnWZo2fB87hY1u2jT)

Beispiele:

![Tab-Navigation Hintergrund](/files/k2mgRGy80XOfmGRWqOzy)

![Tab-Navigation Unterlinie](/files/P6W22F0Z6XflKCnDL4E1)

### Grundeinstellungen

**Erscheinung**: Standard (Unterstrich), Tabs, Pills

Die **Tab Ausrichtung (2)** der Tabs kann zwischen `gleichmäßig verteilt` auf der vollen Breite und den normalen Ausrichtung `links`, `mittig`, `rechts` gewählt werden. Zusätzlich dazu kann die Ausrichtung der Schrift mit dem Feld **Schriftausrichtung (6)** bestimmt werden.

![](/files/iVGz8oc4YiJiaHkAuC13)

Beispiele:

![Erscheinung: Tabs, Ausrichtung: links](/files/OcwfmUnOB78TNWJKI0Uk)

![Erscheinung: Standard, Ausrichtung: gleichmäßig verteilt](/files/SIvyvvgRg6dBAygm6yc7)

![Erscheinung: Pills, Ausrichtung: links](/files/ZcM2TLDnCXQ5tVLHNxQd)

### Reihenfolge

Die Reihenfolge bestimmst Du durch Angabe einer Positionsnummer. Je höher die Zahl, desto weiter hinten wird der Tab angezeigt.

<figure><img src="/files/m77sKSJdpELPT1yAPpBF" alt=""><figcaption></figcaption></figure>

### Zusätzliche Tabs

Über das Theme kann im Artikel direkt ein Tab mit Informationen zum **Hersteller** ausgespielt werden. Logo, Name, Beschreibung und Link zur Webseite des Herstellers werden als Informationen in den Tabs aufgenommen.

Die **Eigenschaften** können ebenfalls optional in einem Tab dargestellt werden. Das eignet sich besonders dann, wenn sehr viele Eigenschaften dargestellt werden sollen.

![](/files/U5mhd6dY7gnpAJrjpAHw)

Beispiele:

![Hersteller Tab](/files/97F0ztGpDOGUR4HcVOkv)

![Eigenschaften als Tab](/files/SepDRhf12ibGvhHXFfNY)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://themedocs.zenit.design/styling/produkt/beschreibung-navigation.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
