Style
Guide

Farben

Schwarz
#000000
Dunkelgrau
#4d4d4d
Mittelgrau
#bbb5a9
Hellgrau
#F2F2F2
Weiss
#ffffff
Uffer Blau
#0d8ecc
Uffer Blau hover
#0a6a99
Uffer Rot
#
Uffer Rot hover
#b5000b

Headings

Heading 1

H1

Poppins - 3rem - Line Height 1.5em

Heading 2

Poppins - 2rem - Line Height 1.5em

H2

Heading 3

Poppins - 1.5rem - Line Height 1.5em

H3

Heading 4

Poppins - 1.25rem - Line Height 1.5em

H4
Heading 5

Poppins - 1rem - Line Height 1.5em

H5
Heading 6

Poppins - 0.75rem - Line Height 1.5em

H6

Text

Normal
This is some text inside of a div block. 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
Bold
This is some text inside of a div block. 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
Italic
This is some text inside of a div block. 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

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Lead
Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Rich Text

Was ist ein Rich Text?

This is the figure caption

Rich Text H1

Rich Text H2

Rich Text H3

Rich Text H4

Rich Text H5
Rich Text H6

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Elemente

Feature Teaser Gips
Icon Gipserschaufel

Fundiertes Handwerk

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Listen

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Bilder

Team: Gipser