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

# Hintergründe für Landingpages anpassen

> Passen Sie Hintergründe mit Farben, Bildern und Verläufen an, um das Design aufzuwerten und visuell ansprechende Landingpages zu gestalten.

Im Bereich Background steuern Sie, wie Elemente hinter ihrem Inhalt aussehen. Je nach Elementtyp können Sie Farben, Bilder oder Verläufe anwenden.

Sie finden diese Einstellungen im **rechten Panel**, sobald Sie ein Element auswählen.

***

## Wo Sie es finden

1. Wählen Sie ein Element aus (Section, Container, Schaltfläche usw.)
2. Wechseln Sie zum **rechten Panel**
3. Öffnen Sie den Bereich **Background**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/background.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=91eca7dd15d69ff97054a9dcc20eb437" alt="Background" width="1306" height="988" data-path="images/background.png" />
</Frame>

***

## Hintergrundtypen

Unterschiedliche Elemente unterstützen unterschiedliche Hintergrundoptionen.

### None (X)

* Entfernt jeden Hintergrund
* Das Element wird transparent

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-10.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=0baf80fd0e2d83faff4ab5916cbc40de" alt="Image" width="286" height="111" data-path="images/image-10.png" />
</Frame>

### Color

* Wendet eine Volltonfarbe an
* Sie können nutzen:
  * Farbwähler
  * RGB-Werte

👉 Am häufigsten für Schaltflächen, Sections und Container verwendet

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-13.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=297d03f6b7c587b916c84a5cb734a799" alt="Image" width="275" height="145" data-path="images/image-13.png" />
</Frame>

### Image

* Legt ein Bild als Hintergrund fest
* Hauptsächlich für größere Elemente wie Sections oder Container verfügbar

Zu den Optionen gehören:

* Bild hochladen oder wechseln
* Größe anpassen (Fit, Cover usw.)

👉 Nicht verfügbar für kleinere Elemente wie Schaltflächen

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-11.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=e060d412aa31ef3de08f4aef54f569c1" alt="Image" width="278" height="336" data-path="images/image-11.png" />
</Frame>

### Gradient

* Erzeugt einen weichen Übergang zwischen Farben

Zu den Optionen gehören:

* Stil **Linear** oder **Radial**
* Steuerung des Winkels
* Mehrere Farbstopps

👉 Ideal für modernes UI-Design und visuelle Tiefe

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-12.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=c202d976cb8a2e88277bb318ef7cb314" alt="Image" width="282" height="277" data-path="images/image-12.png" />
</Frame>