Badges base

Badges rounded width numbers

Badges rounded width icons

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.

Max Mustermann,Position

Ort,Datum

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.

Max Mustermann,Position

Ort,Datum

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.

Max Mustermann,Position

Ort,Datum

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.

Max Mustermann,Position

Ort,Datum

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.

Max Mustermann,Position

Ort,Datum

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.

Max Mustermann,Position

Ort,Datum

Card square base

Hello World!

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Minion Button

Card square special rectangle

Hello World

Lorem ipsum dolor

Ghost Button

Card square special square

Hello World!

Lorem ipsum

Ghost Button

Card vertical

Hello World!

Lorem ipsum dolor sit amet, consetetur

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

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

Hero Button

another link

Card horizontal

Einfamilienhaus

160,00 m²

14612 Falkensee

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.

Boss Button

Card special horizontal

Hello World!

Hello World!

Hello World!

Lorem ipsum

Ghost Button

Card square special rectangle with primary color

Hello World

Lorem ipsum dolor

Ghost Button

Card square special square with secondary color

Hello World!

Lorem ipsum

Ghost Button

Card vertical with tertiary color

Hello World!

Lorem ipsum dolor sit amet, consetetur

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

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

Hero Button

another link

Card horizontal with mixed badge colors

Einfamilienhaus

160,00 m²

14612 Falkensee

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.

Boss Button

Card special horizontal with mixed badge colors

Hello World!

Hello World!

Hello World!

Lorem ipsum

Ghost Button

clear list

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

ordered list

1. Lorem ipsum dolor sit amet
2. Consetetur sadipscing elitr
3. Sed diam nonumy eirmod

unordered list

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

benefit list

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

icon list

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

list with dividers

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

stepped list

• 1

  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.

• 2

  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.

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

1. Lorem ipsum dolor sit amet
2. Consetetur sadipscing elitr
3. Sed diam nonumy eirmod

• Lorem ipsum dolor sit amet
• Consetetur sadipscing elitr
• Sed diam nonumy eirmod

• 1

  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.

• 2

  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.

• 1

  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.

• 2

  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.

• Header

  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

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  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

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  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

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  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

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  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

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  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

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

• Header

  Sed ut perspiciatis

Tag h1

Tag h1 with class headline--h2

Tag h1 with class headline--special

Tag h1 with class headline--light

Tag h1 with class headline-color--primary

Tag h1 with class headline-border--primary

Tag h1 with class headline-color--primary and headline-border--primary

Tag h1 with class headline-border--primary, headline-border--center and align--center

Tag h1 with class headline-border--primary, headline-border--center and align--right

Tag h1 with class uppercase

Tag h1 with class headline--special and headline-color--primary

Tag h1 with class headline--special, headline-color--primary and headline-border--primary

Tag h1 with class headline--light and headline-border--primary

Tag h1 with class headline--light, headline-border--primary and uppercase

Tag h2

Tag h2 with class headline--h3

Tag h2 with class headline--special

Tag h2 with class headline--light

Tag h2 with class headline-color--secondary

Tag h2 with class headline-border--secondary

Tag h2 with class headline-color--secondary and headline-border--secondary

Tag h2 with class headline-border--secondary, headline-border--center and align--center

Tag h2 with class uppercase

Tag h2 with class headline--special and headline-color--secondary

Tag h2 with class headline--special, headline-color--secondary and headline-border--secondary

Tag h2 with class headline--light and headline-border--secondary

Tag h2 with class headline--light, headline-border--secondary and uppercase

Tag h3

Tag h3 with class headline--h4

Tag h3 with class headline--special

Tag h3 with class headline--light

Tag h3 with class headline-color--tertiary

Tag h3 with class headline-border--tertiary

Tag h3 with class headline-color--tertiary and headline-border--tertiary

Tag h3 with class headline-border--tertiary, headline-border--center and align--center

Tag h3 with class uppercase

Tag h3 with class headline--special and headline-color--tertiary

Tag h3 with class headline--special, headline-color--tertiary and headline-border--tertiary

Tag h3 with class headline--light and headline-border--tertiary

Tag h3 with class headline--light, headline-border--tertiary and uppercase

Tag h4

Tag h4 with class headline--h5

Tag h4 with class headline--special

Tag h4 with class headline--light

Tag h4 with class headline-color--quaternary

Tag h4 with class headline-border--quaternary

Tag h4 with class headline-color--quaternary and headline-border--quaternary

Tag h4 with class headline-border--quaternary, headline-border--center and align--center

Tag h4 with class uppercase

Tag h4 with class headline--special and headline-color--quaternary

Tag h4 with class headline--special, headline-color--quaternary and headline-border--quaternary

Tag h4 with class headline--light and headline-border--quaternary

Tag h4 with class headline--light, headline-border--quaternary and uppercase

Tag h5

Tag h5 with class headline--h6

Tag h5 with class headline--special

Tag h5 with class headline--light

Tag h5 with class headline-color--quinary

Tag h5 with class headline-border--quinary

Tag h5 with class headline-color--quinary and headline-border--quinary

Tag h5 with class headline-border--quinary, headline-border--center and align--center

Tag h5 with class uppercase

Tag h5 with class headline--special and headline-color--quinary

Tag h5 with class headline--special, headline-color--quinary and headline-border--quinary

Tag h5 with class headline--light and headline-border--quinary

Tag h5 with class headline--light, headline-border--quinary and uppercase

Tag h6

Tag h6 with class headline--h1

Tag h6 with class headline--special

Tag h6 with class headline--light

Tag h6 with class headline-color--primary

Tag h6 with class headline-border--primary

Tag h6 with class headline-color--primary and headline-border--primary

Tag h6 with class headline-border--primary, headline-border--center and align--center

Tag h6 with class uppercase

Tag h6 with class headline--special and headline-color--primary

Tag h6 with class headline--special, headline-color--primary and headline-border--primary

Tag h6 with class headline--light and headline-border--primary

Tag h6 with class headline--light, headline-border--primary and uppercase

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. 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.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.