> ## 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.

# Spalten für responsive Layouts nutzen

> Nutzen Sie Spalten, um responsive Layouts zu erstellen, Inhalte nebeneinander anzuordnen und strukturierte Landingpages für alle Geräte zu gestalten.

Mit Spalten teilen Sie eine Section in mehrere vertikale Bereiche auf, um Inhalte nebeneinander zu platzieren.

Sie sind unverzichtbar für strukturierte Layouts wie:

* Text + Bild
* Feature-Raster
* Mehrspaltige Abschnitte

### So fügen Sie Spalten hinzu

* Öffnen Sie die linke Seitenleiste
* Wechseln Sie zu **Layout**
* Ziehen Sie **Columns** in eine Section

***

## Spalteneinstellungen

Sobald das Element ausgewählt ist, erscheinen die Spaltensteuerungen im rechten Panel.

### Geräteabhängiges Layout

Sie können für jedes Gerät ein eigenes Spaltenlayout festlegen:

* **Desktop** → Anzahl der Spalten wählen (1–6)
* **Tablet** → Layout für mittelgroße Bildschirme anpassen
* **Mobile** → In der Regel eine Spalte für bessere Lesbarkeit

👉 So bleibt Ihr Design auf allen Geräten responsiv.

***

## Spaltenanzahl und -breiten anpassen

Sie steuern sowohl die Anzahl der Spalten als auch deren Platzbedarf.

* Wählen Sie das Element **Columns** aus
* Öffnen Sie rechts das **Settings Panel**

### Spaltenanzahl ändern

* Wählen Sie ein vordefiniertes Layout (2, 3, 4 usw.)

### Spaltenbreiten anpassen

Dafür gibt es zwei Wege:

* **Visuelles Ziehen** → Ziehen Sie den Trenner zwischen den Spalten direkt auf der Arbeitsfläche
* So ändern Sie das Breitenverhältnis schnell (zum Beispiel 70/30 oder 50/50)

***

## Gap (Abstand zwischen Spalten)

* **Gap** steuert den Abstand zwischen den Spalten
* Angabe in Pixeln (px)

Beispiel:

* Gap: 0 → Die Spalten berühren sich
* Gap: 20 → Erzeugt Abstand zwischen den Spalten

***

## So funktionieren Spalten

* Jede Spalte verhält sich wie ein Container
* Sie können Elemente in jede Spalte ablegen
* Spalten liegen innerhalb von Sections

Strukturbeispiel:<br />Section → Spalten → Elemente

***

## Wichtige Hinweise

* Spalten müssen innerhalb einer Section liegen
* Jede Spalte kann mehrere Elemente aufnehmen
* Layouts lassen sich je Gerät anpassen, um die Responsivität zu verbessern