Schriften

Alternative Text

H1: Open Sans, 36px

H2: Open Sans, 26px

Fließtext: Open Sans, 14px

Bildbreite bei Vollbreiten Teasern: 1280px. Die Höhe des Bildmaterials bestimmt die Höhe des Teasers. Das Bild wird nicht abgeschnitten. 

Fallback-Text für Buttons: "mehr erfahren", Buttons können durch setzen von "Link auf Seite" eingefügt werden.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

 

[V] Teaser Hintergrund-Video

[V1 l 50-50 b]

Teaser Art: [V]
Textfarbe: 1 (dunkel), 2 (hell)
Layout: 30-70, 50-50, 70-30
Textausrichtung: l (links), r (rechts)
optional: b (Button)

Überschriften bitte immer über das RTE pflegen. 

Video abspielen

Teaser & Elemente: Typen / Spezifikationen

Alternative Text

[H] Teaser Hintergrund-Bild

[H1 l 70-30 b]

Teaser Art: [H]
Textfarbe: 1 (dunkel), 2 (hell)
Textausrichtung: l (links), r (rechts)
Textaufteilung: 30-70, 50-50, 70-30
optional: b (Button)

Überschriften bitte immer über das RTE pflegen. 

Mehr erfahren
[F] Teaser Fokusthemen

[F] Teaser Fokusthemen als 2er, 3er, oder 4er Grid; Überschrift: o (oben), u (unten); optional: l (Link) / b (Button); optional: a (Animation)

Mehr erfahren
[F2 u] Teaser Fokusthemen

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Mehr erfahren
Alternative Text
[F] Teaser Fokusthemen

[F] Teaser Fokusthemen als 2er, 3er, oder 4er Grid; Überschrift: o (oben), u (unten); optional: l (Link) / b (Button); optional: a (Animation)

Mehr erfahren
Alternative Text
[F2 u] Teaser Fokusthemen

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Mehr erfahren

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Mehr erfahren
Alternative Text

Gesamtüberschrift: optional

[F3 o]

Hier steht ein toller Text zum Bild. Hier ohne Button.

[F3 o l]

Hier steht ein ganz toller Text zum Bild. Hier mit Link, ohne Button.

Mehr erfahren
[F3 o b]

Hier steht ein ganz toller Text zum Bild. Hier mit Button.

Mehr erfahren
Alternative Text
[F3 o]

Hier steht ein toller Text zum Bild. Hier ohne Button.

Alternative Text
[F3 o l]

Hier steht ein ganz toller Text zum Bild. Hier mit Link, ohne Button.

Mehr erfahren
Alternative Text
[F3 o b]

Hier steht ein ganz toller Text zum Bild. Hier mit Button.

Mehr erfahren
Alternative Text

[H1 r 50-50]

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.

Alternative Text

[H] Teaser Hintergrund-Bild

[H2 l 50-50 b]

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 Linkfarbe. Integer tincidunt. Cras dapibus. Vivamus elementum Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Mehr erfahren
Alternative Text

[H2 r 50-50] Teaser Hintergrund-Bild

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.

[F4 u]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo

Mehr erfahren
[F4 u]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. 

Mehr erfahren
[F4 u b]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo

Mehr erfahren
[F4 u b]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo

Weiterlesen
Alternative Text
[F4 u]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo

Mehr erfahren
Alternative Text
[F4 u]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. 

Mehr erfahren
Alternative Text
[F4 u b]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo

Mehr erfahren
Alternative Text
[F4 u b]

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo

Weiterlesen

[C] Teaser Content

Alternative Text

Teaser-Art: [C] Teaser-Content; Textausrichtung l (links), r (rechts); Layout 70-30, 50-50, optional: b (Button)

Mehr erfahren

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Mehr erfahren
Alternative Text
Alternative Text

Mit kurzer Beschreibung des Produktes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Mehr erfahren
Alternative Text

Textausrichtung: l (links), r (rechts)
optional: b (Button)

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 Linkfarbe. Integer tincidunt. Cras dapibus. Vivamus elementum Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Mehr erfahren
Alternative Text

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 Linkfarbe. Integer tincidunt. Cras dapibus. Vivamus elementum Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Mehr erfahren

[T1] Trenner (dunkle Schrift)

[T2] Trenner (helle Schrift)

Newsletter bestellen

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.

Newsletter

Accordion

Lorem ipsum dolor sit

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 

Accordion und Liste

Accordion

Lorem ipsum dolor sit

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 

Listeansicht

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. 

  • Lorem ipsum
  • Listenpunkt der länger ist
  • Kurz
  • Und noch einer der noch viel länger ist und damit sogar in die zweite Zeile rutscht
  • Lorem ipsum dolor
  • Listenpunkt