# 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: 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://themedocs.zenit.design/styling/produkt/beschreibung-navigation.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.
