| Name | Hex |
|---|---|
aqua-000 | #ffffff |
aqua-025 | #f1faf9 |
aqua-050 | #e5f3f3 |
aqua-100 | #cfe8e6 |
aqua-150 | #b2ddda |
aqua-200 | #9ed1cd |
aqua-250 | #87c4c0 |
aqua-300 | #74b7b3 |
aqua-350 | #60aba6 |
aqua-400 | #4c9e9a |
aqua-450 | #3d918d |
aqua-500 | #2b817d |
aqua-550 | #1e7773 |
aqua-600 | #056a67 |
aqua-650 | #025d5a |
aqua-700 | #00504d |
aqua-750 | #044341 |
aqua-800 | #013735 |
aqua-850 | #002b2a |
aqua-900 | #05201e |
aqua-950 | #021413 |
aqua-999 | #000000 |
blue-000 | #ffffff |
blue-025 | #f4f8fd |
blue-050 | #e9f2fd |
blue-100 | #d5e4f6 |
blue-150 | #bfd7f2 |
blue-200 | #a9caef |
blue-250 | #8ebfed |
blue-300 | #78b2e7 |
blue-350 | #63a4de |
blue-400 | #5298d2 |
blue-450 | #3e8bc6 |
blue-500 | #307ab0 |
blue-550 | #2a6ea0 |
blue-600 | #296490 |
blue-650 | #205780 |
blue-700 | #1d4b6e |
blue-750 | #163f5e |
blue-800 | #13334d |
blue-850 | #0b283e |
blue-900 | #051e30 |
blue-950 | #04121e |
blue-999 | #000000 |
meadow-000 | #ffffff |
meadow-025 | #f2faf1 |
meadow-050 | #e9f4e6 |
meadow-100 | #d3e8d0 |
meadow-150 | #c0dcbb |
meadow-200 | #adcfa8 |
meadow-250 | #9bc394 |
meadow-300 | #8ab783 |
meadow-350 | #76ab6f |
meadow-400 | #629f5c |
meadow-450 | #51924c |
meadow-500 | #368234 |
meadow-550 | #297a29 |
meadow-600 | #186d1d |
meadow-650 | #096013 |
meadow-700 | #06530f |
meadow-750 | #07460d |
meadow-800 | #043908 |
meadow-850 | #062d03 |
meadow-900 | #092002 |
meadow-950 | #051401 |
meadow-999 | #000000 |
neutral-000 | #ffffff |
neutral-000-alpha-0 | #ffffff00 |
neutral-000-alpha-50 | #ffffff80 |
neutral-025 | #f8f8f5 |
neutral-050 | #f1f1ee |
neutral-100 | #e3e2e0 |
neutral-150 | #d4d4d2 |
neutral-200 | #c7c6c4 |
neutral-250 | #b9b9b6 |
neutral-300 | #ababa9 |
neutral-350 | #9e9e9b |
neutral-400 | #91918e |
neutral-400-alpha-10 | #91918e1a |
neutral-400-alpha-20 | #91918e33 |
neutral-450 | #848481 |
neutral-500 | #767673 |
neutral-550 | #6b6b68 |
neutral-600 | #5e5e5c |
neutral-650 | #525250 |
neutral-700 | #474744 |
neutral-750 | #3b3b39 |
neutral-800 | #30302e |
neutral-850 | #262624 |
neutral-900 | #1d1d1b |
neutral-950 | #11110e |
neutral-999 | #000000 |
orange-000 | #ffffff |
orange-025 | #fff6ec |
orange-050 | #feeedb |
orange-100 | #fbddb8 |
orange-150 | #fbcb8b |
orange-200 | #f9b342 |
orange-250 | #f4a81c |
orange-300 | #e49b1d |
orange-350 | #d68d1f |
orange-400 | #c4811f |
orange-450 | #b37519 |
orange-500 | #9f6b14 |
orange-550 | #8f600a |
orange-600 | #7f5509 |
orange-650 | #6e4b0c |
orange-700 | #5f4008 |
orange-750 | #503608 |
orange-800 | #422c06 |
orange-850 | #332203 |
orange-900 | #241906 |
orange-950 | #171003 |
orange-999 | #000000 |
red-000 | #ffffff |
red-025 | #fcf7f6 |
red-050 | #fbeeec |
red-100 | #f5ddd9 |
red-150 | #f3cbc5 |
red-200 | #f4b7af |
red-250 | #efa59c |
red-300 | #ef9088 |
red-350 | #ee7b71 |
red-400 | #e8655e |
red-450 | #de534e |
red-500 | #d04442 |
red-550 | #bf3738 |
red-600 | #ad2c2f |
red-650 | #9e292b |
red-700 | #832124 |
red-750 | #71191b |
red-800 | #5f1114 |
red-850 | #4b0d0e |
red-900 | #360e08 |
red-950 | #230801 |
red-999 | #000000 |
| Name | light | aqua | blue | meadow |
|---|---|---|---|---|
base-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
base-text-brand | #1D1D1B | #1E7773 | #2A6EA0 | #297A29 |
base-text-dim | #6B6B68 | #6B6B68 | #6B6B68 | #6B6B68 |
base-text-accent | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
base-fill-primary | #E9F2FD | #F1FAF9 | #F4F8FD | #F2FAF1 |
base-fill-accent | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
base-stroke-primary | #B9B9B6 | #B9B9B6 | #B9B9B6 | #B9B9B6 |
base-stroke-brand | #307AB0 | #307AB0 | #307AB0 | #307AB0 |
base-stroke-dim | #E3E2E0 | #E3E2E0 | #E3E2E0 | #E3E2E0 |
base-stroke-contrast | #848481 | #848481 | #848481 | #848481 |
base-bg-primary | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
base-bg-brand | #F4F8FD | #E5F3F3 | #E9F2FD | #E9F4E6 |
link-text-primary | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
link-text-primary-interact | #1D4B6E | #1D4B6E | #1D4B6E | #1D4B6E |
button-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-primary-interact | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-primary-selected | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-secondary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-secondary-interact | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-secondary-selected | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-fab | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-fab-selected | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-text-fab-interact | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
button-fill-primary | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
button-fill-primary-interact | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
button-fill-primary-selected | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
button-fill-secondary | #F4F8FD | #F4F8FD | #F4F8FD | #F4F8FD |
button-fill-secondary-interact | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
button-fill-secondary-selected | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
button-fill-fab | #E9F2FD | #E9F2FD | #E9F2FD | #E9F2FD |
button-fill-fab-interact | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
button-fill-fab-selected | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
button-stroke-primary | #767673 | #767673 | #767673 | #767673 |
button-stroke-secondary | #767673 | #767673 | #767673 | #767673 |
button-stroke-fab | #307AB0 | #307AB0 | #307AB0 | #307AB0 |
icon-artwork-primary | #767673 | #767673 | #767673 | #767673 |
icon-artwork-info | #3E8BC6 | #3E8BC6 | #3E8BC6 | #3E8BC6 |
icon-artwork-success | #51924C | #51924C | #51924C | #51924C |
icon-artwork-error | #D04442 | #D04442 | #D04442 | #D04442 |
icon-artwork-brand | #307AB0 | #2B817D | #307AB0 | #368234 |
icon-artwork-accent | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
icon-stroke-primary | #FFFFFF80 | #FFFFFF80 | #FFFFFF80 | #FFFFFF80 |
label-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
label-text-suffix | #6B6B68 | #6B6B68 | #6B6B68 | #6B6B68 |
input-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
input-artwork-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
input-artwork-primary-selected | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
input-artwork-primary-unselected | #C7C6C4 | #C7C6C4 | #C7C6C4 | #C7C6C4 |
input-fill-primary | #91918E1A | #91918E1A | #91918E1A | #91918E1A |
input-fill-primary-interact | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
input-fill-primary-selected | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
input-stroke-primary | #767673 | #767673 | #767673 | #767673 |
input-stroke-error | #BF3738 | #BF3738 | #BF3738 | #BF3738 |
nav-text-primary | #6B6B68 | #6B6B68 | #6B6B68 | #6B6B68 |
nav-text-primary-interact | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
nav-text-primary-active | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
nav-text-primary-selected | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
nav-artwork-primary | #FFFFFF00 | #FFFFFF00 | #FFFFFF00 | #FFFFFF00 |
nav-artwork-primary-interact | #307AB0 | #307AB0 | #307AB0 | #307AB0 |
nav-artwork-primary-active | #307AB0 | #307AB0 | #307AB0 | #307AB0 |
nav-artwork-primary-selected | #307AB0 | #307AB0 | #307AB0 | #307AB0 |
heading-text-primary | #1D1D1B | #1E7773 | #2A6EA0 | #297A29 |
heading-text-h1 | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
heading-artwork-primary | #F9B342 | #2B817D | #307AB0 | #368234 |
heading-artwork-h1 | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
heading-fill-h1 | #F9B342 | #F9B342 | #F9B342 | #F9B342 |
status-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
status-text-info | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
status-text-success | #297A29 | #297A29 | #297A29 | #297A29 |
status-text-error | #BF3738 | #BF3738 | #BF3738 | #BF3738 |
status-fill-primary | #F1F1EE | #F1F1EE | #F1F1EE | #F1F1EE |
status-fill-info | #E9F2FD | #E9F2FD | #E9F2FD | #E9F2FD |
status-fill-success | #E9F4E6 | #E9F4E6 | #E9F4E6 | #E9F4E6 |
status-fill-error | #FBEEEC | #FBEEEC | #FBEEEC | #FBEEEC |
status-stroke-primary | #6B6B68 | #6B6B68 | #6B6B68 | #6B6B68 |
status-stroke-info | #3E8BC6 | #3E8BC6 | #3E8BC6 | #3E8BC6 |
status-stroke-success | #51924C | #51924C | #51924C | #51924C |
status-stroke-error | #D04442 | #D04442 | #D04442 | #D04442 |
data-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
data-text-primary-interact | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
data-fill-primary | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
data-fill-primary-interact | #2B817D | #2B817D | #2B817D | #2B817D |
data-fill-striped | #F1FAF9 | #F1FAF9 | #F1FAF9 | #F1FAF9 |
data-stroke-primary | #2B817D | #2B817D | #2B817D | #2B817D |
tab-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
tab-text-primary-interact | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
tab-text-primary-selected | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
tab-artwork-primary | #FFFFFF00 | #FFFFFF00 | #FFFFFF00 | #FFFFFF00 |
tab-artwork-primary-interact | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
tab-artwork-primary-selected | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
accordion-text-primary | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
accordion-text-primary-interact | #1D1D1B | #1D1D1B | #1D1D1B | #1D1D1B |
accordion-text-primary-selected | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
accordion-artwork-primary | #2A6EA0 | #2A6EA0 | #2A6EA0 | #2A6EA0 |
accordion-fill-primary | #FFFFFF00 | #FFFFFF00 | #FFFFFF00 | #FFFFFF00 |
accordion-fill-primary-interact | #F4F8FD | #F1FAF9 | #F4F8FD | #F2FAF1 |
accordion-stroke-primary | #B9B9B6 | #87C4C0 | #8EBFED | #9BC394 |
Webfonts
Roboto 400
Roboto 400 italic
Roboto 700
Roboto 700 italic
Line Heights
Dense
Line Height dense. 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.
Default
Line Height default. 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.
Font Scales
Font Scale xs
Font Scale sm
Font Scale base
Font Scale md
Font Scale lg
Font Scale xl
Font Scale 2xl
Font Scale 3xl
Font Scale 4xl
Font Scale 5xl
Font Scale 6xl
Font Scale 7xl
Font Scale 8xl
Font Scale 9xl
Font Scale 10xl
Font Scale 11xl
Font Scale 12xl
Normal Spacing
4xs
3xs
2xs
xs
sm
base
md
lg
xl
2xl
3xl
4xl
5xl
6xl
Fluid Spacing
fluid-xl
fluid-2xl
fluid-3xl
fluid-4xl
fluid-5xl
fluid-6xl
none
5xs
4xs
3xs
2xs
xs
sm
base
md
lg
round
Das ist die maximale default breite
Das ist ein default Container
Das ist ein 12er Container
Das ist ein 10er Container
Das ist ein 8er Container
Das ist ein 6er Container
Das ist eine Heading Level 2
Das ist eine Heading Level 3
Das ist eine Heading Level 4
Das ist eine Heading Level 5
Das ist eine Heading Level 6
Das ist eine Subheading
Das ist eine Heading Level 2
Das ist eine Heading Level 3
Das ist eine Heading Level 4
Das ist eine Heading Level 5
Das ist eine Heading Level 6
Das ist eine Subheading
Das ist eine Heading Level 2
Das ist eine Heading Level 3
Das ist eine Heading Level 4
Das ist eine Heading Level 5
Das ist eine Heading Level 6
Das ist eine Subheading
Das ist eine Heading Level 2
Das ist eine Heading Level 3
Das ist eine Heading Level 4
Das ist eine Heading Level 5
Das ist eine Heading Level 6
Das ist eine Subheading
Das ist ein normaler Textabsatz. 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.
Das ist ein small Textabsatz. 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.
Das ist ein large Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein strong Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein italic Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum. Es folgt ein normaler InlineLink ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein um Interaktionen auszuführen.
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf SM Text
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf LG Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
Das ist ein normaler Textabsatz. 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.
Das ist ein small Textabsatz. 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.
Das ist ein large Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein strong Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein italic Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum. Es folgt ein normaler InlineLink ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein um Interaktionen auszuführen.
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf SM Text
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf LG Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
Das ist ein normaler Textabsatz. 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.
Das ist ein small Textabsatz. 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.
Das ist ein large Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein strong Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein italic Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum. Es folgt ein normaler InlineLink ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein um Interaktionen auszuführen.
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf SM Text
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf LG Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
Das ist ein normaler Textabsatz. 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.
Das ist ein small Textabsatz. 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.
Das ist ein large Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein strong Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Das ist ein italic Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum. Es folgt ein normaler InlineLink ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein um Interaktionen auszuführen.
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf SM Text
Es folgt ein interner InlineLink mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf LG Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
- Link standalone
- Interner Icon Link automatisch erkannt
- Section Icon Link automatisch erkannt
- Externer icon Link automatisch erkannt
- Download Link automatisch erkannt
- E-Mail Link automatisch erkannt
- Telefon Link automatisch erkannt
Es folgt ein Link im p-tag Icon Link
- expliziter interner Link mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- expliziter Section Link
- expliziter externer Link
- expliziter download Link
- expliziter E-Mail Link
- expliziter Telefon Link
- expliziter Back Link
- expliziter Fax Link
- SVG Icon Link
- SVG Icon Link. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
SVG Icon ohne Text in h-stack
SVG Icon only- Icon Link. Icon Rechts
- Durch Strong hervorgehobener interner Icon Link automatisch erkannt
- Large interner Icon Link automatisch erkannt
- Extra Large interner Icon Link automatisch erkannt
Style Icon ohne Text
Auto Icon only- Link standalone
- Interner Icon Link automatisch erkannt
- Section Icon Link automatisch erkannt
- Externer icon Link automatisch erkannt
- Download Link automatisch erkannt
- E-Mail Link automatisch erkannt
- Telefon Link automatisch erkannt
Es folgt ein Link im p-tag Icon Link
- expliziter interner Link mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- expliziter Section Link
- expliziter externer Link
- expliziter download Link
- expliziter E-Mail Link
- expliziter Telefon Link
- expliziter Back Link
- expliziter Fax Link
- SVG Icon Link
- SVG Icon Link. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
SVG Icon ohne Text in h-stack
SVG Icon only- Icon Link. Icon Rechts
- Durch Strong hervorgehobener interner Icon Link automatisch erkannt
- Large interner Icon Link automatisch erkannt
- Extra Large interner Icon Link automatisch erkannt
Style Icon ohne Text
Auto Icon only- Link standalone
- Interner Icon Link automatisch erkannt
- Section Icon Link automatisch erkannt
- Externer icon Link automatisch erkannt
- Download Link automatisch erkannt
- E-Mail Link automatisch erkannt
- Telefon Link automatisch erkannt
Es folgt ein Link im p-tag Icon Link
- expliziter interner Link mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- expliziter Section Link
- expliziter externer Link
- expliziter download Link
- expliziter E-Mail Link
- expliziter Telefon Link
- expliziter Back Link
- expliziter Fax Link
- SVG Icon Link
- SVG Icon Link. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
SVG Icon ohne Text in h-stack
SVG Icon only- Icon Link. Icon Rechts
- Durch Strong hervorgehobener interner Icon Link automatisch erkannt
- Large interner Icon Link automatisch erkannt
- Extra Large interner Icon Link automatisch erkannt
Style Icon ohne Text
Auto Icon only- Link standalone
- Interner Icon Link automatisch erkannt
- Section Icon Link automatisch erkannt
- Externer icon Link automatisch erkannt
- Download Link automatisch erkannt
- E-Mail Link automatisch erkannt
- Telefon Link automatisch erkannt
Es folgt ein Link im p-tag Icon Link
- expliziter interner Link mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- expliziter Section Link
- expliziter externer Link
- expliziter download Link
- expliziter E-Mail Link
- expliziter Telefon Link
- expliziter Back Link
- expliziter Fax Link
- SVG Icon Link
- SVG Icon Link. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
SVG Icon ohne Text in h-stack
SVG Icon only- Icon Link. Icon Rechts
- Durch Strong hervorgehobener interner Icon Link automatisch erkannt
- Large interner Icon Link automatisch erkannt
- Extra Large interner Icon Link automatisch erkannt
Style Icon ohne Text
Auto Icon only- Das ist ein Link im Buttonstyle
Es folgt ein Button im p-tag Link Button
- Button autoIcon interner Link automatisch erkannt
- Button autoIcon section Link automatisch erkannt
- Button autoIcon Externer Link automatisch erkannt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Button autoIcon Download Link automatisch erkannt
- Button autoIcon E-Mail Link automatisch erkannt
- Button autoIcon Telefon Link automatisch erkannt
- expliziter Section Icon Button
- expliziter Back Icon Button
- Button autoIcon, Icon Rechts
- Secondary Button autoIcon interner Link automatisch erkannt
- Secondary Button autoIcon interner Link automatisch erkannt Suffix Text
- Das ist ein Link im Buttonstyle
Es folgt ein Button im p-tag Link Button
- Button autoIcon interner Link automatisch erkannt
- Button autoIcon section Link automatisch erkannt
- Button autoIcon Externer Link automatisch erkannt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Button autoIcon Download Link automatisch erkannt
- Button autoIcon E-Mail Link automatisch erkannt
- Button autoIcon Telefon Link automatisch erkannt
- expliziter Section Icon Button
- expliziter Back Icon Button
- Button autoIcon, Icon Rechts
- Secondary Button autoIcon interner Link automatisch erkannt
- Secondary Button autoIcon interner Link automatisch erkannt Suffix Text
- Das ist ein Link im Buttonstyle
Es folgt ein Button im p-tag Link Button
- Button autoIcon interner Link automatisch erkannt
- Button autoIcon section Link automatisch erkannt
- Button autoIcon Externer Link automatisch erkannt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Button autoIcon Download Link automatisch erkannt
- Button autoIcon E-Mail Link automatisch erkannt
- Button autoIcon Telefon Link automatisch erkannt
- expliziter Section Icon Button
- expliziter Back Icon Button
- Button autoIcon, Icon Rechts
- Secondary Button autoIcon interner Link automatisch erkannt
- Secondary Button autoIcon interner Link automatisch erkannt Suffix Text
- Das ist ein Link im Buttonstyle
Es folgt ein Button im p-tag Link Button
- Button autoIcon interner Link automatisch erkannt
- Button autoIcon section Link automatisch erkannt
- Button autoIcon Externer Link automatisch erkannt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Button autoIcon Download Link automatisch erkannt
- Button autoIcon E-Mail Link automatisch erkannt
- Button autoIcon Telefon Link automatisch erkannt
- expliziter Section Icon Button
- expliziter Back Icon Button
- Button autoIcon, Icon Rechts
- Secondary Button autoIcon interner Link automatisch erkannt
- Secondary Button autoIcon interner Link automatisch erkannt Suffix Text
Default
Accent
Font Scales
Inline
Paragraph with inline Icon
h-stack
Inside h-stack with Heading. The alignment is centered.
Inside h-stack with small Paragraph
Default
Accent
Font Scales
Inline
Paragraph with inline Icon
h-stack
Inside h-stack with Heading. The alignment is centered.
Inside h-stack with small Paragraph
Default
Accent
Font Scales
Inline
Paragraph with inline Icon
h-stack
Inside h-stack with Heading. The alignment is centered.
Inside h-stack with small Paragraph
Default
Accent
Font Scales
Inline
Paragraph with inline Icon
h-stack
Inside h-stack with Heading. The alignment is centered.
Inside h-stack with small Paragraph
- Style Info IconText mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style check IconText
- Style unchecked IconText
- SVG IconText
- SVG IconText. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style Info IconText mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style check IconText
- Style unchecked IconText
- SVG IconText
- SVG IconText. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style Info IconText mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style check IconText
- Style unchecked IconText
- SVG IconText
- SVG IconText. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style Info IconText mit einem langen Text und Zeilenumbruch. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Style check IconText
- Style unchecked IconText
- SVG IconText
- SVG IconText. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple Liste
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist ein styleItem Item
- Das ist check item
- Das ist eine ungeordnete simple Multicolumn Liste
- Das ist eine ungeordnete lines Liste mit Check Icon
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inline Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inset lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete multicolumn Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Description List Term
- Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd suffix
- Inset Description List Term
- Inset Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd
- Das ist eine ungeordnete simple Liste
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist ein styleItem Item
- Das ist check item
- Das ist eine ungeordnete simple Multicolumn Liste
- Das ist eine ungeordnete lines Liste mit Check Icon
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inline Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inset lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete multicolumn Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Description List Term
- Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd suffix
- Inset Description List Term
- Inset Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd
- Das ist eine ungeordnete simple Liste
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist ein styleItem Item
- Das ist check item
- Das ist eine ungeordnete simple Multicolumn Liste
- Das ist eine ungeordnete lines Liste mit Check Icon
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inline Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inset lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete multicolumn Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Description List Term
- Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd suffix
- Inset Description List Term
- Inset Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd
- Das ist eine ungeordnete simple Liste
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist ein styleItem Item
- Das ist check item
- Das ist eine ungeordnete simple Multicolumn Liste
- Das ist eine ungeordnete lines Liste mit Check Icon
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inline Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete simple inset lines Liste
- Zweites Element
- Drittes Element
- Viertes Element einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete multicolumn Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Bullet Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag. Lorem ipsum dolor sit amet, consetetur sadipscing elitr. At vero eos et accusam et justo duo dolores et ea rebum.
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Description List Term
- Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd suffix
- Inset Description List Term
- Inset Description List Details
- A very long Description List Term
- A very long Description list details text
- dl
- dd
Default
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Striped
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Default
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Striped
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Default
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Striped
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Default
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Striped
| Id | Vorname | Nachname | Alter |
|---|---|---|---|
| 1 | Max | Mustermann | 30 |
| 2 | Maxi | Musterfrau | 31 |
| 3 | Klaus | Tester | 28 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Das ist ein anonymer Zitat aus den sozialen Medien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Das ist ein anonymer Zitat aus den sozialen Medien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Das ist ein anonymer Zitat aus den sozialen Medien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Das ist ein anonymer Zitat aus den sozialen Medien.
Small
Default
Info
Success
Error
Highlight
Medium
Default
Info
Success
Error
Highlight
Large
Default
Info
Success
Error
Highlight
Note
1
22
333
Small
Default
Info
Success
Error
Highlight
Medium
Default
Info
Success
Error
Highlight
Large
Default
Info
Success
Error
Highlight
Note
1
22
333
Small
Default
Info
Success
Error
Highlight
Medium
Default
Info
Success
Error
Highlight
Large
Default
Info
Success
Error
Highlight
Note
1
22
333
Small
Default
Info
Success
Error
Highlight
Medium
Default
Info
Success
Error
Highlight
Large
Default
Info
Success
Error
Highlight
Note
1
22
333
Details Summary
Details Panel. 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.
Details Summary default open
Details Panel. 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.
Details Summary
Details Panel. 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.
Details Summary default open
Details Panel. 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.
Details Summary
Details Panel. 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.
Details Summary default open
Details Panel. 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.
Details Summary
Details Panel. 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.
Details Summary default open
Details Panel. 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.
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
- Loading
Success alert
Paragraph Element im Alert
Interner Icon Link automatisch erkanntSuccess alert
Paragraph Element im Alert
Interner Icon Link automatisch erkanntSuccess alert
Paragraph Element im Alert
Interner Icon Link automatisch erkanntSuccess alert
Paragraph Element im Alert
Interner Icon Link automatisch erkannt