---
title: "Zitat Variante 2 – Flexible Layouts mit Bild & Icon"
url: "https://web.destination.one/destinationbase/zitat/variante-2"
description: "Entdecke Zitat Variante 2 mit flexibler Ausrichtung, optionalem Bild, Icon und Linie. Farben passen sich automatisch an, Breite und Layout sind frei wählbar."
language: "de"
breadcrumb: "Root > Startseite > destination.base > Zitat > Variante 2"
keywords:
  - "Zitat Modul"
  - "Variante 2"
  - "Zitat mit Bild"
  - "Zitat ohne Bild"
  - "Icon und Linie"
  - "flexible Ausrichtung"
  - "Textkasten Farbschema"
  - "Bühnenbreite"
  - "Contentbreite"
  - "linksbündiger Text"
  - "Bild links oder rechts"
  - "redaktionelle Gestaltung"
  - "Zitat Beispiel"
  - "Responsive Design"
---

Zitat 
Variante 2
=================

 

Glühbirne neben der Überschrift Gut zu Wissen

 

- Farben: Textkasten, Icon und Icon-Linie passen sich automatisch dem Farbschema der Bühne an
- Maximalbreite: Entspricht der Contentbreite, auch wenn die Bühne auf volle Bildschirmbreite eingestellt ist.
- Textausrichtung: Immer linksbündig, unabhängig von der Modulausrichtung.

- Linie & Icon können ein- oder ausgeblendet werden.
- Ausrichtung: Redaktionell wählbar:
    Links: Bild links, Text rechts
    Rechts: Bild rechts, Text links

 

Beispiel A: Zitat mit Bild, Icon und Linie
------------------------------------------

Das Bild ist hier links ausgerichtet und das Zitat auf hellem Hintergrund in dunkelm Text ausgegeben

> Das Leben ist zu kurz für irgendwann.

(unbekannt)

Beispiel B: Zitat ohne Bild, Icon und Linie
-------------------------------------------

Bild, Linie und Icon sind hier ausgeblendet das Zitat auf dunklem Hintergrund in hellem Text ausgegeben

> Das Leben ist zu kurz für irgendwann.

(unbekannt)

Beispiel C: Zitat mit Bild, Icon und Linie
------------------------------------------

Das Bild ist hier rechts ausgerichtet und das Zitat auf dunklem Hintergrund in hellem Text ausgegeben

> Das Leben ist zu kurz für irgendwann.

(unbekannt)

 

Beispiel D: Zitat mit Bild
--------------------------

halbe Bühnenbreite links, mit Bild, Linie und Icon

> Lernen ist Erfahrung. Alles andere ist einfach nur Information.Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.

Albert Einstein

 

Beispiel E: Zitat ohne Bild
---------------------------

Halbe Bühnenbreite rechts, mit Linie und Icon

> Lernen ist Erfahrung. Alles andere ist einfach nur Information.Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.

Albert Einstein

 

Beispiel F: Zitat mit Bild
--------------------------

Bühne über die volle Seitenbreite, Zitat über 75% der Contentbreite

> Lernen ist Erfahrung. Alles andere ist einfach nur Information.Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.

Albert Einstein