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?

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

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.

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.