Name | CSS classes | RGB | HEX | |
---|---|---|---|---|
TEXT | keine Hintergrundfarbe | .bg_color_default (Background) .color_default (Text) | ||
TEXT | Weiß | .bg_color_white (Background) .color_white (Text) | ||
TEXT | Rot | .bg_color_red (Background) .color_red (Text) | ||
TEXT | Grau | .bg_color_gray (Background) .color_gray (Text) |
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
H1 | calculating |
---|---|
H2 | calculating |
H3 | calculating |
H4 | calculating |
H1 | calculating |
Text/Paragraph | calculating |
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
BOLD text:
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Italic text:
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Bold+italic text:
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare. Curabitur integer, risus mi. Morbi praesent. Sapien ridiculus, nullam pellentesque elit, feugiat nunc neque. Magna eget. Eget non a, aenean sed ridiculus. Fermentum etiam. Lorem ipsum dolor sit amet, est vulputate, id ac purus. Libero ultricies adipiscing. Luctus integer ornare.
HEAD | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. |
---|---|---|---|
BODY | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. |
Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | |
Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. | Lorem ipsum dolor sit amet, est vulputate, id ac purus. |
Button | CSS-Class | Values (coded) BETA | Values (calculated) BETA |
---|---|---|---|
Button | button | background-color: #EF4A59; color: #ffffff; display: inline-block; font-family: 'Montserrat'; font-size: 0.9114583333vw; font-weight: 500; letter-spacing: 0em; line-height: 50px; padding: 0px 24px 0px 24px; text-transform: uppercase; transition-duration: 0.2s; transition-property: transform,all; transition-timing-function: ease-in-out; user-select: none; | |
Button | button button_white | background-color: #ffffff!important; color: #EF4A59!important; |