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

# Navigation

> Kopfbereich mit Logo und optionalem Kontakt-Element.

## Überblick

Der Navigation-Block bildet den Kopfbereich der Landing Page mit Logo und einem optionalen zusätzlichen Element, z. B. einer Telefonnummer mit Call-to-Action.

<img src="https://mintcdn.com/osiro/CSCkwQAyOWdXFNQl/images/convert/landing-page-editor/blocks/navigation/navigation.png?fit=max&auto=format&n=CSCkwQAyOWdXFNQl&q=85&s=1201d776ee2155040d33b5fb52a85bc0" width="2940" height="1846" data-path="images/convert/landing-page-editor/blocks/navigation/navigation.png" />

<Tip>Einsatz ganz oben auf der Seite, wenn Besucher neben dem Hero direkt Kontakt aufnehmen oder Ihr Branding wiedererkennen sollen.</Tip>

***

## Komponenten

### Logo

[Logo](/convert/landing-page-editor/bilder) sowie ein Regler für die maximale Logobreite.

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/navigation/navigation-logo.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=c407ac247bdeeb78779bda42bd5fe5d8" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/navigation/navigation-logo.png" />

### Info

Optionales, aktivierbares Zusatzelement mit Stil (z. B. Kontakt), zwei Textfeldern, wählbarem Link-Typ mit Link-URL sowie einem ein-/ausblendbaren, frei wählbaren [Icon](/convert/landing-page-editor/icons).

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/navigation/navigation-info.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=3bf0d140b92da496cb238f022f3d345c" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/navigation/navigation-info.png" />