:root {
    --telekom-color-text-and-icon-standard: #000000;
    --telekom-color-text-and-icon-additional: hsla(0, 0%, 0%, 0.65);
    --telekom-color-text-and-icon-disabled: hsla(0, 0%, 0%, 0.4);
    --telekom-color-text-and-icon-link-standard: #2c51f1;
    --telekom-color-text-and-icon-link-hovered: #1035e3;
    --telekom-color-text-and-icon-link-visited: #51417f;
    --telekom-color-text-and-icon-link-active: #0022c9;
    --telekom-color-text-and-icon-primary-standard: #e20074;
    --telekom-color-text-and-icon-primary-hovered: #c00063;
    --telekom-color-text-and-icon-primary-pressed: #9e0051;
    --telekom-color-text-and-icon-inverted-standard: #ffffff;
    --telekom-color-text-and-icon-inverted-additional: hsla(0, 0%, 100%, 0.65);
    --telekom-color-text-and-icon-white-standard: #ffffff;
    --telekom-color-text-and-icon-white-additional: hsla(0, 0%, 100%, 0.65);
    --telekom-color-text-and-icon-black-standard: #000000;
    --telekom-color-text-and-icon-black-additional: hsla(0, 0%, 0%, 0.65);
    --telekom-color-text-and-icon-functional-informational: #1c41eb;
    --telekom-color-text-and-icon-functional-success: #008050;
    --telekom-color-text-and-icon-functional-danger: #da0c19;
    --telekom-color-text-and-icon-functional-warning: #d24102;
    --telekom-color-background-canvas: #ffffff;
    --telekom-color-background-canvas-subtle: #fbfbfb;
    --telekom-color-background-backdrop: hsla(0, 0%, 0%, 0.5);
    --telekom-color-background-surface: #ffffff;
    --telekom-color-background-surface-subtle: #f7f7f8;
    --telekom-color-background-surface-highlight: #242426;
    --telekom-color-primary-standard: #e20074;
    --telekom-color-primary-hovered: #c00063;
    --telekom-color-primary-pressed: #9e0051;
    --telekom-color-ui-outlined-border-standard: hsla(0, 0%, 0%, 0.44);
    --telekom-color-ui-outlined-border-hovered: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-outlined-border-pressed: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-outlined-border-active: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-outlined-border-disabled: hsla(0, 0%, 0%, 0.14);
    --telekom-color-ui-outlined-fill-standard: hsla(0, 0%, 100%, 0);
    --telekom-color-ui-outlined-fill-hovered: hsla(0, 0%, 0%, 0.07);
    --telekom-color-ui-outlined-fill-pressed: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-outlined-fill-active: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-outlined-fill-disabled: hsla(0, 0%, 100%, 0);
    --telekom-color-ui-ghost-hovered: hsla(0, 0%, 0%, 0.07);
    --telekom-color-ui-ghost-hovered-inverted: hsla(0, 0%, 100%, 0.14);
    --telekom-color-ui-ghost-pressed: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-ghost-pressed-inverted: hsla(0, 0%, 100%, 0.21);
    --telekom-color-ui-ghost-active: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-solid-standard: #929296;
    --telekom-color-ui-solid-hovered: #747478;
    --telekom-color-ui-solid-pressed: #242426;
    --telekom-color-ui-solid-disabled: #d0d0d2;
    --telekom-color-ui-additional-base: #ffffff;
    --telekom-color-ui-additional-subtle: #f7f7f8;
    --telekom-color-ui-additional-light: #e7e7e9;
    --telekom-color-ui-additional-regular: #929296;
    --telekom-color-ui-additional-strong: #747478;
    --telekom-color-ui-additional-extra-strong: #242426;
    --telekom-color-functional-focus: #1c41eb;
    --telekom-color-functional-success-standard: #00aa65;
    --telekom-color-functional-success-hovered: #009c5e;
    --telekom-color-functional-success-pressed: #008e57;
    --telekom-color-functional-success-subtle: #f2fbf7;
    --telekom-color-functional-interaction-standard: #1c41eb;
    --telekom-color-functional-interaction-hovered: #1035e3;
    --telekom-color-functional-interaction-pressed: #082cdb;
    --telekom-color-functional-interaction-subtle: #f4f6fe;
    --telekom-color-functional-informational-standard: #1c41eb;
    --telekom-color-functional-informational-hovered: #1035e3;
    --telekom-color-functional-informational-pressed: #082cdb;
    --telekom-color-functional-informational-subtle: #f4f6fe;
    --telekom-color-functional-warning-standard: #f15d0e;
    --telekom-color-functional-warning-hovered: #e85007;
    --telekom-color-functional-warning-pressed: #d24102;
    --telekom-color-functional-warning-subtle: #fef7f3;
    --telekom-color-functional-danger-standard: #da0c19;
    --telekom-color-functional-danger-hovered: #cc060f;
    --telekom-color-functional-danger-pressed: #ab0208;
    --telekom-color-functional-danger-subtle: #fdf3f3;
    --telekom-color-additional-brown-0: #f7efea;
    --telekom-color-additional-brown-100: #f3e6dd;
    --telekom-color-additional-brown-200: #e8d0bf;
    --telekom-color-additional-brown-300: #dab499;
    --telekom-color-additional-brown-400: #c99d7d;
    --telekom-color-additional-brown-500: #a88369;
    --telekom-color-additional-brown-600: #8a6c56;
    --telekom-color-additional-brown-700: #725947;
    --telekom-color-additional-brown-800: #5b4739;
    --telekom-color-additional-brown-900: #45362b;
    --telekom-color-additional-brown-tint: #fff6f0;
    --telekom-color-additional-brown-shade: #331500;
    --telekom-color-additional-pink-0: #f6e3ec;
    --telekom-color-additional-pink-100: #f6e3ec;
    --telekom-color-additional-pink-200: #efcbdb;
    --telekom-color-additional-pink-300: #e5abc5;
    --telekom-color-additional-pink-400: #dc8fb2;
    --telekom-color-additional-pink-500: #d06998;
    --telekom-color-additional-pink-600: #c2417c;
    --telekom-color-additional-pink-700: #a13667;
    --telekom-color-additional-pink-800: #812c53;
    --telekom-color-additional-pink-900: #63213f;
    --telekom-color-additional-pink-tint: #fff0f7;
    --telekom-color-additional-pink-shade: #330017;
    --telekom-color-additional-purple-0: #f6eef7;
    --telekom-color-additional-purple-100: #f0e4f2;
    --telekom-color-additional-purple-200: #e5cde7;
    --telekom-color-additional-purple-300: #d6afd8;
    --telekom-color-additional-purple-400: #ca94c9;
    --telekom-color-additional-purple-500: #bb71b7;
    --telekom-color-additional-purple-600: #ad4da4;
    --telekom-color-additional-purple-700: #9c318f;
    --telekom-color-additional-purple-800: #7f2671;
    --telekom-color-additional-purple-900: #621d54;
    --telekom-color-additional-purple-tint: #fff0fd;
    --telekom-color-additional-purple-shade: #33002e;
    --telekom-color-additional-violet-0: #f2f0f7;
    --telekom-color-additional-violet-100: #eae6f2;
    --telekom-color-additional-violet-200: #d7d1e7;
    --telekom-color-additional-violet-300: #c0b7da;
    --telekom-color-additional-violet-400: #ab9fce;
    --telekom-color-additional-violet-500: #9182bf;
    --telekom-color-additional-violet-600: #7966b0;
    --telekom-color-additional-violet-700: #65519f;
    --telekom-color-additional-violet-800: #51417f;
    --telekom-color-additional-violet-900: #3e3161;
    --telekom-color-additional-violet-tint: #f4f0ff;
    --telekom-color-additional-violet-shade: #0d0033;
    --telekom-color-additional-teal-0: #e2f4f6;
    --telekom-color-additional-teal-100: #d0eef1;
    --telekom-color-additional-teal-200: #a6dee4;
    --telekom-color-additional-teal-300: #6dc9d3;
    --telekom-color-additional-teal-400: #37b6c2;
    --telekom-color-additional-teal-500: #1c99a5;
    --telekom-color-additional-teal-600: #177e88;
    --telekom-color-additional-teal-700: #136871;
    --telekom-color-additional-teal-800: #0f535a;
    --telekom-color-additional-teal-900: #0c3f45;
    --telekom-color-additional-teal-tint: #f0feff;
    --telekom-color-additional-teal-shade: #002f33;
    --telekom-color-additional-olive-0: #ecf3e9;
    --telekom-color-additional-olive-100: #e0ecdc;
    --telekom-color-additional-olive-200: #c5dbbd;
    --telekom-color-additional-olive-300: #a3c596;
    --telekom-color-additional-olive-400: #84b274;
    --telekom-color-additional-olive-500: #6a965b;
    --telekom-color-additional-olive-600: #577b4a;
    --telekom-color-additional-olive-700: #48663d;
    --telekom-color-additional-olive-800: #3a5231;
    --telekom-color-additional-olive-900: #2c3e25;
    --telekom-color-additional-olive-tint: #f4fff0;
    --telekom-color-additional-olive-shade: #0e3300;
    --telekom-line-weight-standard: 0.1rem;
    --telekom-line-weight-highlight: 0.2rem;
    --telekom-line-weight-bold: 0.4rem;
    --telekom-motion-duration-instant: 0ms;
    --telekom-motion-duration-immediate: 100ms;
    --telekom-motion-duration-transition: 200ms;
    --telekom-motion-duration-animation: 600ms;
    --telekom-motion-duration-animation-deliberate: 800ms;
    --telekom-motion-easing-standard: 0.4,0,0.6,1;
    --telekom-motion-easing-enter: 0.4,0.6,0.6,1;
    --telekom-motion-easing-leave: 0.4,0,1,1;
    --telekom-opacity-invisible: 0;
    --telekom-opacity-transparent: 0.35;
    --telekom-opacity-semi-transparent: 0.5;
    --telekom-opacity-translucent: 0.75;
    --telekom-opacity-semi-translucent: 0.85;
    --telekom-opacity-solid: 1;
    --telekom-radius-small: 0.4rem;
    --telekom-radius-standard: 0.8em;
    --telekom-radius-large: 1.2rem;
    --telekom-radius-pill: 99.9rem;
    --telekom-radius-circle: 50%;
    --telekom-shadow-flat-standard: 0px 0px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-flat-hover: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.1), 0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-flat-pressed: 0px 0px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-resting-standard: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.1), 0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-resting-hover: 0px 6px 24px 0px hsla(0, 0%, 0%, 0.1), 0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-resting-pressed: 0px 0px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-raised-standard: 0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-raised-hover: 0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-raised-pressed: 0px 4px 16px 0px hsla(0, 0%, 0%, 0.1), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-floating-standard: 0px 12px 48px 0px hsla(0, 0%, 0%, 0.1), 0px 6px 12px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-floating-hover: 0px 24px 96px 0px hsla(0, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-floating-pressed: 0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-top: 0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-overlay: 0px 24px 96px 0px hsla(0, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-app-bar-top-raised: 0px 1px 0px 0px hsla(0, 0%, 0%, 0.05), 0px 2px 8px 0px hsla(0, 0%, 0%, 0.05);
    --telekom-shadow-app-bar-top-flat: 0px 1px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-shadow-app-bar-bottom-flat: 0px -1px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-spacing-unit-x0: 0rem;
    --telekom-spacing-unit-x025: 0.1rem;
    --telekom-spacing-unit-x05: 0.2rem;
    --telekom-spacing-unit-x1: 0.4rem;
    --telekom-spacing-unit-x2: 0.8rem;
    --telekom-spacing-unit-x3: 1.2rem;
    --telekom-spacing-unit-x4: 1.6rem;
    --telekom-spacing-unit-x5: 3.2rem;
    --telekom-spacing-unit-x6: 2.4rem;
    --telekom-spacing-unit-x7: 2.8rem;
    --telekom-spacing-unit-x8: 3.2rem;
    --telekom-spacing-unit-x9: 3.6rem;
    --telekom-spacing-unit-x10: 4rem;
    --telekom-spacing-unit-x11: 4.4rem;
    --telekom-spacing-unit-x12: 4.8rem;
    --telekom-spacing-unit-x13: 5.2rem;
    --telekom-spacing-unit-x14: 5.6rem;
    --telekom-spacing-unit-x15: 6rem;
    --telekom-spacing-unit-x16: 6.4rem;
    --telekom-spacing-unit-x17: 6.8rem;
    --telekom-spacing-unit-x18: 7.2rem;
    --telekom-spacing-unit-x19: 7.6rem;
    --telekom-spacing-unit-x20: 8rem;
    --telekom-text-style-footnote: 400 1rem/1.2 TeleNeoWeb, sans-serif;
    --telekom-text-style-small: 500 1.2rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-small-bold: 700 1.2rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-caption: 400 1.4rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-caption-bold: 700 1.4rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-body: 400 1.6rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-body-bold: 700 1.6rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-ui: 500 1.6rem/1 TeleNeoWeb, sans-serif;
    --telekom-text-style-ui-bold: 700 1.6rem/1 TeleNeoWeb, sans-serif;
    --telekom-text-style-lead-text: 400 2rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-6: 700 1.6rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-5: 800 2rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-4: 800 2.4rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-3: 800 3.2rem/1.25 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-2: 800 4.2rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-1: 800 5.4rem/1.2 TeleNeoWeb, sans-serif;
    --telekom-text-style-title-2: 800 6.8rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-text-style-title-1: 800 7.6rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-typography-font-size-footnote: 1rem;
    --telekom-typography-font-size-small: 1.2rem;
    --telekom-typography-font-size-caption: 1.4rem;
    --telekom-typography-font-size-body: 1.6rem;
    --telekom-typography-font-size-callout: 2rem;
    --telekom-typography-font-size-headline-3: 2.4rem;
    --telekom-typography-font-size-headline-2: 3.2rem;
    --telekom-typography-font-size-headline-1: 4.2rem;
    --telekom-typography-font-size-title-3: 5.4rem;
    --telekom-typography-font-size-title-2: 6.8rem;
    --telekom-typography-font-size-title-1: 7.6rem;
    --telekom-typography-font-family-sans: TeleNeoWeb, sans-serif;
    --telekom-typography-font-family-mono: monospace;
    --telekom-typography-font-weight-thin: 200;
    --telekom-typography-font-weight-regular: 400;
    --telekom-typography-font-weight-medium: 500;
    --telekom-typography-font-weight-bold: 700;
    --telekom-typography-font-weight-extra-bold: 800;
    --telekom-typography-line-spacing-none: 1;
    --telekom-typography-line-spacing-extra-tight: 1.15;
    --telekom-typography-line-spacing-tight: 1.25;
    --telekom-typography-line-spacing-standard: 1.4;
    --telekom-typography-line-spacing-loose: 1.5;
    --telekom-typography-letter-spacing-standard: 0;


    --scl-spacing-1: 0.1rem;
    --scl-spacing-2: 0.2rem;
    --scl-spacing-4: 0.4rem;
    --scl-spacing-8: 0.8rem;
    --scl-spacing-12: 1.2rem;
    --scl-spacing-16: 1.6rem;
    --scl-spacing-24: 2.4rem;
    --scl-spacing-32: 3.2rem;
    --scl-spacing-40: 4rem;
    --scl-spacing-48: 4.8rem;
    --scl-spacing-64: 6.4rem;
    --scl-spacing-80: 8rem;
    --scl-font-family-sans: TeleNeoWeb, sans-serif;
    --scl-font-family-mono: monospace;
    --scl-font-size-10: 1rem;
    --scl-font-size-12: 1.2rem;
    --scl-font-size-14: 1.4rem;
    --scl-font-size-16: 1.6rem;
    --scl-font-size-20: 2rem;
    --scl-font-size-24: 2.4rem;
    --scl-font-size-32: 3.2rem;
    --scl-font-size-40: 4rem;
    --scl-font-size-56: 5.6rem;
    --scl-font-weight-thin: 200;
    --scl-font-weight-regular: 400;
    --scl-font-weight-medium: 500;
    --scl-font-weight-bold: 700;
    --scl-font-weight-extrabold: 800;
    --scl-font-line-height-114: 114%;
    --scl-font-line-height-120: 120%;
    --scl-font-line-height-125: 125%;
    --scl-font-line-height-133: 133%;
    --scl-font-line-height-150: 150%;
    --scl-font-line-height-160: 160%;
    --scl-font-variant-body-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-body-size: 1.6rem;
    --scl-font-variant-body-weight: 500;
    --scl-font-variant-body-line-height: 150%;
    --scl-font-variant-body-letter-spacing: normal;
    --scl-font-variant-body-short-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-body-short-size: 1.6rem;
    --scl-font-variant-body-short-weight: 500;
    --scl-font-variant-body-short-line-height: 125%;
    --scl-font-variant-body-short-letter-spacing: normal;
    --scl-font-variant-body-large-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-body-large-size: 2rem;
    --scl-font-variant-body-large-weight: 500;
    --scl-font-variant-body-large-line-height: 160%;
    --scl-font-variant-body-large-letter-spacing: normal;
    --scl-font-variant-smaller-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-smaller-size: 1.2rem;
    --scl-font-variant-smaller-weight: 500;
    --scl-font-variant-smaller-line-height: 125%;
    --scl-font-variant-smaller-letter-spacing: normal;
    --scl-font-variant-label-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-label-size: 1.2rem;
    --scl-font-variant-label-weight: 500;
    --scl-font-variant-label-line-height: 120%;
    --scl-font-variant-label-letter-spacing: normal;
    --scl-font-variant-caption-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-caption-size: 1.2rem;
    --scl-font-variant-caption-weight: 500;
    --scl-font-variant-caption-line-height: 133%;
    --scl-font-variant-caption-letter-spacing: normal;
    --scl-font-variant-heading-6-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-heading-6-size: 1.6rem;
    --scl-font-variant-heading-6-weight: 700;
    --scl-font-variant-heading-6-line-height: 150%;
    --scl-font-variant-heading-6-letter-spacing: normal;
    --scl-font-variant-heading-5-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-heading-5-size: 2rem;
    --scl-font-variant-heading-5-weight: 800;
    --scl-font-variant-heading-5-line-height: 125%;
    --scl-font-variant-heading-5-letter-spacing: normal;
    --scl-font-variant-heading-4-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-heading-4-size: 2.4rem;
    --scl-font-variant-heading-4-weight: 800;
    --scl-font-variant-heading-4-line-height: 133%;
    --scl-font-variant-heading-4-letter-spacing: normal;
    --scl-font-variant-heading-3-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-heading-3-size: 3.2rem;
    --scl-font-variant-heading-3-weight: 800;
    --scl-font-variant-heading-3-line-height: 125%;
    --scl-font-variant-heading-3-letter-spacing: normal;
    --scl-font-variant-heading-2-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-heading-2-size: 4rem;
    --scl-font-variant-heading-2-weight: 800;
    --scl-font-variant-heading-2-line-height: 120%;
    --scl-font-variant-heading-2-letter-spacing: normal;
    --scl-font-variant-heading-1-family: TeleNeoWeb, sans-serif;
    --scl-font-variant-heading-1-size: 5.6rem;
    --scl-font-variant-heading-1-weight: 800;
    --scl-font-variant-heading-1-line-height: 114%;
    --scl-font-variant-heading-1-letter-spacing: normal;
    --scl-color-primary: hsl(329.20000000000005, 100%, 44.3%);
    --scl-color-black: hsl(0, 0%, 0%);
    --scl-color-white: hsl(0, 0%, 100%);
    --scl-color-grey-0: hsl(0, 0%, 94.9%);
    --scl-color-grey-10: hsl(0, 0%, 89.8%);
    --scl-color-grey-20: hsl(0, 0%, 80%);
    --scl-color-grey-30: hsl(0, 0%, 69.8%);
    --scl-color-grey-40: hsl(0, 0%, 60%);
    --scl-color-grey-50: hsl(0, 0%, 49.8%);
    --scl-color-grey-60: hsl(0, 0%, 40%);
    --scl-color-grey-70: hsl(0, 0%, 29.8%);
    --scl-color-grey-80: hsl(0, 0%, 20%);
    --scl-color-grey-90: hsl(0, 0%, 9.8%);
    --scl-color-grey-100: hsl(0, 0%, 0%);
    --scl-color-orange-0: hsl(54.39999999999998, 100%, 93.7%);
    --scl-color-orange-10: hsl(48.39999999999998, 100%, 88.8%);
    --scl-color-orange-20: hsl(43.69999999999999, 100%, 84.1%);
    --scl-color-orange-30: hsl(38.69999999999999, 100%, 79.6%);
    --scl-color-orange-40: hsl(33.5, 100%, 75.1%);
    --scl-color-orange-50: hsl(29, 100%, 70.8%);
    --scl-color-orange-60: hsl(24.80000000000001, 96.5%, 66.1%);
    --scl-color-orange-70: hsl(17.30000000000001, 71.4%, 56.1%);
    --scl-color-orange-80: hsl(17.30000000000001, 72.3%, 39.6%);
    --scl-color-orange-90: hsl(17.30000000000001, 88.8%, 31.4%);
    --scl-color-orange-100: hsl(11.399999999999977, 86.6%, 26.3%);
    --scl-color-red-0: hsl(353.79999999999995, 100%, 88.6%);
    --scl-color-red-10: hsl(351.5, 100%, 83.3%);
    --scl-color-red-20: hsl(350.4, 98.1%, 78.8%);
    --scl-color-red-30: hsl(350.6, 91%, 73.9%);
    --scl-color-red-40: hsl(350.4, 85.1%, 68.4%);
    --scl-color-red-50: hsl(350.29999999999995, 82.8%, 63.5%);
    --scl-color-red-60: hsl(351.20000000000005, 82.6%, 59.4%);
    --scl-color-red-70: hsl(349.70000000000005, 69%, 50.6%);
    --scl-color-red-80: hsl(348.9, 74.9%, 43.7%);
    --scl-color-red-90: hsl(347.1, 84%, 36.9%);
    --scl-color-red-100: hsl(345.9, 100%, 30%);
    --scl-color-blue-0: hsl(190.20000000000005, 100%, 92%);
    --scl-color-blue-10: hsl(196.20000000000005, 100%, 85.5%);
    --scl-color-blue-20: hsl(200.89999999999998, 100%, 79.2%);
    --scl-color-blue-30: hsl(206, 100%, 73.3%);
    --scl-color-blue-40: hsl(210.70000000000005, 100%, 67.5%);
    --scl-color-blue-50: hsl(215.60000000000002, 100%, 62%);
    --scl-color-blue-60: hsl(220, 100%, 56.5%);
    --scl-color-blue-70: hsl(227.39999999999998, 89%, 46.3%);
    --scl-color-blue-80: hsl(236.5, 100%, 37.5%);
    --scl-color-blue-90: hsl(241.10000000000002, 100%, 31.2%);
    --scl-color-blue-100: hsl(249.39999999999998, 100%, 25.1%);
    --scl-color-teal-0: hsl(176.10000000000002, 63.3%, 90.4%);
    --scl-color-teal-10: hsl(178.89999999999998, 60%, 82.4%);
    --scl-color-teal-20: hsl(180, 58.5%, 74.5%);
    --scl-color-teal-30: hsl(181.20000000000005, 57.6%, 66.7%);
    --scl-color-teal-40: hsl(182.10000000000002, 55.2%, 58.8%);
    --scl-color-teal-50: hsl(183.60000000000002, 53.8%, 50.8%);
    --scl-color-teal-60: hsl(184.79999999999995, 68.9%, 42.9%);
    --scl-color-teal-70: hsl(182.89999999999998, 80.1%, 35.5%);
    --scl-color-teal-80: hsl(180.5, 91.5%, 27.8%);
    --scl-color-teal-90: hsl(178.89999999999998, 100%, 20.6%);
    --scl-color-teal-100: hsl(176.5, 100%, 16.9%);
    --scl-color-green-0: hsl(78.30000000000001, 59%, 92.4%);
    --scl-color-green-10: hsl(82.5, 55.6%, 85.9%);
    --scl-color-green-20: hsl(86.30000000000001, 55.3%, 79.8%);
    --scl-color-green-30: hsl(90.39999999999998, 52.6%, 73.5%);
    --scl-color-green-40: hsl(95.30000000000001, 50.9%, 67.3%);
    --scl-color-green-50: hsl(98.80000000000001, 49.7%, 61%);
    --scl-color-green-60: hsl(103.19999999999999, 48.1%, 54.7%);
    --scl-color-green-70: hsl(111.5, 46.1%, 48%);
    --scl-color-green-80: hsl(120, 52.4%, 41.2%);
    --scl-color-green-90: hsl(127.60000000000002, 58.9%, 34.3%);
    --scl-color-green-100: hsl(136.3, 65.7%, 27.5%);
    --scl-color-clay-0: hsl(15.800000000000011, 42.2%, 91.2%);
    --scl-color-clay-10: hsl(19.399999999999977, 46.3%, 86.9%);
    --scl-color-clay-20: hsl(20.899999999999977, 49.4%, 82.9%);
    --scl-color-clay-30: hsl(21.899999999999977, 48.1%, 78.8%);
    --scl-color-clay-40: hsl(22.30000000000001, 48.4%, 74.9%);
    --scl-color-clay-50: hsl(22.80000000000001, 48.3%, 71.2%);
    --scl-color-clay-60: hsl(25.100000000000023, 46.7%, 66.9%);
    --scl-color-clay-70: hsl(22.899999999999977, 35.8%, 58.4%);
    --scl-color-clay-80: hsl(21.399999999999977, 27.6%, 50.2%);
    --scl-color-clay-90: hsl(18.899999999999977, 26.8%, 41.8%);
    --scl-color-clay-100: hsl(18.600000000000023, 24.7%, 33.3%);
    --scl-color-rose-0: hsl(338.79999999999995, 48.6%, 93.1%);
    --scl-color-rose-10: hsl(341.4, 46%, 87.6%);
    --scl-color-rose-20: hsl(341.4, 45.7%, 82%);
    --scl-color-rose-30: hsl(341.9, 43.8%, 76.3%);
    --scl-color-rose-40: hsl(343.79999999999995, 42.3%, 70.8%);
    --scl-color-rose-50: hsl(346, 41.2%, 65.3%);
    --scl-color-rose-60: hsl(346.79999999999995, 39.8%, 59.6%);
    --scl-color-rose-70: hsl(344.79999999999995, 31.5%, 49.2%);
    --scl-color-rose-80: hsl(342.9, 35.4%, 38.8%);
    --scl-color-rose-90: hsl(340.29999999999995, 40.3%, 28.2%);
    --scl-color-rose-100: hsl(338.4, 44.6%, 22%);
    --scl-color-lilac-0: hsl(307.5, 33.3%, 95.3%);
    --scl-color-lilac-10: hsl(310, 27.3%, 91.4%);
    --scl-color-lilac-20: hsl(310.6, 28.8%, 88.4%);
    --scl-color-lilac-30: hsl(310, 30.8%, 84.7%);
    --scl-color-lilac-40: hsl(300, 28.2%, 77.1%);
    --scl-color-lilac-50: hsl(293.6, 30.7%, 70%);
    --scl-color-lilac-60: hsl(292.9, 30.9%, 62.5%);
    --scl-color-lilac-70: hsl(292.79999999999995, 24.4%, 53.3%);
    --scl-color-lilac-80: hsl(293.20000000000005, 23.8%, 43.7%);
    --scl-color-lilac-90: hsl(291.79999999999995, 29.1%, 34.3%);
    --scl-color-lilac-100: hsl(291.1, 37%, 24.9%);
    --scl-color-pigeon-0: hsl(226.20000000000005, 41.9%, 93.9%);
    --scl-color-pigeon-10: hsl(227.5, 42.9%, 89%);
    --scl-color-pigeon-20: hsl(227.60000000000002, 41.5%, 83.9%);
    --scl-color-pigeon-30: hsl(228.60000000000002, 38.9%, 78.8%);
    --scl-color-pigeon-40: hsl(230.60000000000002, 38.3%, 73.9%);
    --scl-color-pigeon-50: hsl(230.79999999999995, 37.1%, 68.8%);
    --scl-color-pigeon-60: hsl(232.70000000000005, 35.9%, 63.9%);
    --scl-color-pigeon-70: hsl(239.10000000000002, 29.8%, 55.9%);
    --scl-color-pigeon-80: hsl(244.60000000000002, 26.5%, 48%);
    --scl-color-pigeon-90: hsl(251.60000000000002, 30.4%, 40%);
    --scl-color-pigeon-100: hsl(257.5, 33.7%, 32%);
    --scl-color-neptune-0: hsl(176, 29.4%, 90%);
    --scl-color-neptune-10: hsl(180, 31.6%, 85.1%);
    --scl-color-neptune-20: hsl(178.29999999999995, 34.7%, 80.2%);
    --scl-color-neptune-30: hsl(180, 34.4%, 74.9%);
    --scl-color-neptune-40: hsl(182.29999999999995, 34.6%, 70%);
    --scl-color-neptune-50: hsl(184, 33.7%, 65.1%);
    --scl-color-neptune-60: hsl(184.39999999999998, 33.3%, 60%);
    --scl-color-neptune-70: hsl(182.70000000000005, 27.5%, 52.9%);
    --scl-color-neptune-80: hsl(180, 25.3%, 45.7%);
    --scl-color-neptune-90: hsl(178.79999999999995, 24.9%, 38.6%);
    --scl-color-neptune-100: hsl(178.20000000000005, 21.2%, 31.4%);
    --scl-color-olive-0: hsl(95, 33.3%, 92.9%);
    --scl-color-olive-10: hsl(96, 30.3%, 87.1%);
    --scl-color-olive-20: hsl(98.60000000000002, 29.8%, 81.6%);
    --scl-color-olive-30: hsl(100, 29%, 75.7%);
    --scl-color-olive-40: hsl(101.89999999999998, 28.1%, 70%);
    --scl-color-olive-50: hsl(103.19999999999999, 27.5%, 64.3%);
    --scl-color-olive-60: hsl(103.89999999999998, 26.4%, 58.4%);
    --scl-color-olive-70: hsl(102.19999999999999, 22%, 48.2%);
    --scl-color-olive-80: hsl(100, 24.7%, 38%);
    --scl-color-olive-90: hsl(97.5, 28.2%, 27.8%);
    --scl-color-olive-100: hsl(97.69999999999999, 32.7%, 21%);
    --scl-color-primary-hover: hsl(329.29999999999995, 95.2%, 50.6%);
    --scl-color-primary-active: hsl(329.29999999999995, 100%, 39.8%);
    --scl-color-focus: hsl(215.60000000000002, 100%, 62%);
    --scl-color-text-standard: hsl(0, 0%, 9.8%);
    --scl-color-text-additional: hsl(0, 0%, 40%);
    --scl-color-text-link: hsl(227.39999999999998, 89%, 46.3%);
    --scl-color-text-link-hover: hsl(236.5, 100%, 37.5%);
    --scl-color-text-link-active: hsl(220, 100%, 56.5%);
    --scl-color-text-link-visited: hsl(227.39999999999998, 89%, 46.3%);
    --scl-color-text-info: hsl(227.39999999999998, 89%, 46.3%);
    --scl-color-text-disabled: hsl(0, 0%, 49.8%);
    --scl-color-text-success: hsl(136.3, 65.7%, 27.5%);
    --scl-color-text-error: hsl(349.70000000000005, 69%, 50.6%);
    --scl-color-background-standard: hsl(0, 0%, 100%);
    --scl-color-background-light: hsl(0, 0%, 94.9%);
    --scl-color-background-darker: hsl(0, 0%, 80%);
    --scl-color-background-overlay: hsla(0, 0%, 42.4%, 0.7);
    --scl-color-background-disabled: hsl(0, 0%, 80%);
    --scl-color-background-success: hsl(136.3, 65.7%, 27.5%);
    --scl-color-background-error: hsl(349.70000000000005, 69%, 50.6%);
    --scl-color-functional-red: hsl(349.70000000000005, 69%, 50.6%);
    --scl-color-functional-green: hsl(136.3, 65.7%, 27.5%);
    --scl-color-functional-blue: hsl(227.39999999999998, 89%, 46.3%);
    --scl-shadow-level-0: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.1), 0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-1: 0px 4px 16px 0px hsla(0, 0%, 0%, 0.1), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-2: 0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-3: 0px 12px 48px 0px hsla(0, 0%, 0%, 0.1), 0px 6px 12px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-4: 0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-5: 0px 20px 80px 0px hsla(0, 0%, 0%, 0.1), 0px 10px 20px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-1-hover: 0px 6px 24px 0px hsla(0, 0%, 0%, 0.1), 0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-1-active: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.1), 0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-2-hover: 0px 10px 40px 0px hsla(0, 0%, 0%, 0.1), 0px 5px 10px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-2-active: 0px 6px 24px 0px hsla(0, 0%, 0%, 0.1), 0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-3-hover: 0px 14px 56px 0px hsla(0, 0%, 0%, 0.1), 0px 7px 14px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-3-active: 0px 10px 40px 0px hsla(0, 0%, 0%, 0.1), 0px 5px 10px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-4-hover: 0px 18px 72px 0px hsla(0, 0%, 0%, 0.1), 0px 9px 18px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-4-active: 0px 14px 56px 0px hsla(0, 0%, 0%, 0.1), 0px 7px 14px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-5-hover: 0px 22px 88px 0px hsla(0, 0%, 0%, 0.1), 0px 11px 22px 0px hsla(0, 0%, 0%, 0.1);
    --scl-shadow-level-5-active: 0px 18px 72px 0px hsla(0, 0%, 0%, 0.1), 0px 9px 18px 0px hsla(0, 0%, 0%, 0.1);
    --scl-radius-1: 1px;
    --scl-radius-2: 2px;
    --scl-radius-4: 4px;
    --scl-radius-8: 8px;
    --scl-radius-12: 12px;
    --scl-opacity-50: 0.5;
    --scl-motion-duration-immediate: 100ms;
    --scl-motion-duration-fast: 200ms;
    --scl-motion-duration-slower: 600ms;
    --scl-motion-duration-deliberate: 800ms;
    --scl-motion-easing-standard: cubic-bezier(0.42, 0, 0.58, 1);
    --scl-motion-easing-enter: cubic-bezier(0.390, 0.575, 0.565, 1);
    --scl-z-index-10: 10;
    --scl-z-index-20: 20;
    --scl-z-index-30: 30;
    --scl-z-index-40: 40;
    --scl-z-index-50: 50;
    --scl-z-index-60: 60;
    --scl-z-index-70: 70;
}


form.liquid-design-form{
    flex-direction: unset;
    gap: unset;
    display: block;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    max-width: 120rem;
}

form.liquid-design-form fieldset{
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

form.liquid-design-form fieldset div.item.clearfix{
    position: relative;
    float: left;
    padding: 12px;
    width: 50%;
}

form.liquid-design-form fieldset div.item.clearfix.captcha{
    width: 100%;
}

.grecaptcha-badge{
    visibility: hidden;
}

@media (max-width:640px){
    form.liquid-design-form fieldset div.item.clearfix{
        width:100%!important
    }
}

form.liquid-design-form fieldset div.row.full-width {
    width: 100%;
    margin: 0;
    padding: 0;
}

form.liquid-design-form fieldset div.item.clearfix.full-width{
    width: 100%;
}

form.liquid-design-form div.actions{
    padding: 12px;
}

form.liquid-design-form div.actions ul {
    list-style: none;
    padding-left: 0;
}

form.liquid-design-form .required-info{
    padding: 12px 0;
}

.liquid-design-form.ldf-hint-text.hint-text .hint-title{
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 0;
}
.liquid-design-form.ldf-hint-text.hint-text p.hint-title,
.liquid-design-form.ldf-hint-text.hint-text p.hint-text  {
    margin-top: 0;
}

/* recaptcha adjustmetns*/
.liquid-design-form.ldf-captcha .g-recaptcha{
    padding-top: 0.5rem;
}

.error .liquid-design-form.ldf-captcha label{
    color: var(--telekom-color-text-and-icon-functional-danger);
}

/* backend style sheets */
div[data-_neos-form-builder-type="CAMAO.Neos.Telekom.Liquid.Design.Form:SingleSelectRadiobuttons"]{
    width: 100%;
}
div[data-_neos-form-builder-type="CAMAO.Neos.Telekom.Liquid.Design.Form:Dropdown"]{
    width: 50%;
}
div[data-_neos-form-builder-type="CAMAO.Neos.Telekom.Liquid.Design.Form:Dropdown"] div.item.clearfix{
    width: 100% !important;
}

/* custom email validation css */
div.email-field__helper-text.js-valid-active,div.telephone-field__helper-text.js-valid-active{
    display: none;
}
.liquid-design-form.ldf-text-field.text-field--status-error div.email-field__helper-text,
div.email-field__helper-text{
    display: unset;
}

/* adjustment spacing top error messages */
.liquid-design-form.text-field--status-error .text-field__helper-text,
.liquid-design-form.dropdown--status-error .input__helper-text{
    padding-top: 5px;
}

/* set telekom font error font weight */
.liquid-design-form.dropdown--status-error .input__helper-text,
.liquid-design-form.radio-button--status-error .radio-button-group__helper-text--status-error{
    font-weight: var(--telekom-typography-font-weight-bold);
}