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

# Accordion für FAQs und strukturierte Inhalte nutzen

> Nutzen Sie Accordion-Elemente, um FAQs und Inhalte in aufklappbare Abschnitte zu gliedern und ein aufgeräumtes, nutzerfreundliches Layout zu schaffen.

Mit dem Accordion-Element stellen Sie Inhalte in aufklappbaren Abschnitten dar.<br />Es wird häufig für FAQs oder strukturierte Informationen genutzt, wenn die Seite übersichtlich bleiben soll.

## So fügen Sie ein Accordion hinzu

* Öffnen Sie die linke Seitenleiste
* Ziehen Sie **Collapse / Accordion** auf die Arbeitsfläche

***

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/q3U3xTtyC-7MtM61/images/accordion.png?fit=max&auto=format&n=q3U3xTtyC-7MtM61&q=85&s=769232d934360768227ecdcb5d41ea2d" alt="Accordion" width="1920" height="991" data-path="images/accordion.png" />
</Frame>

## Inhalte bearbeiten

Alle Inhalte werden direkt auf der Arbeitsfläche bearbeitet:

* Klicken Sie auf die **Frage**, um den Titel zu bearbeiten
* Klicken Sie auf den **Antwortbereich**, um den Inhalt zu bearbeiten

Hier verwalten Sie sowohl Frage als auch Antwort.

## Einträge verwalten

Über das rechte Panel:

* **Add Item** → Neue Accordion-Einträge anlegen
* Einträge per Drag-and-drop neu sortieren
* Jeder Eintrag steht für eine Frage samt Antwort

## So funktioniert es

* Es kann **immer nur ein Eintrag geöffnet sein**
* Ein Klick auf einen anderen Eintrag schließt den vorherigen automatisch

## Collapse Style

Über **Collapse Style** ändern Sie das Erscheinungsbild des Accordions:

* **Simple** → Minimalistisches Design
* **Bordered** → Rahmen um die Einträge
* **Line Bottom** → Trennlinien zwischen den Einträgen
* **Solid** → Stil mit gefülltem Hintergrund

## Trigger-Icon

* Wählen Sie den Icon-Stil (z. B. +, Pfeil)
* Zeigt an, ob der Eintrag geöffnet oder geschlossen ist

## Abstandssteuerung

* **Gap** → Abstand zwischen den Einträgen
* **Inner Space** → Innenabstand innerhalb eines Eintrags

***

## Gestaltungsoptionen

Wie bei anderen Elementen können Sie zusätzlich anpassen:

* Typografie
* Farben
* Rahmen und Eckenradius
* Abstände
* Hintergrund

***

## Wichtige Hinweise

* Inhalte werden direkt auf der Arbeitsfläche bearbeitet
* Es bleibt immer nur ein Accordion-Eintrag geöffnet
* Die Gestaltung funktioniert wie bei anderen Elementen