#2F5B87
RGB: (47, 91, 135)
CSS Klasse: bg-blue#1D343D
RGB: (29, 52, 61)
CSS Klasse: bg-secondary#F18B02
RGB: (241, 139, 2)
CSS Klassen: bg-primary#2F5B87
RGB: (47, 91, 135)
CSS Klassen: bg-blue#E0E6ED
RGB: (224, 230, 237)
CSS Klasse: bg-blue-lighter#FDECDA
RGB: (253, 236, 218)
CSS Klassen: bg-primary-lighter, bg-orange-lighter#FFFFFF
RGB: (255, 255, 255)
CSS Klassen: bg-white#FAF8F6
RGB: (250, 248, 246)
CSS Klassen: bg-gray1#EFEDEB
RGB: (239, 237, 235)
CSS Klassen: bg-gray2#BFBDBB
RGB: (191, 189, 187)
CSS Klassen: bg-gray3#909090
RGB: (144, 144, 144)
CSS Klassen: bg-gray4#000000
RGB: (0, 0, 0)
CSS Klassen: bg-blackThin 100 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-thinThin 100 Italic| The quick brown fox jumps over the lazy dog.
CSS Klassen: font-thin, italicExtraLight 200 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-extralightExtraLight 200 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-extralight, italicLight 300 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-lightLight 300 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-light, italicRegular 400 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-normalRegular 400 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-normal, italicMedium 500 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-mediumMedium 500 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-medium, italicSemiBold 600 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-semiboldSemiBold 600 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-semibold, italicBold 700 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-boldBold 700 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-bold, italicExtraBold 800 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-extraboldExtraBold 800 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-extrabold, italicBlack 900 | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-blackBlack 900 Italic | The quick brown fox jumps over the lazy dog.
CSS Klassen: font-black, italicPDP Specs - The quick brown fox jumps over the lazy dog.
Inter - Light - 35px - mobile: 24pxAccordion Headline - The quick brown fox jumps over the lazy dog.
Inter - Regular - 18pxSubline - The quick brown fox jumps over the lazy dog.
Inter - Regular - 16pxBody regular - The quick brown fox jumps over the lazy dog.
Inter - Regular - 16pxBody link - The quick brown fox jumps over the lazy dog.
Inter - Regular - 16pxBody small - The quick brown fox jumps over the lazy dog.
Inter - Regular - 12pxBody regular - The quick brown fox jumps over the lazy dog.
Inter - Regular - 16pxUnordered/Ordered List - The quick brown fox jumps over the lazy dog.
Inter - Regular - 16px Inter - Regular - 18px Inter - Regular - 16px Inter - Bold - 16pxCaption - The quick brown fox jumps over the lazy dog.
Inter - Regular - 14pxCaption Bold - The quick brown fox jumps over the lazy dog.
Inter - Bold - 14pxCaption - The quick brown fox jumps over the lazy dog.
Inter - Bold - 12pxListen
Text
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.
CSS Klassen: bodytextLorem 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.
CSS Klassen: bodytext-boldLorem 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.
Primary Button
CSS Klassen: btn btn-primarySecondary Button
CSS Klassen: btn btn-secondaryWarenkorb Button
CSS Klassen: .btn[data-addto="cart"], #product-addtocart-button, .btn[form="product_addtocart_form"]