---
title: Akkordeon
url: "https://bdcore.preview.bruns.dev/styleguide-dokumentation/besondere-inhalte/akkordeon"
image: "https://bdcore.preview.bruns.dev/typo3temp/assets/_processed_/b/e/csm_SocialMediaPreview_51f1606568.png"
date: 2018-12-03
modified: 2025-02-04
locale: de_DE.utf8,de-DE
---

# Akkordeon

Akkordeon
===========

Inhalte in einem **Akkordeon** werden untereinander als aufklappbare Elemente mit Bild- und Textinhalten dargestellt.

Es stehen zwei Akkordeontypen für unterschiedliche Einsatzzwecke zur Verfügung:

---

###  Einfaches Akkordeon

In diesem Inhaltselement können beliebig viele Inhalte mit optionalen Bild- oder Download-Dateien zum Akkordeon zusammengefügt werden. Die Redakteure legen diese direkt im Elternelement an und wechseln dabei nicht die Ansichten.

 Oh! Da scheint etwas schief gegangen zu sein. Bitte versuchen sie es erneut oder wenden sich an den Administrator (Code: 202609190153192d859539). ---

###  Container-Akkordeon

Dieses Inhaltselement wird aus unterschiedlichen Containern zusammengesetzt. Die Verwendung von Container-Elementen bietet mehr Flexibilität in der Zusammenstellung der eigentlichen Aufklappinhalte, da alle Inhaltstypen, die den Redakteuren zur Verfügung stehen, eingesetzt werden können. Durch die Flexibilität ergibt sich allerdings auch eine etwas höhere Erstellungszeit.

- Weit hinten, hinter den Wortbergen
    --------------------------------------

    ###  Abgeschieden wohnen sie in Buchstabhausen

              ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-16x9-600.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

    Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

    Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.
- Fern der Länder Vokalien und Konsonantien
    ---------------------------------------------

    ###  Es ist ein paradiesmatisches Land

              ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-16x9-600.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

    Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

    Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.

    ###  Ein kleines Bächlein namens Duden

              ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-16x9-600.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

    Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

    Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.

---

 Horizontales Container-Akkordeon
----------------------------------

  Weit hinten, hinter den Wortbergen
--------------------------------------

 ![](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-9x16-600.png)

###  Abgeschieden wohnen sie in Buchstabhausen

          ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-16x9-600.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.

  Weit hinten, hinter den Wortbergen
--------------------------------------

 ![](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-9x16-600.png)

###  Abgeschieden wohnen sie in Buchstabhausen

          ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/styleguide/Images/placeholder-16x9-600.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.