• buehnenbild-akkordeon

Das Akkordeon wird zur Darstellung von komplexen und längeren Inhalten genutzt.

Alle Menüpunkte sind bei Erstellung zugeklappt (inaktiv). Ein oder mehrere frei wählbare Menüpunkte können auf aktiv gestellt werden. So sind sie beim Seitenaufruf direkt aufgeklappt.

Das Akkordeon kann 1-, 2- oder 3-spaltig innerhalb des Content-Grids verbaut werden.

Es bietet einen Rahmen für weitere Widgets. Diese sind:

  • Bild-Text-Teaser
  • Text-Teaser
  • Text-Widget
  • FAQ-Widget
  • Bild-Teaser

1-spaltig angelegt

2-spaltig angelegt

Bild-Text-Teaser

  • Bildüberschrift

    Beispielbild Bild-Text-Teaser einspaltig

    Bild-Text-Teaser

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

    Link

Text-Teaser

  • Text-Teaser

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Link

Text-Widget (mit Tabelle)
  • Beispielbild Text-Widget Tabelle 1
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    Beispielbild Text-Widget Tabelle 2
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    Beispielbild Text-Widget Tabelle 3
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

     

FAQ-Widget

  • Bildüberschrift

    dummybild-blur-klein

    FAQ-Widget (Frage-Feld)

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

    Bildüberschrift

    dummybild-blur-klein

    FAQ-Widget (Frage-Feld)

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Bild-Widget

  • Bild-Widget

    dummybild-blur-klein
    Bildunterschrift

2-spaltig angelegt

Bild-Text-Teaser

  • Bildüberschrift

    Beispielbild Bild-Text-Teaser zweispaltig

    Bild-Text-Teaser

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Link

Text-Teaser

  • Text-Teaser

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Link

Text-Widget (mit Tabelle)
  • Beispielbild Text-Widget zweispaltig Tabelle 1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    Beispielbild Text-Widget zweispaltig Tabelle 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    Beispielbild Text-Widget zweispaltig Tabelle 3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

     

FAQ-Widget

  • Bildüberschrift

    dummybild-blur-klein

    FAQ-Widget (Frage-Feld)

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Bildüberschrift

    dummybild-blur-klein

    FAQ-Widget (Frage-Feld)

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Bild-Widget

  • Bild-Widget

    dummybild-blur-klein
    Bildunterschrift

3-spaltig angelegt

Bild-Text-Teaser
  • Beispielbild Bild-Text-Teaser einspaltig

    Bild-Text-Teaser

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Link

Text-Teaser

  • Text-Teaser

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Link

Text-Widget (mit Tabelle)
  • Beispielbild Text-Widget dreispaltig Tabelle 1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    Beispielbild Text-Widget dreispaltig Tabelle 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    Beispielbild Text-Widget dreispaltig Tabelle 3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

     

FAQ-Widget

  • Bildüberschrift

    dummybild-blur-klein

    FAQ-Widget (Frage-Feld)

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

    Bildüberschrift

    dummybild-blur-klein

    FAQ-Widget (Frage-Feld)

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Bild-Widget

  • Bild-Widget

    dummybild-blur-klein
    Bildunterschrift