> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Menü

## Allgemein

Hier aktivierst du die grundlegende Funktionalität des Menüs.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/BBq9NVN1PTO9ZAVT/images/niu-plus-menue-allgemein.jpg?fit=max&auto=format&n=BBq9NVN1PTO9ZAVT&q=85&s=26edad1a25e6123d6f6aa663a459a8e1" alt="Menü Allgemein" width="2090" height="288" data-path="images/niu-plus-menue-allgemein.jpg" />
  </Frame>
</div>

### NIU Menü-Sidebar benutzen

Aktiviere diesen Schalter, um die NIU Menü-Sidebar als primäres Navigationselement zu verwenden.

***

## Details

In diesem Bereich nimmst du Feinjustierungen an der Darstellung und den Inhalten des Menüs vor.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/BBq9NVN1PTO9ZAVT/images/niu-plus-menue-details.jpg?fit=max&auto=format&n=BBq9NVN1PTO9ZAVT&q=85&s=1814bc20102fec90c1de48f9ab9b4f06" alt="Menü Details" width="2080" height="674" data-path="images/niu-plus-menue-details.jpg" />
  </Frame>
</div>

### Icon Position Desktop

Lege fest, wo das Menü-Icon (Burger-Menü) auf Desktop-Geräten platziert werden soll (z. B. "Oben rechts bei den NavIcons").

### Untertitel anzeigen

Aktiviere diese Option, um Untertitel zu den Menüpunkten anzuzeigen, sofern diese in den Kategoriedaten gepflegt sind.

### Kategoriebilder anzeigen

Aktiviere diesen Schalter, um die Kategoriebilder innerhalb des Menüs darzustellen.

### Kategoriebilder Breite in px

Definiere die Breite der Kategoriebilder in Pixeln (z. B. `100`).

### Kategoriebilder Aspect Ratio

Gib das Seitenverhältnis der Bilder an (z. B. `16 / 9`), damit diese einheitlich und responsiv skaliert werden.

### Kategoriebilder vollständig im Container anzeigen

Aktiviere diese Option, wenn das Bild vollständig im verfügbaren Platz angezeigt werden soll (Contain-Modus), ohne beschnitten zu werden. Ist die Option deaktiviert, wird das Bild den Bereich ausfüllen (Cover-Modus).

<div style={{height: '1px', backgroundColor: 'silver', margin: '24px 0'}} />
