@asantemedia-org/leybold-design-system 1.0.10 → 1.0.12

package/dist/index.scss

@@ -1,107 +1,1220 @@
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 .Button-module__button___18Bed {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-weight: 600;
+  gap: 0.5rem;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 600;
+  line-height: 1.5;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border: 2px solid transparent;
+  border-radius: 0;
+  transition: all 0.2s ease-in-out;
+  padding: 0.5rem 1rem;
+  text-transform: uppercase;
+}
+.Button-module__button___18Bed:focus-visible {
+  outline: 2px solid #000000;
+  outline-offset: 2px;
+}
+.Button-module__button___18Bed {
+  white-space: nowrap;
+}
+.Button-module__button--primary___VuF-P, .Button-module__button--default___MDa35 {
+  color: #ffffff;
+  background-color: #e2001a;
+  border-color: #e2001a;
+}
+.Button-module__button--primary___VuF-P:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]), .Button-module__button--default___MDa35:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--primary___VuF-P:active:not(.Button-module__button--disabled___IuOY8), .Button-module__button--default___MDa35:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: #546672;
+  border-color: #000000;
+}
+.Button-module__button--primary___VuF-P:focus-visible:not([data-force-state]), .Button-module__button--default___MDa35:focus-visible:not([data-force-state]) {
+  background-color: #546672;
+  border-color: #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--primary___VuF-P[data-force-state=hover], .Button-module__button--default___MDa35[data-force-state=hover] {
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--primary___VuF-P[data-force-state=focus], .Button-module__button--default___MDa35[data-force-state=focus] {
+  background-color: #546672;
+  border-color: #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--secondary___lD5E3 {
+  color: #e2001a;
+  background-color: transparent;
+  border: 1.5px solid #e2001a;
+}
+.Button-module__button--secondary___lD5E3:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--secondary___lD5E3:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: #546672;
+  border-color: #000000;
+}
+.Button-module__button--secondary___lD5E3:focus-visible:not([data-force-state]) {
+  color: #ffffff;
+  background-color: #546672;
+  border: 2px solid #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--secondary___lD5E3[data-force-state=hover] {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--secondary___lD5E3[data-force-state=focus] {
+  color: #ffffff;
+  background-color: #546672;
+  border: 2px solid #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-red___YPpnL {
+  color: #ffffff;
+  background-color: #e2001a;
+  border-color: #e2001a;
+}
+.Button-module__button--solid-red___YPpnL:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--solid-red___YPpnL:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: rgb(73.1818181818, 88.8636363636, 99.3181818182);
+  border-color: rgb(73.1818181818, 88.8636363636, 99.3181818182);
+}
+.Button-module__button--solid-red___YPpnL:focus-visible:not([data-force-state]) {
+  background-color: #000000;
+  border-color: #000000;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-red___YPpnL[data-force-state=hover] {
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--solid-red___YPpnL[data-force-state=focus] {
+  background-color: #000000;
+  border-color: #000000;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-grey___oRbEy {
+  color: #000000;
+  background-color: #dae0e3;
+  border-color: #dae0e3;
+}
+.Button-module__button--solid-grey___oRbEy:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--solid-grey___oRbEy:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: #546672;
+  border-color: #000000;
+}
+.Button-module__button--solid-grey___oRbEy:focus-visible:not([data-force-state]) {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-grey___oRbEy[data-force-state=hover] {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--solid-grey___oRbEy[data-force-state=focus] {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-black___1Ma5K {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+}
+.Button-module__button--solid-black___1Ma5K:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  background-color: #e2001a;
+  border-color: #e2001a;
+}
+.Button-module__button--solid-black___1Ma5K:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: rgb(200.5, 0, 23.0663716814);
+  border-color: rgb(200.5, 0, 23.0663716814);
+}
+.Button-module__button--solid-black___1Ma5K:focus-visible:not([data-force-state]) {
+  background-color: #e2001a;
+  border-color: #e2001a;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-black___1Ma5K[data-force-state=hover] {
+  background-color: #e2001a;
+  border-color: #e2001a;
+}
+.Button-module__button--solid-black___1Ma5K[data-force-state=focus] {
+  background-color: #e2001a;
+  border-color: #e2001a;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--solid-white___bE-Z0 {
+  color: #000000;
+  background-color: #ffffff;
+  border-color: #000000;
+}
+.Button-module__button--solid-white___bE-Z0:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+}
+.Button-module__button--solid-white___bE-Z0:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: black;
+  border-color: black;
+}
+.Button-module__button--solid-white___bE-Z0:focus-visible:not([data-force-state]) {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+  outline: 2px solid #ffffff;
+  outline-offset: 0;
+}
+.Button-module__button--solid-white___bE-Z0[data-force-state=hover] {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+}
+.Button-module__button--solid-white___bE-Z0[data-force-state=focus] {
+  color: #ffffff;
+  background-color: #000000;
+  border-color: #000000;
+  outline: 2px solid #ffffff;
+  outline-offset: 0;
+}
+.Button-module__button--outlined-red___cgZXa {
+  color: #e2001a;
+  background-color: transparent;
+  border: 1.5px solid #e2001a;
+}
+.Button-module__button--outlined-red___cgZXa:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--outlined-red___cgZXa:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: #546672;
+  border-color: #000000;
+}
+.Button-module__button--outlined-red___cgZXa:focus-visible:not([data-force-state]) {
+  color: #ffffff;
+  background-color: #546672;
+  border: 2px solid #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--outlined-red___cgZXa[data-force-state=hover] {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--outlined-red___cgZXa[data-force-state=focus] {
+  color: #ffffff;
+  background-color: #546672;
+  border: 2px solid #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--outlined-grey___xWGbB {
+  color: #dae0e3;
+  background-color: transparent;
+  border: 1.5px solid #dae0e3;
+}
+.Button-module__button--outlined-grey___xWGbB:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
+  color: #e2001a;
+  background-color: #ffffff;
+  border-color: #ffffff;
+}
+.Button-module__button--outlined-grey___xWGbB:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: #ffffff;
+  border-color: #ffffff;
+}
+.Button-module__button--outlined-grey___xWGbB:focus-visible:not([data-force-state]) {
+  color: #e2001a;
+  background-color: #ffffff;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--outlined-grey___xWGbB[data-force-state=hover] {
+  color: #e2001a;
+  background-color: #ffffff;
+  border-color: #ffffff;
+}
+.Button-module__button--outlined-grey___xWGbB[data-force-state=focus] {
+  color: #e2001a;
+  background-color: #ffffff;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--outlined-black___qfX5o {
+  color: #000000;
+  background-color: transparent;
+  border: 1.5px solid #000000;
+}
+.Button-module__button--outlined-black___qfX5o:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
+  color: #e2001a;
+  background-color: transparent;
+  border-color: #e2001a;
+}
+.Button-module__button--outlined-black___qfX5o:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: transparent;
+  border-color: rgb(175, 0, 20.1327433628);
+}
+.Button-module__button--outlined-black___qfX5o:focus-visible:not([data-force-state]) {
+  color: #e2001a;
+  background-color: transparent;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--outlined-black___qfX5o[data-force-state=hover] {
+  color: #e2001a;
+  background-color: transparent;
+  border-color: #e2001a;
+}
+.Button-module__button--outlined-black___qfX5o[data-force-state=focus] {
+  color: #e2001a;
+  background-color: transparent;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--outlined-white___QLXNP {
+  color: #ffffff;
+  background-color: transparent;
+  border: 1.5px solid #ffffff;
+}
+.Button-module__button--outlined-white___QLXNP:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
+  color: #000000;
+  background-color: #ffffff;
+  border-color: #ffffff;
+}
+.Button-module__button--outlined-white___QLXNP:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: #ffffff;
+  border-color: #ffffff;
+}
+.Button-module__button--outlined-white___QLXNP:focus-visible:not([data-force-state]) {
+  color: #000000;
+  background-color: #ffffff;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--outlined-white___QLXNP[data-force-state=hover] {
+  color: #000000;
+  background-color: #ffffff;
+  border-color: #ffffff;
+}
+.Button-module__button--outlined-white___QLXNP[data-force-state=focus] {
+  color: #000000;
+  background-color: #ffffff;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--link-text___R2kun {
+  color: #e2001a;
+  background-color: transparent;
+  border: 2px solid transparent;
+  padding: 0;
+  text-transform: uppercase;
+  font-weight: 600;
+}
+.Button-module__button--link-text___R2kun:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
+  color: #000000;
+  border-top: 2px solid transparent;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+  border-bottom: 1.5px solid #000000;
+}
+.Button-module__button--link-text___R2kun:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) .Button-module__button__icon___hlcHo {
+  transform: rotate(-45deg);
+}
+.Button-module__button--link-text___R2kun:active:not(.Button-module__button--disabled___IuOY8) {
+  color: black;
+}
+.Button-module__button--link-text___R2kun:focus-visible:not([data-force-state]) {
+  color: #000000;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--link-text___R2kun:focus-visible:not([data-force-state]) .Button-module__button__icon___hlcHo {
+  transform: rotate(-45deg);
+}
+.Button-module__button--link-text___R2kun[data-force-state=hover] {
+  color: #000000;
+  border-top: 2px solid transparent;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+  border-bottom: 1.5px solid #000000;
+}
+.Button-module__button--link-text___R2kun[data-force-state=hover] .Button-module__button__icon___hlcHo {
+  transform: rotate(-45deg);
+}
+.Button-module__button--link-text___R2kun[data-force-state=focus] {
+  color: #000000;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--link-text___R2kun[data-force-state=focus] .Button-module__button__icon___hlcHo {
+  transform: rotate(-45deg);
+}
+.Button-module__button--link-text-alt___1p7wH {
+  color: #e2001a;
+  background-color: transparent;
+  border: 2px solid transparent;
+  padding: 0;
+  height: 44px;
+  text-transform: uppercase;
+  font-weight: 600;
+}
+.Button-module__button--link-text-alt___1p7wH:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
+  color: #e2001a;
+}
+.Button-module__button--link-text-alt___1p7wH:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) .Button-module__button__icon___hlcHo {
+  transform: translateX(16px);
+}
+.Button-module__button--link-text-alt___1p7wH:active:not(.Button-module__button--disabled___IuOY8) {
+  color: rgb(175, 0, 20.1327433628);
+}
+.Button-module__button--link-text-alt___1p7wH:focus-visible:not([data-force-state]) {
+  color: #e2001a;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--link-text-alt___1p7wH:focus-visible:not([data-force-state]) .Button-module__button__icon___hlcHo {
+  transform: translateX(16px);
+}
+.Button-module__button--link-text-alt___1p7wH[data-force-state=hover] {
+  color: #e2001a;
+}
+.Button-module__button--link-text-alt___1p7wH[data-force-state=hover] .Button-module__button__icon___hlcHo {
+  transform: translateX(16px);
+}
+.Button-module__button--link-text-alt___1p7wH[data-force-state=focus] {
+  color: #e2001a;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--link-text-alt___1p7wH[data-force-state=focus] .Button-module__button__icon___hlcHo {
+  transform: translateX(16px);
+}
+.Button-module__button--external-link___Mhxuk {
+  color: #e2001a;
+  background-color: transparent;
+  border-color: #e2001a;
+}
+.Button-module__button--external-link___Mhxuk:hover:not(.Button-module__button--disabled___IuOY8) {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+}
+.Button-module__button--external-link___Mhxuk:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: rgb(62.3636363636, 75.7272727273, 84.6363636364);
+  border-color: rgb(62.3636363636, 75.7272727273, 84.6363636364);
+}
+.Button-module__button--external-link___Mhxuk:focus-visible {
+  color: #ffffff;
+  background-color: #546672;
+  border-color: #546672;
+  outline: 2px solid #000000;
+  outline-offset: 0;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--carousel-arrow-right___3ZtgT {
+  color: #383e42;
+  background-color: transparent;
+  border: none;
+  padding: 0.5rem;
+  width: 56px;
+  height: 30px;
+  position: relative;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo .Button-module__button__icon___hlcHo, .Button-module__button--carousel-arrow-right___3ZtgT .Button-module__button__icon___hlcHo {
+  position: relative;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo .Button-module__button__icon__default___0qlF1, .Button-module__button--carousel-arrow-right___3ZtgT .Button-module__button__icon__default___0qlF1 {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  opacity: 1;
+  transition: opacity 0.1s ease-in-out;
+  font-size: 20px;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo .Button-module__button__icon__hover___3xPGT, .Button-module__button--carousel-arrow-right___3ZtgT .Button-module__button__icon__hover___3xPGT {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  opacity: 0;
+  transition: opacity 0.1s ease-in-out;
+  font-size: 24px;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible), .Button-module__button--carousel-arrow-right___3ZtgT:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) {
+  color: #e2001a;
+  background-color: transparent;
+  border: none;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__default___0qlF1, .Button-module__button--carousel-arrow-right___3ZtgT:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__default___0qlF1 {
+  opacity: 0;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__hover___3xPGT, .Button-module__button--carousel-arrow-right___3ZtgT:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__hover___3xPGT {
+  opacity: 1;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:active:not(.Button-module__button--disabled___IuOY8), .Button-module__button--carousel-arrow-right___3ZtgT:active:not(.Button-module__button--disabled___IuOY8) {
+  background-color: transparent;
+  border: none;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:focus-visible, .Button-module__button--carousel-arrow-right___3ZtgT:focus-visible {
+  color: #e2001a;
+  background-color: transparent;
+  border: 2px solid #000000;
+  outline: none;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:focus-visible .Button-module__button__icon__default___0qlF1, .Button-module__button--carousel-arrow-right___3ZtgT:focus-visible .Button-module__button__icon__default___0qlF1 {
+  opacity: 0;
+}
+.Button-module__button--carousel-arrow-left___Wx-Jo:focus-visible .Button-module__button__icon__hover___3xPGT, .Button-module__button--carousel-arrow-right___3ZtgT:focus-visible .Button-module__button__icon__hover___3xPGT {
+  opacity: 1;
+}
+.Button-module__button--extra-small___R0QTM {
+  padding: 0.25rem 0.375rem;
+  font-size: 0.625rem;
+  line-height: 1.2;
+}
+.Button-module__button--extra-small___R0QTM.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--extra-small___R0QTM.Button-module__button--carousel-arrow-right___3ZtgT {
+  padding: 0.25rem;
+  width: 32px;
+  height: 20px;
+}
+.Button-module__button--extra-small___R0QTM.Button-module__button--link-text___R2kun, .Button-module__button--extra-small___R0QTM.Button-module__button--link-text-alt___1p7wH {
+  padding: 0;
+}
+.Button-module__button--small___ADJQe {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
+}
+.Button-module__button--small___ADJQe.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--small___ADJQe.Button-module__button--carousel-arrow-right___3ZtgT {
+  padding: 0.25rem;
+}
+.Button-module__button--small___ADJQe.Button-module__button--link-text___R2kun, .Button-module__button--small___ADJQe.Button-module__button--link-text-alt___1p7wH {
+  padding: 0;
+}
+.Button-module__button--medium___ZuR4Z {
+  padding: 0.5rem 1rem;
+  font-size: 0.875rem;
+}
+.Button-module__button--medium___ZuR4Z.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--medium___ZuR4Z.Button-module__button--carousel-arrow-right___3ZtgT {
+  padding: 0.5rem;
+}
+.Button-module__button--medium___ZuR4Z.Button-module__button--link-text___R2kun, .Button-module__button--medium___ZuR4Z.Button-module__button--link-text-alt___1p7wH {
+  padding: 0;
+}
+.Button-module__button--large___-FaV5 {
+  padding: 1rem 1.5rem;
+  font-size: 1rem;
+}
+.Button-module__button--large___-FaV5.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--large___-FaV5.Button-module__button--carousel-arrow-right___3ZtgT {
+  padding: 1rem;
+}
+.Button-module__button--large___-FaV5.Button-module__button--link-text___R2kun, .Button-module__button--large___-FaV5.Button-module__button--link-text-alt___1p7wH {
+  padding: 0;
+}
+.Button-module__button--disabled___IuOY8 {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.Button-module__button__icon___hlcHo {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform 0.2s ease-in-out;
+}
+.Button-module__button__icon--left___wMCeH {
+  order: -1;
+}
+.Button-module__button__icon--right___-pGHl {
+  order: 1;
+}
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
+.Footer-module__footer___Oavyx {
+  background-color: #383e42;
+  font-family: var(--font-family-base);
+  width: 100%;
+  color: #ffffff;
+}
+
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__container___ohvnm {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  padding: 24px;
+  text-align: left;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__links___DdVK8 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 24px;
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 24px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkGroup___1B7JA {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  width: 100%;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkGroup___1B7JA:first-child {
+  padding-bottom: 24px;
+  border-bottom: 0.5px solid #ffffff;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkList___j-DWF {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkHeading___LtE6X {
+  margin-bottom: 0;
+  text-align: left;
+  width: 100%;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__link___G5HPW {
+  padding: 4px 0;
+  text-align: left;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__cta___MRJLr {
+  display: flex;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__socialIcons___j0aRp {
+  margin-top: 0;
+  margin-bottom: 16px;
+  gap: 32px;
+  justify-content: center;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__socialIcon___1uVTm {
+  width: 32px;
+  height: 32px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__socialIcon___1uVTm svg {
+  width: 32px;
+  height: 32px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__countrySelector___pVtN5 {
+  margin-bottom: 0;
+  color: #99a1ab;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottom___77bPL {
+  flex-direction: column-reverse;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 0;
+  border-top: 0.5px solid #ffffff;
+  border-bottom: 0.5px solid #ffffff;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLeft___tlst1 {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  gap: 16px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLinks___s22h7 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLink___SLzwY {
+  padding: 4px 0;
+  font-size: var(--h5-mobile-size);
+  color: #99a1ab;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLink___SLzwY:not(:last-child)::after {
+  display: none;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__copyright___4bZOF {
+  margin-left: 0;
+  font-size: var(--h5-mobile-size);
+  color: #ffffff;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding-top: 20px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f .Footer-module__footer__logo___mv-9M {
+  margin-bottom: 0;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f .Footer-module__footer__leftCol___vmKNN {
+  gap: 16px;
+}
+.Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f .Footer-module__footer__motto___QtB2m {
+  font-size: 24px;
+}
+
+.Footer-module__footer__container___ohvnm {
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 56px 22px 20px;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__container___ohvnm {
+    padding: 83px 68px 18px;
+  }
+}
+
+.Footer-module__footer__logo___mv-9M {
+  display: block;
+  width: 113px;
+  height: 32px;
+  margin-bottom: 36px;
+}
+.Footer-module__footer__logo___mv-9M img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.Footer-module__footer__main___NSU9d {
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+  padding-bottom: 32px;
+  border-bottom: 0.5px solid #ffffff;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__main___NSU9d {
+    flex-direction: row;
+    justify-content: space-between;
+    gap: 40px;
+    padding-bottom: 16px;
+  }
+}
+
+.Footer-module__footer__leftCol___vmKNN {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__leftCol___vmKNN {
+    flex: 0 0 438px;
+    gap: 136px;
+    justify-content: space-between;
+  }
+}
+
+.Footer-module__footer__motto___QtB2m {
+  font-size: var(--h2-mobile-size);
+  font-weight: 700;
+  line-height: 1.2;
+  color: #ffffff;
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__motto___QtB2m {
+    font-size: var(--h3-desktop-size);
+  }
+}
+
+.Footer-module__footer__badge___faejb {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.Footer-module__footer__badgeIcon___xJ519 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #99a1ab;
+  flex-shrink: 0;
+}
+
+.Footer-module__footer__badgeText___imXgG {
+  font-size: var(--h5-mobile-size);
+  font-weight: 400;
+  line-height: 1.6;
+  color: #ffffff;
+}
+
+.Footer-module__footer__links___DdVK8 {
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__links___DdVK8 {
+    flex-direction: row;
+    gap: 146px;
+    margin-left: auto;
+  }
+}
+
+.Footer-module__footer__linkGroup___1B7JA {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__linkGroup___1B7JA {
+    min-width: 185px;
+    height: 100%;
+  }
+}
+
+.Footer-module__footer__linkHeading___LtE6X {
+  font-size: var(--h5-desktop-size);
+  font-weight: 400;
+  line-height: 1.6;
+  color: #ffffff;
+  margin: 0 0 4px;
+}
+
+.Footer-module__footer__linkList___j-DWF {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+.Footer-module__footer__linkList___j-DWF li {
+  height: 38px;
+  display: flex;
+  align-items: center;
+  padding-bottom: 2px;
+  margin-bottom: -4px;
+}
+
+.Footer-module__footer__link___G5HPW {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  width: -moz-fit-content;
+  width: fit-content;
+  font-size: var(--h4-mobile-size);
+  font-weight: 400;
   line-height: 1.5;
-  text-align: center;
+  color: #99a1ab;
   text-decoration: none;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  border: 2px solid transparent;
-  transition: all 0.2s ease-in-out;
-  padding: 0.5rem 1rem;
-  text-transform: uppercase;
 }
-.Button-module__button___18Bed:focus-visible {
-  outline: 2px solid #000000;
-  outline-offset: 1px;
+.Footer-module__footer__link___G5HPW:hover, .Footer-module__footer__link--hover___5PxzS {
+  border-bottom: 1px solid currentColor;
 }
-.Button-module__button___18Bed {
-  white-space: nowrap;
+.Footer-module__footer__link___G5HPW:focus-visible .Footer-module__footer__linkText___Gc18Z, .Footer-module__footer__link--focus___eJN6z .Footer-module__footer__linkText___Gc18Z {
+  outline: 1px solid #ffffff;
+  outline-offset: 2px;
 }
-.Button-module__button--primary___VuF-P {
-  color: white;
-  background-color: #e2001a;
+.Footer-module__footer__link___G5HPW:focus-visible {
+  outline: none;
 }
-.Button-module__button--primary___VuF-P:hover:not(.Button-module__button--disabled___IuOY8) {
-  background-color: #546672;
+
+.Footer-module__footer__linkIcon___IZzJM {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: currentColor;
 }
-.Button-module__button--primary___VuF-P:active:not(.Button-module__button--disabled___IuOY8) {
-  background-color: #546672;
-  border-color: #000000;
+
+.Footer-module__footer__socialIcons___j0aRp {
+  display: flex;
+  align-items: center;
+  gap: 48px;
+  margin-top: 0;
+  padding-top: 14px;
+  padding-bottom: 14px;
 }
-.Button-module__button--secondary___lD5E3 {
-  color: #e2001a;
-  background-color: white;
-  border-color: #e2001a;
+@media (min-width: 768px) {
+  .Footer-module__footer__socialIcons___j0aRp {
+    gap: 6px;
+    margin-top: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
 }
-.Button-module__button--secondary___lD5E3:hover:not(.Button-module__button--disabled___IuOY8) {
-  background-color: #4a4e54;
-  border-color: #4a4e54;
-  color: white;
+
+.Footer-module__footer__socialIcon___1uVTm {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #99a1ab;
+  text-decoration: none;
+  transition: color 0.2s ease-in-out;
 }
-.Button-module__button--secondary___lD5E3:active:not(.Button-module__button--disabled___IuOY8) {
-  background-color: rgb(51.5454545455, 62.5909090909, 69.9545454545);
-  border-color: rgb(51.5454545455, 62.5909090909, 69.9545454545);
+.Footer-module__footer__socialIcon___1uVTm:hover, .Footer-module__footer__socialIcon--hover___5COSP {
+  color: #ffffff;
 }
-.Button-module__button--secondary___lD5E3:focus-visible:not(.Button-module__button--disabled___IuOY8) {
-  background-color: #4a4e54;
-  border-color: #4a4e54;
-  color: white;
-  outline: 1px solid #000000;
-  outline-offset: 2px;
+.Footer-module__footer__socialIcon___1uVTm:focus-visible, .Footer-module__footer__socialIcon--focus___c39DU {
+  outline: 1px solid #ffffff;
+  outline-offset: 5px;
 }
-.Button-module__button--outline___wB6-g {
-  color: #e2001a;
-  background-color: transparent;
-  border-color: #e2001a;
+.Footer-module__footer__socialIcon___1uVTm svg {
+  width: 32px;
+  height: 32px;
 }
-.Button-module__button--outline___wB6-g:hover:not(.Button-module__button--disabled___IuOY8) {
-  color: white;
-  background-color: #e2001a;
+@media (min-width: 768px) {
+  .Footer-module__footer__socialIcon___1uVTm svg {
+    width: 24px;
+    height: 24px;
+  }
 }
-.Button-module__button--outline___wB6-g:active:not(.Button-module__button--disabled___IuOY8) {
-  background-color: rgb(175, 0, 20.1327433628);
-  border-color: rgb(175, 0, 20.1327433628);
+
+.Footer-module__footer__cta___MRJLr {
+  display: flex;
+  width: 100%;
+  margin-top: 32px;
 }
-.Button-module__button--text___iZIMo {
-  color: #e2001a;
-  background-color: transparent;
-  border-color: transparent;
+@media (min-width: 768px) {
+  .Footer-module__footer__cta___MRJLr {
+    display: none;
+  }
 }
-.Button-module__button--text___iZIMo:hover:not(.Button-module__button--disabled___IuOY8) {
-  background-color: rgba(226, 0, 26, 0.1);
+
+.Footer-module__footer__bottom___77bPL {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  padding-top: 20px;
 }
-.Button-module__button--text___iZIMo:active:not(.Button-module__button--disabled___IuOY8) {
-  background-color: rgba(226, 0, 26, 0.2);
+@media (min-width: 768px) {
+  .Footer-module__footer__bottom___77bPL {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: 10px;
+  }
 }
-.Button-module__button--extra-small___R0QTM {
-  padding: 0.5rem 0.675rem;
-  font-size: 0.5rem;
-  line-height: 0.5;
+
+.Footer-module__footer__bottomLeft___tlst1 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
-.Button-module__button--small___ADJQe {
-  padding: 1rem 1.35rem;
-  font-size: 12px;
-  line-height: 0.5;
+@media (min-width: 768px) {
+  .Footer-module__footer__bottomLeft___tlst1 {
+    flex-direction: row;
+    align-items: center;
+    gap: 0;
+  }
 }
-.Button-module__button--medium___ZuR4Z {
-  padding: 1rem 1.5rem;
-  font-size: 1rem;
+
+.Footer-module__footer__bottomLinks___s22h7 {
+  display: flex;
+  align-items: center;
+  gap: 24px;
 }
-.Button-module__button--large___-FaV5 {
-  padding: 1.5rem 2rem;
-  font-size: 1.125rem;
+
+.Footer-module__footer__bottomLink___SLzwY {
+  display: inline-flex;
+  align-items: center;
+  font-size: var(--h5-mobile-size);
+  font-weight: 400;
+  line-height: 1.6;
+  color: #99a1ab;
+  text-decoration: none;
+  padding: 8px 0;
+  border: 1px solid transparent;
+  transition: border-color 0.2s ease-in-out;
 }
-.Button-module__button--disabled___IuOY8 {
-  opacity: 0.5;
-  cursor: not-allowed;
+@media (min-width: 768px) {
+  .Footer-module__footer__bottomLink___SLzwY {
+    padding: 8px 0;
+  }
+}
+.Footer-module__footer__bottomLink___SLzwY:hover {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.Footer-module__footer__bottomLink___SLzwY:focus-visible {
+  outline: none;
+  border-color: #ffffff;
+  border-radius: 2px;
+}
+
+.Footer-module__footer__copyright___4bZOF {
+  font-size: var(--h5-mobile-size);
+  font-weight: 400;
+  line-height: 1.6;
+  color: #ffffff;
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .Footer-module__footer__copyright___4bZOF {
+    margin-left: 12px;
+  }
+}
+
+.Footer-module__footer__countrySelector___pVtN5 {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: var(--h5-mobile-size);
+  font-weight: 400;
+  line-height: 1.6;
+  color: #99a1ab;
+  text-decoration: none;
+  padding: 8px 0;
+  border: 1px solid transparent;
+  transition: border-color 0.2s ease-in-out;
+}
+.Footer-module__footer__countrySelector___pVtN5:hover {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.Footer-module__footer__countrySelector___pVtN5:focus-visible {
+  outline: none;
+  border-color: #ffffff;
+  border-radius: 2px;
+}
+
+.Footer-module__footer__countrySelectorIcon___hhEd4 {
+  display: inline-flex;
+  color: currentColor;
+  flex-shrink: 0;
 }
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 .Pagination-module__pagination___Kih79 {
   display: flex;
   justify-content: center;
@@ -134,7 +1247,7 @@
   min-width: 32px;
   height: 32px;
   padding: 0.25rem 0.5rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
@@ -177,7 +1290,7 @@
   align-items: center;
   gap: 0.25rem;
   padding: 0.25rem 1rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
@@ -271,6 +1384,75 @@
     border-width: 2px;
   }
 }
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 .ProductCardHorizontal-module__productCard___Nl4jK {
   display: block;
   border: 1px solid transparent;
@@ -448,6 +1630,75 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   outline: 2px solid #0066cc;
   outline-offset: 2px;
 }
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
@@ -566,6 +1817,75 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
   padding: 0 0 1rem 0;
 }
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 @keyframes loading {
   0% {
     transform: skewX(-10deg) translateX(-100%);
@@ -702,6 +2022,75 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   left: 0;
   animation: loading 1s infinite;
 }
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 .qr-journey-form-wrapper .disabled-product-fields-section h2::before, .qr-journey-form-wrapper .qr-form-filed-wrapper.info::before {
   content: "i";
   position: absolute;
@@ -719,7 +2108,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 }
 
 .qr-journey-form-wrapper * {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 18px;
 }
 .qr-journey-form-wrapper ::-moz-placeholder {
@@ -1988,6 +3377,75 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .InstantResults-module__errorState___hTBbE {
   color: #dc2626;
 }
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
 .Filters-module__filtersPanel___T3SlK {
   display: flex;
   flex-direction: column;
@@ -2046,7 +3504,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   font-size: 1rem;
   font-weight: 600;
   color: #111827;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
 
 .Filters-module__accordionIcon___zRGrv {
@@ -2095,7 +3553,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .Filters-module__searchInput___nzOMK {
   width: 100%;
   padding: 0.5rem 2rem 0.5rem 2.5rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 0.875rem;
   color: #111827;
   background-color: #f9fafb;
@@ -2301,7 +3759,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   border-radius: 4px;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
 .Filters-module__clearAllButton___yviGV:hover {
   background-color: #dc2626;
@@ -2328,7 +3786,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   border-radius: 4px;
   font-size: 0.875rem;
   font-weight: 500;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   line-height: 1.25;
   transition: background-color 0.2s ease-in-out;
 }