:root {
				    --scl-spacing-1: 0.0625rem;
    --scl-spacing-2: 0.125rem;
    --scl-spacing-4: 0.25rem;
    --scl-spacing-8: 0.5rem;
    --scl-spacing-12: 0.75rem;
    --scl-spacing-16: 1rem;
    --scl-spacing-24: 1.5rem;
    --scl-spacing-32: 2rem;
    --scl-spacing-40: 2.5rem;
    --scl-spacing-48: 3rem;
    --scl-spacing-64: 4rem;
    --scl-spacing-80: 5rem;
    --scl-font-family-sans: TeleNeoWeb, sans-serif;
    --scl-font-family-mono: monospace;
    --scl-font-size-10: 0.625rem;
    --scl-font-size-12: 0.75rem;
    --scl-font-size-14: 0.875rem;
    --scl-font-size-16: 1rem;
    --scl-font-size-20: 1.25rem;
    --scl-font-size-24: 1.5rem;
    --scl-font-size-32: 2rem;
    --scl-font-size-40: 2.5rem;
    --scl-font-size-56: 3.5rem;
    --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: 1rem;
    --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: 1rem;
    --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: 1.25rem;
    --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: 0.75rem;
    --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: 0.75rem;
    --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: 0.75rem;
    --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: 1rem;
    --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: 1.25rem;
    --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: 1.5rem;
    --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: 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: 2.5rem;
    --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: 3.5rem;
    --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.39, 0.575, 0.565, 1);
    --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: #2238df;
    --telekom-color-text-and-icon-link-hovered: #0819bd;
    --telekom-color-text-and-icon-link-visited: #6c3bdb;
    --telekom-color-text-and-icon-link-active: #000d99;
    --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: #2238df;
    --telekom-color-text-and-icon-functional-success: #008653;
    --telekom-color-text-and-icon-functional-danger: #d91308;
    --telekom-color-text-and-icon-functional-warning: #b63d00;
    --telekom-color-text-and-icon-on-subtle-informational: #2238df;
    --telekom-color-text-and-icon-on-subtle-success: #00774b;
    --telekom-color-text-and-icon-on-subtle-danger: #c30a03;
    --telekom-color-text-and-icon-on-subtle-warning: #b63d00;
    --telekom-color-text-and-icon-on-subtle-violet: #6c3bdb;
    --telekom-color-text-and-icon-on-subtle-blue: #2238df;
    --telekom-color-text-and-icon-on-subtle-cyan: #00738A;
    --telekom-color-text-and-icon-on-subtle-teal: #177364;
    --telekom-color-text-and-icon-on-subtle-green: #00774b;
    --telekom-color-text-and-icon-on-subtle-olive: #557317;
    --telekom-color-text-and-icon-on-subtle-brown: #82581c;
    --telekom-color-text-and-icon-on-subtle-yellow: #AC5600;
    --telekom-color-text-and-icon-on-subtle-orange: #b63d00;
    --telekom-color-text-and-icon-on-subtle-red: #c30a03;
    --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: #efeff0;
    --telekom-color-background-surface-highlight: #242426;
    --telekom-color-primary-standard: #e20074;
    --telekom-color-primary-hovered: #c00063;
    --telekom-color-primary-pressed: #9e0051;
    --telekom-color-ui-base: #ffffff;
    --telekom-color-ui-subtle: #efeff0;
    --telekom-color-ui-faint: #dfdfe1;
    --telekom-color-ui-regular: #929296;
    --telekom-color-ui-strong: #747478;
    --telekom-color-ui-extra-strong: #242426;
    --telekom-color-ui-white: #ffffff;
    --telekom-color-ui-black: #000000;
    --telekom-color-ui-disabled: #d0d0d2;
    --telekom-color-ui-border-standard: hsla(0, 0%, 0%, 0.44);
    --telekom-color-ui-border-hovered: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-border-pressed: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-border-disabled: hsla(0, 0%, 0%, 0.14);
    --telekom-color-ui-state-fill-standard: hsla(0, 0%, 0%, 0);
    --telekom-color-ui-state-fill-hovered: hsla(0, 0%, 0%, 0.07);
    --telekom-color-ui-state-fill-pressed: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-state-fill-hovered-inverted: hsla(0, 0%, 100%, 0.14);
    --telekom-color-ui-state-fill-pressed-inverted: hsla(0, 0%, 100%, 0.21);
    --telekom-color-functional-focus-standard: #2238df;
    --telekom-color-functional-focus-inverted: #7d94f9;
    --telekom-color-functional-focus-on-dark-background: #7d94f9;
    --telekom-color-functional-focus-on-light-background: #2238df;
    --telekom-color-functional-informational-standard: #2238df;
    --telekom-color-functional-informational-hovered: #1326cf;
    --telekom-color-functional-informational-pressed: #0819bd;
    --telekom-color-functional-informational-subtle: #d3d7f9;
    --telekom-color-functional-success-standard: #00b367;
    --telekom-color-functional-success-hovered: #00a461;
    --telekom-color-functional-success-pressed: #00955a;
    --telekom-color-functional-success-subtle: #ccf0e1;
    --telekom-color-functional-danger-standard: #e82010;
    --telekom-color-functional-danger-hovered: #d91308;
    --telekom-color-functional-danger-pressed: #c30a03;
    --telekom-color-functional-danger-subtle: #fad2cf;
    --telekom-color-functional-warning-standard: #f97012;
    --telekom-color-functional-warning-hovered: #f46409;
    --telekom-color-functional-warning-pressed: #e65703;
    --telekom-color-functional-warning-subtle: #fee2d0;
    --telekom-color-additional-violet-0: #e2d9ff;
    --telekom-color-additional-violet-100: #c8b5fd;
    --telekom-color-additional-violet-200: #af93fb;
    --telekom-color-additional-violet-300: #9a75f8;
    --telekom-color-additional-violet-400: #885df2;
    --telekom-color-additional-violet-500: #794ae9;
    --telekom-color-additional-violet-600: #6c3bdb;
    --telekom-color-additional-violet-700: #5e2ec6;
    --telekom-color-additional-violet-800: #5024ab;
    --telekom-color-additional-violet-900: #411c8c;
    --telekom-color-additional-violet-subtle: #e4dbfb;
    --telekom-color-additional-blue-0: #d9e2ff;
    --telekom-color-additional-blue-100: #aabcfd;
    --telekom-color-additional-blue-200: #7d94f9;
    --telekom-color-additional-blue-300: #576ff3;
    --telekom-color-additional-blue-400: #3950ea;
    --telekom-color-additional-blue-500: #2238df;
    --telekom-color-additional-blue-600: #1326cf;
    --telekom-color-additional-blue-700: #0819bd;
    --telekom-color-additional-blue-800: #0311ab;
    --telekom-color-additional-blue-900: #000d99;
    --telekom-color-additional-blue-subtle: #d3d7f9;
    --telekom-color-additional-cyan-0: #d9fcff;
    --telekom-color-additional-cyan-100: #a4ecf4;
    --telekom-color-additional-cyan-200: #75dbe8;
    --telekom-color-additional-cyan-300: #4fcadd;
    --telekom-color-additional-cyan-400: #33bbd2;
    --telekom-color-additional-cyan-500: #1eadc6;
    --telekom-color-additional-cyan-600: #11a0bb;
    --telekom-color-additional-cyan-700: #0894b0;
    --telekom-color-additional-cyan-800: #038aa4;
    --telekom-color-additional-cyan-900: #008099;
    --telekom-color-additional-cyan-subtle: #d2eff4;
    --telekom-color-additional-teal-0: #d9fff2;
    --telekom-color-additional-teal-100: #acf1dc;
    --telekom-color-additional-teal-200: #85e3ca;
    --telekom-color-additional-teal-300: #65d5ba;
    --telekom-color-additional-teal-400: #4cc6ac;
    --telekom-color-additional-teal-500: #3ab89f;
    --telekom-color-additional-teal-600: #2eaa93;
    --telekom-color-additional-teal-700: #259c87;
    --telekom-color-additional-teal-800: #1e8e7b;
    --telekom-color-additional-teal-900: #19806f;
    --telekom-color-additional-teal-subtle: #d8f1ec;
    --telekom-color-additional-green-0: #dbffed;
    --telekom-color-additional-green-100: #8ff0c1;
    --telekom-color-additional-green-200: #4ee19c;
    --telekom-color-additional-green-300: #1bd27f;
    --telekom-color-additional-green-400: #00c26d;
    --telekom-color-additional-green-500: #00b367;
    --telekom-color-additional-green-600: #00a461;
    --telekom-color-additional-green-700: #00955a;
    --telekom-color-additional-green-800: #008653;
    --telekom-color-additional-green-900: #00774b;
    --telekom-color-additional-green-subtle: #ccf0e1;
    --telekom-color-additional-olive-0: #f2ffd9;
    --telekom-color-additional-olive-100: #daf1ac;
    --telekom-color-additional-olive-200: #c3e385;
    --telekom-color-additional-olive-300: #afd565;
    --telekom-color-additional-olive-400: #9ec64c;
    --telekom-color-additional-olive-500: #8eb83a;
    --telekom-color-additional-olive-600: #81aa2e;
    --telekom-color-additional-olive-700: #749c25;
    --telekom-color-additional-olive-800: #688e1e;
    --telekom-color-additional-olive-900: #5e8019;
    --telekom-color-additional-olive-subtle: #e8f1d8;
    --telekom-color-additional-brown-0: #ffefd9;
    --telekom-color-additional-brown-100: #efd3ab;
    --telekom-color-additional-brown-200: #e0b983;
    --telekom-color-additional-brown-300: #d0a363;
    --telekom-color-additional-brown-400: #c18f4a;
    --telekom-color-additional-brown-500: #b17f38;
    --telekom-color-additional-brown-600: #a2702b;
    --telekom-color-additional-brown-700: #926322;
    --telekom-color-additional-brown-800: #82581c;
    --telekom-color-additional-brown-900: #734d17;
    --telekom-color-additional-brown-subtle: #efe5d7;
    --telekom-color-additional-yellow-0: #fffcd9;
    --telekom-color-additional-yellow-100: #fcf1aa;
    --telekom-color-additional-yellow-200: #f9e47e;
    --telekom-color-additional-yellow-300: #f7d358;
    --telekom-color-additional-yellow-400: #f4c23b;
    --telekom-color-additional-yellow-500: #f1b125;
    --telekom-color-additional-yellow-600: #eea015;
    --telekom-color-additional-yellow-700: #eb900b;
    --telekom-color-additional-yellow-800: #e88104;
    --telekom-color-additional-yellow-900: #e67300;
    --telekom-color-additional-yellow-subtle: #fcefd3;
    --telekom-color-additional-orange-0: #ffe6cc;
    --telekom-color-additional-orange-100: #ffc48e;
    --telekom-color-additional-orange-200: #fea75b;
    --telekom-color-additional-orange-300: #fd9038;
    --telekom-color-additional-orange-400: #fc7e21;
    --telekom-color-additional-orange-500: #f97012;
    --telekom-color-additional-orange-600: #f46409;
    --telekom-color-additional-orange-700: #e65703;
    --telekom-color-additional-orange-800: #cd4901;
    --telekom-color-additional-orange-900: #b63d00;
    --telekom-color-additional-orange-subtle: #fee2d0;
    --telekom-color-additional-red-0: #ffcabf;
    --telekom-color-additional-red-100: #fd9684;
    --telekom-color-additional-red-200: #fb6a55;
    --telekom-color-additional-red-300: #f84934;
    --telekom-color-additional-red-400: #f2321e;
    --telekom-color-additional-red-500: #e82010;
    --telekom-color-additional-red-600: #d91308;
    --telekom-color-additional-red-700: #c30a03;
    --telekom-color-additional-red-800: #a70401;
    --telekom-color-additional-red-900: #870000;
    --telekom-color-additional-red-subtle: #fad2cf;
    --telekom-radius-none: 0rem;
    --telekom-radius-extra-small: 0.125rem;
    --telekom-radius-small: 0.25rem;
    --telekom-radius-medium-small: 0.375rem;
    --telekom-radius-standard: 0.5rem;
    --telekom-radius-large: 0.75rem;
    --telekom-radius-pill: 62.4375rem;
    --telekom-radius-circle: 50%;
    --telekom-size-icon-extra-small: 0.75rem;
    --telekom-size-icon-small: 1rem;
    --telekom-size-icon-medium: 1.25rem;
    --telekom-size-icon-large: 1.5rem;
    --telekom-size-icon-extra-large: 3rem;
    --telekom-size-form-element-height-small: 2rem;
    --telekom-size-form-element-height-standard: 2.75rem;
    --telekom-size-generic-size-01: 0.25rem;
    --telekom-size-generic-size-02: 0.375rem;
    --telekom-size-generic-size-03: 0.5rem;
    --telekom-size-generic-size-04: 0.75rem;
    --telekom-size-generic-size-05: 1rem;
    --telekom-size-generic-size-06: 1.25rem;
    --telekom-size-generic-size-07: 1.5rem;
    --telekom-size-generic-size-08: 1.75rem;
    --telekom-size-generic-size-09: 2rem;
    --telekom-size-generic-size-10: 2.25rem;
    --telekom-size-generic-size-11: 2.5rem;
    --telekom-size-generic-size-12: 2.75rem;
    --telekom-size-generic-size-13: 3rem;
    --telekom-size-generic-size-14: 3.25rem;
    --telekom-size-generic-size-15: 3.5rem;
    --telekom-size-generic-size-16: 4rem;
    --telekom-size-generic-size-17: 4.5rem;
    --telekom-size-generic-size-18: 5rem;
    --telekom-size-generic-size-19: 6rem;
    --telekom-size-generic-size-20: 8rem;
    --telekom-size-generic-size-21: 12rem;
    --telekom-size-generic-size-22: 16rem;
    --telekom-size-generic-size-23: 20rem;
    --telekom-size-generic-size-24: 28rem;
    --telekom-size-generic-size-25: 36rem;
    --telekom-line-weight-standard: 0.0625rem;
    --telekom-line-weight-highlight: 0.125rem;
    --telekom-line-weight-bold: 0.25rem;
    --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: cubic-bezier(0.4,0,0.6,1);
    --telekom-motion-easing-enter: cubic-bezier(0.4,0.6,0.6,1);
    --telekom-motion-easing-leave: cubic-bezier(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-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-intense: 0px 0px 2px 0px hsla(0, 0%, 0%, 0.24), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.24), 0px 4px 12px 0px hsla(0, 0%, 0%, 0.26);
    --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-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-bottom-flat: 0px -1px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-spacing-composition-space-00: 0rem;
    --telekom-spacing-composition-space-01: 0.0625rem;
    --telekom-spacing-composition-space-02: 0.125rem;
    --telekom-spacing-composition-space-03: 0.25rem;
    --telekom-spacing-composition-space-04: 0.5rem;
    --telekom-spacing-composition-space-05: 0.75rem;
    --telekom-spacing-composition-space-06: 1rem;
    --telekom-spacing-composition-space-07: 1.25rem;
    --telekom-spacing-composition-space-08: 1.5rem;
    --telekom-spacing-composition-space-09: 1.75rem;
    --telekom-spacing-composition-space-10: 2rem;
    --telekom-spacing-composition-space-11: 2.25rem;
    --telekom-spacing-composition-space-12: 2.5rem;
    --telekom-spacing-composition-space-13: 2.75rem;
    --telekom-spacing-composition-space-14: 3rem;
    --telekom-spacing-composition-space-15: 3.25rem;
    --telekom-spacing-composition-space-16: 3.5rem;
    --telekom-spacing-composition-space-17: 4rem;
    --telekom-spacing-composition-space-18: 4.5rem;
    --telekom-spacing-composition-space-19: 5rem;
    --telekom-spacing-composition-space-20: 5.5rem;
    --telekom-spacing-composition-space-21: 6rem;
    --telekom-spacing-baseline-space-00: 0rem;
    --telekom-spacing-baseline-space-01: 0.25rem;
    --telekom-spacing-baseline-space-02: 0.5rem;
    --telekom-spacing-baseline-space-03: 0.75rem;
    --telekom-spacing-baseline-space-04: 1rem;
    --telekom-spacing-baseline-space-05: 1.5rem;
    --telekom-spacing-baseline-space-06: 2rem;
    --telekom-spacing-baseline-space-07: 3rem;
    --telekom-spacing-baseline-space-08: 4rem;
    --telekom-spacing-baseline-space-09: 6rem;
    --telekom-spacing-baseline-space-10: 8rem;
    --telekom-spacing-baseline-space-11: 12rem;
    --telekom-spacing-baseline-space-12: 16rem;
    --telekom-spacing-baseline-space-13: 24rem;
    --telekom-spacing-baseline-space-14: 32rem;
    --telekom-spacing-baseline-space-15: 64rem;
    --telekom-text-style-badge: 400 0.625rem/1.2 TeleNeoWeb, sans-serif;
    --telekom-text-style-small: 500 0.75rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-small-bold: 700 0.75rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-caption: 400 0.875rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-caption-bold: 700 0.875rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-body: 400 1rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-body-bold: 700 1rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-ui: 500 1rem/1 TeleNeoWeb, sans-serif;
    --telekom-text-style-ui-bold: 700 1rem/1 TeleNeoWeb, sans-serif;
    --telekom-text-style-lead-text: 400 1.25rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-6: 700 1rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-5: 800 1.25rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-4: 800 1.5rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-3: 800 2rem/1.25 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-2: 800 2.625rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-1: 800 3.375rem/1.2 TeleNeoWeb, sans-serif;
    --telekom-text-style-title-2: 800 4.25rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-text-style-title-1: 800 4.75rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-typography-font-size-badge: 0.625rem;
    --telekom-typography-font-size-small: 0.75rem;
    --telekom-typography-font-size-caption: 0.875rem;
    --telekom-typography-font-size-body: 1rem;
    --telekom-typography-font-size-callout: 1.25rem;
    --telekom-typography-font-size-headline-3: 1.5rem;
    --telekom-typography-font-size-headline-2: 2rem;
    --telekom-typography-font-size-headline-1: 2.625rem;
    --telekom-typography-font-size-title-3: 3.375rem;
    --telekom-typography-font-size-title-2: 4.25rem;
    --telekom-typography-font-size-title-1: 4.75rem;
    --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-font-weight-ultra: 900;
    --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-moderate: 1.35;
    --telekom-typography-line-spacing-standard: 1.4;
    --telekom-typography-line-spacing-loose: 1.5;
    --telekom-typography-letter-spacing-standard: 0;
    --telekom-spacing-unit-base: 0.25rem;
    --telekom-spacing-unit-x0: calc(var(--telekom-spacing-unit-base) * 0);
    --telekom-spacing-unit-x025: calc(var(--telekom-spacing-unit-base) * 0.25);
    --telekom-spacing-unit-x05: calc(var(--telekom-spacing-unit-base) * 0.5);
    --telekom-spacing-unit-x1: calc(var(--telekom-spacing-unit-base) * 1);
    --telekom-spacing-unit-x2: calc(var(--telekom-spacing-unit-base) * 2);
    --telekom-spacing-unit-x3: calc(var(--telekom-spacing-unit-base) * 3);
    --telekom-spacing-unit-x4: calc(var(--telekom-spacing-unit-base) * 4);
    --telekom-spacing-unit-x5: calc(var(--telekom-spacing-unit-base) * 5);
    --telekom-spacing-unit-x6: calc(var(--telekom-spacing-unit-base) * 6);
    --telekom-spacing-unit-x7: calc(var(--telekom-spacing-unit-base) * 7);
    --telekom-spacing-unit-x8: calc(var(--telekom-spacing-unit-base) * 8);
    --telekom-spacing-unit-x9: calc(var(--telekom-spacing-unit-base) * 9);
    --telekom-spacing-unit-x10: calc(var(--telekom-spacing-unit-base) * 10);
    --telekom-spacing-unit-x11: calc(var(--telekom-spacing-unit-base) * 11);
    --telekom-spacing-unit-x12: calc(var(--telekom-spacing-unit-base) * 12);
    --telekom-spacing-unit-x13: calc(var(--telekom-spacing-unit-base) * 13);
    --telekom-spacing-unit-x14: calc(var(--telekom-spacing-unit-base) * 14);
    --telekom-spacing-unit-x15: calc(var(--telekom-spacing-unit-base) * 15);
    --telekom-spacing-unit-x16: calc(var(--telekom-spacing-unit-base) * 16);
    --telekom-spacing-unit-x17: calc(var(--telekom-spacing-unit-base) * 17);
    --telekom-spacing-unit-x18: calc(var(--telekom-spacing-unit-base) * 18);
    --telekom-spacing-unit-x19: calc(var(--telekom-spacing-unit-base) * 19);
    --telekom-spacing-unit-x20: calc(var(--telekom-spacing-unit-base) * 20);
    --scl-grid-max-width: 1504px;
    --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;
    color-scheme: light;
    --spacing-x-right: var(--telekom-spacing-composition-space-07);
    --spacing-x-left: var(--telekom-spacing-composition-space-07);
    --spacing-x-icon-only: var(--telekom-spacing-composition-space-05);
    --min-height: var(--telekom-spacing-composition-space-13);
    --min-width: var(--telekom-spacing-composition-space-13);
    --radius: var(--telekom-radius-standard);
    --transition: all var(--telekom-motion-duration-transition)
    var(--telekom-motion-easing-standard);
    --color-focus: var(--telekom-color-functional-focus-standard);
    --font-weight: var(--telekom-typography-font-weight-bold);
    --font-size: var(--telekom-typography-font-size-body);
    --line-height: var(--telekom-typography-line-spacing-tight);
    --spacing-icon-x: var(--telekom-spacing-composition-space-04);
    --vertical-align: middle;
    --font-size-small: var(--telekom-typography-font-size-caption);
    --line-height-small: 1.125rem;
    --min-height-small: var(--telekom-spacing-composition-space-10);
    --spacing-x-right-small: var(--telekom-spacing-composition-space-06);
    --spacing-x-left-small: var(--telekom-spacing-composition-space-06);
    --spacing-x-icon-only-small: var(--telekom-spacing-composition-space-00);
    --spacing-icon-x-small: var(--telekom-spacing-composition-space-03);
    --radius-primary: var(--radius);
    --background-primary: var(--telekom-color-primary-standard);
    --background-primary-hover: var(--telekom-color-primary-hovered);
    --background-primary-active: var(--telekom-color-primary-pressed);
    --background-primary-disabled: var(--telekom-color-ui-disabled);
    --color-primary: var(--telekom-color-text-and-icon-white-standard);
    --color-primary-disabled: var(--telekom-color-text-and-icon-disabled);
    --radius-secondary: var(--radius);
    --border-width-secondary: var(--telekom-spacing-composition-space-01);
    --background-secondary: transparent;
    --color-secondary: var(--telekom-color-text-and-icon-standard);
    --color-secondary-hover: var(--telekom-color-text-and-icon-standard);
    --color-secondary-active: var(--telekom-color-text-and-icon-standard);
    --color-secondary-disabled: var(--telekom-color-text-and-icon-disabled);
    --background-secondary: var(--telekom-color-ui-state-fill-standard);
    --background-secondary-hover: var(--telekom-color-ui-state-fill-hovered);
    --background-secondary-active: var(--telekom-color-ui-state-fill-pressed);
    --background-secondary-disabled: none;
    --border-secondary: var(--telekom-color-ui-border-standard);
    --border-secondary-hover: var(--telekom-color-ui-border-hovered);
    --border-secondary-active: var(--telekom-color-ui-border-pressed);
    --border-secondary-focus: var(--telekom-color-functional-focus-standard);
    --border-secondary-white: var(--telekom-color-ui-white);
    --color-secondary-white: var(--telekom-color-ui-white);
    --background-secondary-white-hover: var(
    --telekom-color-ui-state-fill-hovered-inverted
  );
    --background-secondary-white-active: var(
    --telekom-color-ui-state-fill-pressed-inverted
  );
    --secondary-white-opacity: 0.5;
    --radius-ghost: var(--radius);
    --border-width-ghost: var(--telekom-spacing-composition-space-01);
    --spacing-x-ghost: var(--telekom-spacing-composition-space-04);
    --color-ghost: var(--telekom-color-text-and-icon-link-standard);
    --color-ghost-hover: var(--telekom-color-text-and-icon-link-hovered);
    --color-ghost-active: var(--telekom-color-text-and-icon-link-active);
    --color-ghost-disabled: var(--telekom-color-text-and-icon-disabled);
    --background-ghost-hover: var(--telekom-color-ui-state-fill-hovered);
    --background-ghost-active: var(--telekom-color-ui-state-fill-pressed);
	
}
.account-switch{
    min-width:0;
    position:relative
}
.account-switch scale-button.account-switch__button{
    display:flex;
    --border-width-secondary:0;
    --height:40px;
    --min-height:40px;
    --radius:20px;
    --spacing-x-icon-only:0
}
.account-switch scale-button.account-switch__button.pressed{
    border-radius:20px;
    --radius:20px;
    --background-secondary:var(--telekom-color-ui-state-fill-pressed);
    --border-secondary:var(--telekom-color-ui-border-pressed)
}
.account-switch scale-button.account-switch__button::part(base){
    padding-block:0
}
.account-switch .account-switch__item{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:space-between;
    min-width:230px;
    padding-right:8px
}
.account-switch .account-switch__item img{
    height:40px
}
.account-switch__menu{
    background-color:#fff;
    border-radius:16px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.1),0 8px 32px 0 rgba(0,0,0,0.1);
    display:none;
    min-width:230px;
    margin-top:4px;
    padding:8px 0;
    position:absolute;
    width:100%;
    z-index:10
}
.account-switch__menu scale-button.account-switch__menu-button{
    --border-width-secondary:0;
    --height:40px;
    --min-height:40px;
    --min-width:100%;
    --radius:0;
    --spacing-x-left:12px;
    --spacing-x-right:12px;
    display:block;
    height:40px
}
.account-switch__menu scale-button::part(base){
    justify-content:left
}
.account-switch__menu[opened]{
    display:block
}
#notification-container scale-notification::part(base){
    margin-bottom:32px
}
#callback-tracking,#tealium-callback-tracking{
    border:none;
    height:1px;
    left:0;
    position:absolute;
    top:0;
    width:1px
}
*{
    box-sizing:border-box
}
body{
    background-attachment:fixed;
    background-color:var(--telekom-color-background-canvas);
    background-image:url(../images/bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    color:var(--telekom-color-text-and-icon-standard);
    display:flex;
    flex-direction:column;
    margin:0;
    min-height:100vh
}
@media screen and (max-width: 639px){
    body{
        background-image:none
    }
}
input::-ms-reveal,input::-ms-clear{
    display:none
}
.hidden{
    display:none
}
.btn-link{
    background:none !important;
    border:none;
    color:#007faf;
    cursor:pointer;
    font:inherit;
    padding:0 !important
}
.btn-link:hover{
    text-decoration:underline
}
.btn-link-without-underline{
    background:none !important;
    border:none;
    color:#007faf;
    cursor:pointer;
    font:inherit;
    padding:0 !important
}
.btn-link-without-underline-2{
    background:none !important;
    border:none;
    color:#007faf;
    cursor:pointer;
    font:inherit;
    padding:0 !important;
    display:flex;
    align-items:center
}
.btn-hidden{
    width:0;
    height:0;
    position:absolute;
    top:-99999px;
    left:-99999px;
    z-index:-999
}
.choose-account-option{
    align-items:center;
    display:flex;
    gap:16px;
    padding:8px
}
.select-option-auth-field{
    padding:16px;
    gap:16px;
    border-bottom:1px solid #dfdfe1;
    display:flex;
    justify-content:space-between
}
.select-option-field{
    align-items:center;
    border-bottom:1px solid #efeff0;
    display:flex;
    gap:16px;
    justify-content:space-between;
    padding:16px 8px 16px 8px
}
.select-option-item-left{
    align-items:center;
    display:flex;
    pointer-events:none
}
.select-option-item-right{
    margin-left:auto
}
.select-option-button{
    display:flex;
    height:56px;
    --width:100%;
    --border-width-secondary:0;
    border-bottom:1px solid #dfdfe1
}
.select-option-button:hover{
    color:var(--telekom-color-text-and-icon-link-hovered);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(--telekom-line-weight-highlight, var(--telekom-line-weight-standard))
}
.select-option-button-icon{
    margin-right:16px;
    pointer-events:none
}
.select-option-button-text-container{
    display:grid;
    text-align:start;
    pointer-events:none
}
.select-option-button-text{
    pointer-events:none
}
.select-option-button-item-right{
    margin-left:auto;
    pointer-events:none
}
.button__link{
    align-items:center;
    background:none !important;
    border:none;
    cursor:pointer;
    outline:none;
    font-family:inherit;
    font-size:inherit;
    font-weight:var(--telekom-typography-font-weight-regular);
    color:var(--telekom-color-text-and-icon-link-standard);
    padding:0 !important;
    position:relative;
    display:inline-flex;
    text-decoration:underline;
    text-underline-offset:.1875em;
    text-underline-position:from-font;
    text-decoration-thickness:var(--telekom-line-weight-standard);
    text-decoration-color:var(--telekom-color-text-and-icon-link-standard)
}
.button__link:active{
    color:var(--telekom-color-text-and-icon-link-active);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(var(--telekom-line-weight-highlight), var(--telekom-line-weight-standard))
}
.button__link:focus,.button__link:focus-visible{
    color:var(--telekom-color-text-and-icon-link-standard);
    text-decoration-color:transparent;
    text-decoration-thickness:var(0, var(--telekom-line-weight-standard));
    outline:var(--telekom-line-weight-highlight) solid var(--telekom-color-functional-focus-standard);
    outline-offset:var(--telekom-spacing-composition-space-01);
    border-radius:var(--telekom-radius-small)
}
.button__link:hover{
    color:var(--telekom-color-text-and-icon-link-hovered);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(--telekom-line-weight-highlight, var(--telekom-line-weight-standard))
}
.display-hidden{
    display:none !important;
    visibility:hidden !important
}
.visually-hidden{
    clip-path:inset(100%);
    clip:rect(1px, 1px, 1px, 1px);
    height:1px;
    overflow:hidden;
    position:absolute;
    white-space:nowrap;
    width:1px
}
.text-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.text-speak-numeral-digits{
    speak-numeral:digits
}
.text-speak-numeral-continiuous{
    speak-numeral:continuous
}
.flex-gap-12{
    display:flex;
    gap:12px
}
.center-flex-pointer_events_none{
    display:flex;
    align-items:center;
    pointer-events:none
}
.text-normal{
    font-weight:var(--telekom-typography-font-weight-regular)
}
.dontKnow{
    margin-top:16px;
    padding-bottom:8px
}
.button-full-width{
    width:100%;
    display:flex;
    flex-direction:column
}
.offset-bottom-3{
    margin-bottom:24px
}
.offset-top-3{
    margin-top:24px
}
.offset-bottom-4{
    margin-bottom:32px
}
.offset-top-4{
    margin-top:32px !important
}
.offset-bottom-1{
    margin-bottom:8px !important
}
.offset-bottom-0-5{
    margin-bottom:4px
}
.offset-bottom-2{
    margin-bottom:16px
}
.offset-top-2{
    margin-top:16px
}
.offset-top-0{
    margin-top:0
}
.offset-left-1{
    margin-left:8px !important
}
.offset-right-1{
    margin-right:8px !important
}
.padding-1{
    padding:8px 0 8px 0
}
.padding-bottom-1{
    padding-bottom:8px
}
.padding-right-0-5{
    padding-right:4px
}
hr{
    margin-top:8px;
    margin-bottom:8px;
    border:0;
    border-top:1px solid #efeff0
}
scale-button[size='icon-button-large']{
    --radius:4px;
    --min-height:32px;
    --min-width:32px;
    --width:32px;
    --height:32px;
    --border-width-secondary:0
}
scale-button[size='icon-button-medium']{
    --radius:4px;
    --min-height:28px;
    --min-width:28px;
    --width:28px;
    --height:28px;
    --border-width-secondary:0
}
scale-button.pressed{
    border-radius:4px;
    background-color:var(--telekom-color-ui-state-fill-pressed);
    border-color:var(--telekom-color-ui-border-pressed)
}
.scl-toast-stack{
    max-width:480px
}
@media screen and (max-width: 639px){
    .scl-toast-stack{
        max-width:288px;
        margin:16px auto 0;
        position:inherit
    }
}
scale-telekom-header::part(fixed-wrapper){
    background-color:unset;
    box-shadow:none
}
scale-telekom-header::part(body){
    display:none
}
.scale-telekom-footer[type='minimal'] scale-telekom-footer-content{
    --background-footer:none;
    --_font-color:var(--telekom-color-text-and-icon-white-standard)
}
@media screen and (max-width: 639px){
    .scale-telekom-footer[type='minimal'] scale-telekom-footer-content{
        --_font-color:var(--telekom-color-text-and-icon-standard)
    }
}
.scale-telekom-footer[type='minimal'] :where(a,span){
    color:var(--telekom-color-text-and-icon-white-standard)
}
@media screen and (max-width: 639px){
    .scale-telekom-footer[type='minimal'] :where(a,span){
        color:var(--telekom-color-text-and-icon-standard)
    }
}
.content{
    flex:1
}
@media screen and (min-width: 1680px){
    .content{
        max-width:1504px;
        margin-left:auto;
        margin-right:auto;
        width:100%
    }
}
.overlay{
    top:0;
    left:0;
    width:100%;
    bottom:0;
    display:none;
    z-index:100;
    position:fixed;
    background:var(--telekom-color-background-backdrop, rgba(108,108,108,0.7));
    box-sizing:border-box
}
.overlay--visible{
    display:block
}
scale-notification.global-info-box::part(heading){
    margin-top:16px
}
scale-notification.global-info-box::part(body){
    margin-top:0
}
scale-notification.global-info-box h4{
    margin:0 0 8px 0
}
.login-box{
    background-color:var(--telekom-color-background-canvas);
    border-radius:16px;
    padding:32px
}
.login-box h1{
    font:var(--telekom-text-style-heading-3);
    margin:0
}
.login-box__header{
    line-height:40px;
    text-align:right
}
.login-box__header scale-icon-alert-help{
    vertical-align:middle
}
.login-box__header--with-account-switch{
    align-items:center;
    display:flex;
    justify-content:space-between;
    gap:8px;
    margin-bottom:24px;
    text-align:inherit
}
.login-box__text-field{
    margin-top:24px;
    position:relative
}
.login-box__text-field scale-button{
    top:6px;
    position:absolute;
    right:8px
}
.login-box__switch{
    margin:16px 0
}
.login-box__switch scale-switch{
    vertical-align:middle
}
.login-box__switch scale-button{
    margin-left:8px;
    vertical-align:middle
}
.login-box__actions{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:32px
}
.login-box__actions scale-button{
    --width:100%
}
.login-box__actions button.button__link{
    align-items:center;
    background:none !important;
    border:none;
    cursor:pointer;
    outline:none;
    font-family:inherit;
    font-size:inherit;
    font-weight:var(--telekom-typography-font-weight-regular);
    color:var(--telekom-color-text-and-icon-link-standard);
    padding:0 !important;
    position:relative;
    display:inline-flex;
    text-decoration:underline;
    text-underline-offset:.1875em;
    text-underline-position:from-font;
    text-decoration-thickness:var(--telekom-line-weight-standard);
    text-decoration-color:var(--telekom-color-text-and-icon-link-standard)
}
.login-box__actions button.button__link:active{
    color:var(--telekom-color-text-and-icon-link-active);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(var(--telekom-line-weight-highlight), var(--telekom-line-weight-standard))
}
.login-box__actions button.button__link:focus,.login-box__actions button.button__link:focus-visible{
    color:var(--telekom-color-text-and-icon-link-standard);
    text-decoration-color:transparent;
    text-decoration-thickness:var(0, var(--telekom-line-weight-standard));
    outline:var(--telekom-line-weight-highlight) solid var(--telekom-color-functional-focus-standard);
    outline-offset:var(--telekom-spacing-composition-space-01);
    border-radius:var(--telekom-radius-small)
}
.login-box__actions button.button__link:hover{
    color:var(--telekom-color-text-and-icon-link-hovered);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(--telekom-line-weight-highlight, var(--telekom-line-weight-standard))
}
.login-box__actions-no-next-button{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:32px
}
.login-box__actions-no-next-button scale-button{
    --width:100%
}
.login-box__actions-no-next-button button.button__link{
    align-items:center;
    background:none !important;
    border:none;
    cursor:pointer;
    outline:none;
    font-family:inherit;
    font-size:inherit;
    font-weight:var(--telekom-typography-font-weight-regular);
    color:var(--telekom-color-text-and-icon-link-standard);
    padding:0 !important;
    position:relative;
    display:inline-flex;
    text-decoration:underline;
    text-underline-offset:.1875em;
    text-underline-position:from-font;
    text-decoration-thickness:var(--telekom-line-weight-standard);
    text-decoration-color:var(--telekom-color-text-and-icon-link-standard)
}
.login-box__actions-no-next-button button.button__link:active{
    color:var(--telekom-color-text-and-icon-link-active);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(var(--telekom-line-weight-highlight), var(--telekom-line-weight-standard))
}
.login-box__actions-no-next-button button.button__link:focus,.login-box__actions-no-next-button button.button__link:focus-visible{
    color:var(--telekom-color-text-and-icon-link-standard);
    text-decoration-color:transparent;
    text-decoration-thickness:var(0, var(--telekom-line-weight-standard));
    outline:var(--telekom-line-weight-highlight) solid var(--telekom-color-functional-focus-standard);
    outline-offset:var(--telekom-spacing-composition-space-01);
    border-radius:var(--telekom-radius-small)
}
.login-box__actions-no-next-button button.button__link:hover{
    color:var(--telekom-color-text-and-icon-link-hovered);
    text-decoration-color:currentColor;
    text-decoration-thickness:var(--telekom-line-weight-highlight, var(--telekom-line-weight-standard))
}
.login-box .spinner{
    align-items:center;
    display:none;
    height:340px;
    justify-content:center
}
@media screen and (max-width: 639px){
    .login-box .spinner{
        height:320px
    }
}
.login-box--spinner form{
    display:none
}
.login-box--spinner .spinner{
    display:flex
}
.login-box scale-notification.scale-notification--info::part(base){
    margin-top:8px;
    padding:0 16px
}
.login-box scale-notification.scale-notification--info::part(icon){
    display:none
}
.login-box scale-notification.scale-notification--info::part(heading){
    margin-top:16px
}
.login-box scale-notification.scale-notification--info::part(body){
    margin-top:0;
    margin-bottom:0
}
.login-box scale-notification.scale-notification--info div img{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.login-box scale-notification.scale-notification--info h4{
    margin:0
}
.login-box scale-notification.scale-notification--success-align-middle::part(base){
    align-items:center;
    margin-top:16px;
    margin-bottom:16px
}
.login-box scale-notification.scale-notification--success-align-middle::part(body){
    margin-top:12px;
    margin-bottom:12px
}
.login-box scale-notification.scale-notification--success-align-middle::part(text){
    margin-top:0
}
.login-box scale-notification.scale-notification--success-align-middle::part(icon){
    display:inline-flex;
    align-items:center
}
.login-box scale-notification.scale-notification--success-align-top::part(text){
    margin-top:8px
}
.login-box scale-notification.scale-notification--success-align-top::part(body){
    margin-top:8px;
    margin-bottom:12px
}
.login-box scale-notification.scale-notification--success-align-top::part(base){
    margin-top:16px;
    margin-bottom:16px
}
.login-box scale-notification.scale-notification--warning::part(base){
    margin-top:8px
}
.login-box scale-notification.scale-notification--warning::part(body){
    margin-top:0;
    margin-bottom:0
}
.login-box scale-notification.scale-notification--warning::part(text){
    padding:8px 12px 12px 0
}
.login-box scale-notification.scale-notification--warning h4{
    margin:0
}
.login-box scale-icon-action-refresh.refresh-icon{
    width:18px;
    height:22px;
    display:inline-flex;
    align-items:center;
    margin-right:4px
}
.login-box scale-list-item.squared::part(base):before{
    border-radius:0
}
.login-box scale-list.squared-small scale-list-item::part(base){
    padding-left:var(--telekom-spacing-composition-space-06)
}
.login-box scale-list.squared-small scale-list-item::part(no-marker){
    padding-left:0
}
.login-box scale-list.squared-small scale-list-item::part(base):before{
    border-radius:0;
    transform:scale(.33)
}
@media screen and (max-width: 639px){
    .login-box{
        border-radius:0;
        margin:16px auto;
        padding:16px;
        min-width:320px;
        max-width:448px
    }
		#bodyfooter {
    flex-direction: column;
	}
		#noticefooter {
    margin-bottom: var(--telekom-spacing-composition-space-04);
}
	#navigationfooter {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    column-gap: var(--_nav-items-spacing);
    row-gap: var(--telekom-spacing-composition-space-03);
}
}
@media screen and (min-width: 640px) and (max-width: 1039px){
	#bodyfooter {
    flex-direction: row;
	}
    .login-box{
        margin:16px auto;
        width:448px
    }
	#noticefooter {
    margin-bottom: 0px;
}
	#navigationfooter {
    --_nav-items-spacing: var(--telekom-spacing-composition-space-08);
    row-gap: var(--telekom-spacing-composition-space-04);
}
}
@media screen and (min-width: 1040px) and (max-width: 1295px){
    .login-box{
        margin-left:auto;
        margin-right:auto;
        margin-top:16px;
        width:480px
    }
	#bodyfooter {
    flex-direction: row;
	}
	#noticefooter {
    margin-bottom: 0px;
}
	#navigationfooter {
    --_nav-items-spacing: var(--telekom-spacing-composition-space-08);
    row-gap: var(--telekom-spacing-composition-space-04);

}
}
@media screen and (min-width: 1296px) and (max-width: 1679px){
    .login-box{
        margin-left:auto;
        margin-right:auto;
        margin-top:16px;
        width:528px
    }
		#bodyfooter {
    flex-direction: row;
	}
	#noticefooter {
    margin-bottom: 0px;
}
	#navigationfooter {
    --_nav-items-spacing: var(--telekom-spacing-composition-space-08);
    row-gap: var(--telekom-spacing-composition-space-04);

}
}
@media screen and (min-width: 1680px){
    .login-box{
        margin-left:auto;
        margin-right:auto;
        margin-top:16px;
        width:544px
    }
		#bodyfooter {
    flex-direction: row;
	}
	#noticefooter {
    margin-bottom: 0px;
}
	#navigationfooter {
    --_nav-items-spacing: var(--telekom-spacing-composition-space-08);
    row-gap: var(--telekom-spacing-composition-space-04);

}
}
 
 

.button{

    visibility: inherit;
    --width: 100%;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    position: relative;
    border: 0;
    cursor: pointer;
    user-select: none;
    font-family: inherit;
    word-spacing: inherit;
    letter-spacing: inherit;
    justify-content: center;
    text-decoration: none;
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    min-height: var(--min-height);
    min-width: var(--min-width);
    width: var(--width);
    padding-left: var(--spacing-x-left);
    padding-right: var(--spacing-x-right);
    vertical-align: var(--vertical-align);
    transition: var(--transition);
    text-align: center;
    border-radius: var(--radius);
    background: var(--background-primary);
    color: var(--color-primary);
}

.button2{
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none;
    font-family: inherit;
    word-spacing: inherit;
    letter-spacing: inherit;
    justify-content: center;
    text-decoration: none;
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    min-height: var(--min-height);
    min-width: var(--min-width);
    width: var(--width);
    padding-left: var(--spacing-x-left);
    padding-right: var(--spacing-x-right);
    vertical-align: var(--vertical-align);
    transition: var(--transition);
    background: var(--background-secondary);
    text-align: center;
    border-radius: var(--radius-secondary);
    border: var(--border-width-secondary) solid currentColor;
    color: var(--color-secondary);
    background-color: var(--background-secondary);
    border-color: var(--border-secondary);

}

.button3{

    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none;
    font-family: inherit;
    word-spacing: inherit;
    letter-spacing: inherit;
    justify-content: center;
    text-decoration: none;
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    min-height: var(--min-height);
    min-width: var(--min-width);
    width: var(--width);
    vertical-align: var(--vertical-align);
    transition: var(--transition);
    background: transparent;
    text-align: center;
    border-radius: var(--radius-ghost);
    border: var(--border-width-ghost) solid transparent;
    color: var(--color-ghost);
    padding-left: var(--spacing-x-ghost);
    padding-right: var(--spacing-x-ghost);
}
#basefooter{
    height: 100%;
    max-width: var(--_max-width-container);
    padding-left: var(--_spacing-x-container);
    padding-right: var(--_spacing-x-container);
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    width: -webkit-fill-available;
	
}
#bodyfooter{

    display: flex;
    flex-direction: column;
    width: 100%;
    padding: var(--_navigation-container-padding);
    margin: 0px;
    bottom: 0px;

	
}
#noticefooter{
    --_display-logo: none;
    --_navigation-container-padding: var(--telekom-spacing-composition-space-06) 0
    var(--telekom-spacing-composition-space-06) 0;
    --_nav-items-bottom-margin: 0;
    --background-footer: none;
    --_font-color: var(--telekom-color-text-and-icon-white-standard);
    color: var(--_font-color);
    display: flex;
    flex: 1 0 auto;
    font-size: var(--_font-size);
    line-height: 140%;
    margin-right: var(--telekom-spacing-composition-space-07);
	}
	
	#navigationfooter {
    display: flex;
    align-items: center;
    list-style: none;
    column-gap: var(--_nav-items-spacing);
    row-gap: var(--telekom-spacing-composition-space-03);
}
.text-field .text-field__control {
    width: 100%;
    height: var(--height);
    margin: 0;
    display: flex;
    outline: none;
    padding: var(--spacing-control);
    z-index: 1;
    box-sizing: border-box;
    transition: var(--transition-control);
    font: var(--telekom-text-style-body);
    border-radius: var(--radius);
    border: var(--border);
    background-color: var(--background-control);
    color: var(--color-meta);
}

#anchorform{
    font-family: 'TeleNeoWeb', sans-serif;
    --scl-spacing-1: 0.0625rem;
    --scl-spacing-2: 0.125rem;
    --scl-spacing-4: 0.25rem;
    --scl-spacing-8: 0.5rem;
    --scl-spacing-12: 0.75rem;
    --scl-spacing-16: 1rem;
    --scl-spacing-24: 1.5rem;
    --scl-spacing-32: 2rem;
    --scl-spacing-40: 2.5rem;
    --scl-spacing-48: 3rem;
    --scl-spacing-64: 4rem;
    --scl-spacing-80: 5rem;
    --scl-font-family-sans: TeleNeoWeb, sans-serif;
    --scl-font-family-mono: monospace;
    --scl-font-size-10: 0.625rem;
    --scl-font-size-12: 0.75rem;
    --scl-font-size-14: 0.875rem;
    --scl-font-size-16: 1rem;
    --scl-font-size-20: 1.25rem;
    --scl-font-size-24: 1.5rem;
    --scl-font-size-32: 2rem;
    --scl-font-size-40: 2.5rem;
    --scl-font-size-56: 3.5rem;
    --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: 1rem;
    --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: 1rem;
    --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: 1.25rem;
    --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: 0.75rem;
    --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: 0.75rem;
    --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: 0.75rem;
    --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: 1rem;
    --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: 1.25rem;
    --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: 1.5rem;
    --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: 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: 2.5rem;
    --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: 3.5rem;
    --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.39, 0.575, 0.565, 1);
    --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: #2238df;
    --telekom-color-text-and-icon-link-hovered: #0819bd;
    --telekom-color-text-and-icon-link-visited: #6c3bdb;
    --telekom-color-text-and-icon-link-active: #000d99;
    --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: #2238df;
    --telekom-color-text-and-icon-functional-success: #008653;
    --telekom-color-text-and-icon-functional-danger: #d91308;
    --telekom-color-text-and-icon-functional-warning: #b63d00;
    --telekom-color-text-and-icon-on-subtle-informational: #2238df;
    --telekom-color-text-and-icon-on-subtle-success: #00774b;
    --telekom-color-text-and-icon-on-subtle-danger: #c30a03;
    --telekom-color-text-and-icon-on-subtle-warning: #b63d00;
    --telekom-color-text-and-icon-on-subtle-violet: #6c3bdb;
    --telekom-color-text-and-icon-on-subtle-blue: #2238df;
    --telekom-color-text-and-icon-on-subtle-cyan: #00738A;
    --telekom-color-text-and-icon-on-subtle-teal: #177364;
    --telekom-color-text-and-icon-on-subtle-green: #00774b;
    --telekom-color-text-and-icon-on-subtle-olive: #557317;
    --telekom-color-text-and-icon-on-subtle-brown: #82581c;
    --telekom-color-text-and-icon-on-subtle-yellow: #AC5600;
    --telekom-color-text-and-icon-on-subtle-orange: #b63d00;
    --telekom-color-text-and-icon-on-subtle-red: #c30a03;
    --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: #efeff0;
    --telekom-color-background-surface-highlight: #242426;
    --telekom-color-primary-standard: #e20074;
    --telekom-color-primary-hovered: #c00063;
    --telekom-color-primary-pressed: #9e0051;
    --telekom-color-ui-base: #ffffff;
    --telekom-color-ui-subtle: #efeff0;
    --telekom-color-ui-faint: #dfdfe1;
    --telekom-color-ui-regular: #929296;
    --telekom-color-ui-strong: #747478;
    --telekom-color-ui-extra-strong: #242426;
    --telekom-color-ui-white: #ffffff;
    --telekom-color-ui-black: #000000;
    --telekom-color-ui-disabled: #d0d0d2;
    --telekom-color-ui-border-standard: hsla(0, 0%, 0%, 0.44);
    --telekom-color-ui-border-hovered: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-border-pressed: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-border-disabled: hsla(0, 0%, 0%, 0.14);
    --telekom-color-ui-state-fill-standard: hsla(0, 0%, 0%, 0);
    --telekom-color-ui-state-fill-hovered: hsla(0, 0%, 0%, 0.07);
    --telekom-color-ui-state-fill-pressed: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-state-fill-hovered-inverted: hsla(0, 0%, 100%, 0.14);
    --telekom-color-ui-state-fill-pressed-inverted: hsla(0, 0%, 100%, 0.21);
    --telekom-color-functional-focus-standard: #2238df;
    --telekom-color-functional-focus-inverted: #7d94f9;
    --telekom-color-functional-focus-on-dark-background: #7d94f9;
    --telekom-color-functional-focus-on-light-background: #2238df;
    --telekom-color-functional-informational-standard: #2238df;
    --telekom-color-functional-informational-hovered: #1326cf;
    --telekom-color-functional-informational-pressed: #0819bd;
    --telekom-color-functional-informational-subtle: #d3d7f9;
    --telekom-color-functional-success-standard: #00b367;
    --telekom-color-functional-success-hovered: #00a461;
    --telekom-color-functional-success-pressed: #00955a;
    --telekom-color-functional-success-subtle: #ccf0e1;
    --telekom-color-functional-danger-standard: #e82010;
    --telekom-color-functional-danger-hovered: #d91308;
    --telekom-color-functional-danger-pressed: #c30a03;
    --telekom-color-functional-danger-subtle: #fad2cf;
    --telekom-color-functional-warning-standard: #f97012;
    --telekom-color-functional-warning-hovered: #f46409;
    --telekom-color-functional-warning-pressed: #e65703;
    --telekom-color-functional-warning-subtle: #fee2d0;
    --telekom-color-additional-violet-0: #e2d9ff;
    --telekom-color-additional-violet-100: #c8b5fd;
    --telekom-color-additional-violet-200: #af93fb;
    --telekom-color-additional-violet-300: #9a75f8;
    --telekom-color-additional-violet-400: #885df2;
    --telekom-color-additional-violet-500: #794ae9;
    --telekom-color-additional-violet-600: #6c3bdb;
    --telekom-color-additional-violet-700: #5e2ec6;
    --telekom-color-additional-violet-800: #5024ab;
    --telekom-color-additional-violet-900: #411c8c;
    --telekom-color-additional-violet-subtle: #e4dbfb;
    --telekom-color-additional-blue-0: #d9e2ff;
    --telekom-color-additional-blue-100: #aabcfd;
    --telekom-color-additional-blue-200: #7d94f9;
    --telekom-color-additional-blue-300: #576ff3;
    --telekom-color-additional-blue-400: #3950ea;
    --telekom-color-additional-blue-500: #2238df;
    --telekom-color-additional-blue-600: #1326cf;
    --telekom-color-additional-blue-700: #0819bd;
    --telekom-color-additional-blue-800: #0311ab;
    --telekom-color-additional-blue-900: #000d99;
    --telekom-color-additional-blue-subtle: #d3d7f9;
    --telekom-color-additional-cyan-0: #d9fcff;
    --telekom-color-additional-cyan-100: #a4ecf4;
    --telekom-color-additional-cyan-200: #75dbe8;
    --telekom-color-additional-cyan-300: #4fcadd;
    --telekom-color-additional-cyan-400: #33bbd2;
    --telekom-color-additional-cyan-500: #1eadc6;
    --telekom-color-additional-cyan-600: #11a0bb;
    --telekom-color-additional-cyan-700: #0894b0;
    --telekom-color-additional-cyan-800: #038aa4;
    --telekom-color-additional-cyan-900: #008099;
    --telekom-color-additional-cyan-subtle: #d2eff4;
    --telekom-color-additional-teal-0: #d9fff2;
    --telekom-color-additional-teal-100: #acf1dc;
    --telekom-color-additional-teal-200: #85e3ca;
    --telekom-color-additional-teal-300: #65d5ba;
    --telekom-color-additional-teal-400: #4cc6ac;
    --telekom-color-additional-teal-500: #3ab89f;
    --telekom-color-additional-teal-600: #2eaa93;
    --telekom-color-additional-teal-700: #259c87;
    --telekom-color-additional-teal-800: #1e8e7b;
    --telekom-color-additional-teal-900: #19806f;
    --telekom-color-additional-teal-subtle: #d8f1ec;
    --telekom-color-additional-green-0: #dbffed;
    --telekom-color-additional-green-100: #8ff0c1;
    --telekom-color-additional-green-200: #4ee19c;
    --telekom-color-additional-green-300: #1bd27f;
    --telekom-color-additional-green-400: #00c26d;
    --telekom-color-additional-green-500: #00b367;
    --telekom-color-additional-green-600: #00a461;
    --telekom-color-additional-green-700: #00955a;
    --telekom-color-additional-green-800: #008653;
    --telekom-color-additional-green-900: #00774b;
    --telekom-color-additional-green-subtle: #ccf0e1;
    --telekom-color-additional-olive-0: #f2ffd9;
    --telekom-color-additional-olive-100: #daf1ac;
    --telekom-color-additional-olive-200: #c3e385;
    --telekom-color-additional-olive-300: #afd565;
    --telekom-color-additional-olive-400: #9ec64c;
    --telekom-color-additional-olive-500: #8eb83a;
    --telekom-color-additional-olive-600: #81aa2e;
    --telekom-color-additional-olive-700: #749c25;
    --telekom-color-additional-olive-800: #688e1e;
    --telekom-color-additional-olive-900: #5e8019;
    --telekom-color-additional-olive-subtle: #e8f1d8;
    --telekom-color-additional-brown-0: #ffefd9;
    --telekom-color-additional-brown-100: #efd3ab;
    --telekom-color-additional-brown-200: #e0b983;
    --telekom-color-additional-brown-300: #d0a363;
    --telekom-color-additional-brown-400: #c18f4a;
    --telekom-color-additional-brown-500: #b17f38;
    --telekom-color-additional-brown-600: #a2702b;
    --telekom-color-additional-brown-700: #926322;
    --telekom-color-additional-brown-800: #82581c;
    --telekom-color-additional-brown-900: #734d17;
    --telekom-color-additional-brown-subtle: #efe5d7;
    --telekom-color-additional-yellow-0: #fffcd9;
    --telekom-color-additional-yellow-100: #fcf1aa;
    --telekom-color-additional-yellow-200: #f9e47e;
    --telekom-color-additional-yellow-300: #f7d358;
    --telekom-color-additional-yellow-400: #f4c23b;
    --telekom-color-additional-yellow-500: #f1b125;
    --telekom-color-additional-yellow-600: #eea015;
    --telekom-color-additional-yellow-700: #eb900b;
    --telekom-color-additional-yellow-800: #e88104;
    --telekom-color-additional-yellow-900: #e67300;
    --telekom-color-additional-yellow-subtle: #fcefd3;
    --telekom-color-additional-orange-0: #ffe6cc;
    --telekom-color-additional-orange-100: #ffc48e;
    --telekom-color-additional-orange-200: #fea75b;
    --telekom-color-additional-orange-300: #fd9038;
    --telekom-color-additional-orange-400: #fc7e21;
    --telekom-color-additional-orange-500: #f97012;
    --telekom-color-additional-orange-600: #f46409;
    --telekom-color-additional-orange-700: #e65703;
    --telekom-color-additional-orange-800: #cd4901;
    --telekom-color-additional-orange-900: #b63d00;
    --telekom-color-additional-orange-subtle: #fee2d0;
    --telekom-color-additional-red-0: #ffcabf;
    --telekom-color-additional-red-100: #fd9684;
    --telekom-color-additional-red-200: #fb6a55;
    --telekom-color-additional-red-300: #f84934;
    --telekom-color-additional-red-400: #f2321e;
    --telekom-color-additional-red-500: #e82010;
    --telekom-color-additional-red-600: #d91308;
    --telekom-color-additional-red-700: #c30a03;
    --telekom-color-additional-red-800: #a70401;
    --telekom-color-additional-red-900: #870000;
    --telekom-color-additional-red-subtle: #fad2cf;
    --telekom-radius-none: 0rem;
    --telekom-radius-extra-small: 0.125rem;
    --telekom-radius-small: 0.25rem;
    --telekom-radius-medium-small: 0.375rem;
    --telekom-radius-standard: 0.5rem;
    --telekom-radius-large: 0.75rem;
    --telekom-radius-pill: 62.4375rem;
    --telekom-radius-circle: 50%;
    --telekom-size-icon-extra-small: 0.75rem;
    --telekom-size-icon-small: 1rem;
    --telekom-size-icon-medium: 1.25rem;
    --telekom-size-icon-large: 1.5rem;
    --telekom-size-icon-extra-large: 3rem;
    --telekom-size-form-element-height-small: 2rem;
    --telekom-size-form-element-height-standard: 2.75rem;
    --telekom-size-generic-size-01: 0.25rem;
    --telekom-size-generic-size-02: 0.375rem;
    --telekom-size-generic-size-03: 0.5rem;
    --telekom-size-generic-size-04: 0.75rem;
    --telekom-size-generic-size-05: 1rem;
    --telekom-size-generic-size-06: 1.25rem;
    --telekom-size-generic-size-07: 1.5rem;
    --telekom-size-generic-size-08: 1.75rem;
    --telekom-size-generic-size-09: 2rem;
    --telekom-size-generic-size-10: 2.25rem;
    --telekom-size-generic-size-11: 2.5rem;
    --telekom-size-generic-size-12: 2.75rem;
    --telekom-size-generic-size-13: 3rem;
    --telekom-size-generic-size-14: 3.25rem;
    --telekom-size-generic-size-15: 3.5rem;
    --telekom-size-generic-size-16: 4rem;
    --telekom-size-generic-size-17: 4.5rem;
    --telekom-size-generic-size-18: 5rem;
    --telekom-size-generic-size-19: 6rem;
    --telekom-size-generic-size-20: 8rem;
    --telekom-size-generic-size-21: 12rem;
    --telekom-size-generic-size-22: 16rem;
    --telekom-size-generic-size-23: 20rem;
    --telekom-size-generic-size-24: 28rem;
    --telekom-size-generic-size-25: 36rem;
    --telekom-line-weight-standard: 0.0625rem;
    --telekom-line-weight-highlight: 0.125rem;
    --telekom-line-weight-bold: 0.25rem;
    --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: cubic-bezier(0.4,0,0.6,1);
    --telekom-motion-easing-enter: cubic-bezier(0.4,0.6,0.6,1);
    --telekom-motion-easing-leave: cubic-bezier(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-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-intense: 0px 0px 2px 0px hsla(0, 0%, 0%, 0.24), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.24), 0px 4px 12px 0px hsla(0, 0%, 0%, 0.26);
    --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-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-bottom-flat: 0px -1px 0px 0px hsla(0, 0%, 0%, 0.1);
    --telekom-spacing-composition-space-00: 0rem;
    --telekom-spacing-composition-space-01: 0.0625rem;
    --telekom-spacing-composition-space-02: 0.125rem;
    --telekom-spacing-composition-space-03: 0.25rem;
    --telekom-spacing-composition-space-04: 0.5rem;
    --telekom-spacing-composition-space-05: 0.75rem;
    --telekom-spacing-composition-space-06: 1rem;
    --telekom-spacing-composition-space-07: 1.25rem;
    --telekom-spacing-composition-space-08: 1.5rem;
    --telekom-spacing-composition-space-09: 1.75rem;
    --telekom-spacing-composition-space-10: 2rem;
    --telekom-spacing-composition-space-11: 2.25rem;
    --telekom-spacing-composition-space-12: 2.5rem;
    --telekom-spacing-composition-space-13: 2.75rem;
    --telekom-spacing-composition-space-14: 3rem;
    --telekom-spacing-composition-space-15: 3.25rem;
    --telekom-spacing-composition-space-16: 3.5rem;
    --telekom-spacing-composition-space-17: 4rem;
    --telekom-spacing-composition-space-18: 4.5rem;
    --telekom-spacing-composition-space-19: 5rem;
    --telekom-spacing-composition-space-20: 5.5rem;
    --telekom-spacing-composition-space-21: 6rem;
    --telekom-spacing-baseline-space-00: 0rem;
    --telekom-spacing-baseline-space-01: 0.25rem;
    --telekom-spacing-baseline-space-02: 0.5rem;
    --telekom-spacing-baseline-space-03: 0.75rem;
    --telekom-spacing-baseline-space-04: 1rem;
    --telekom-spacing-baseline-space-05: 1.5rem;
    --telekom-spacing-baseline-space-06: 2rem;
    --telekom-spacing-baseline-space-07: 3rem;
    --telekom-spacing-baseline-space-08: 4rem;
    --telekom-spacing-baseline-space-09: 6rem;
    --telekom-spacing-baseline-space-10: 8rem;
    --telekom-spacing-baseline-space-11: 12rem;
    --telekom-spacing-baseline-space-12: 16rem;
    --telekom-spacing-baseline-space-13: 24rem;
    --telekom-spacing-baseline-space-14: 32rem;
    --telekom-spacing-baseline-space-15: 64rem;
    --telekom-text-style-badge: 400 0.625rem/1.2 TeleNeoWeb, sans-serif;
    --telekom-text-style-small: 500 0.75rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-small-bold: 700 0.75rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-caption: 400 0.875rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-caption-bold: 700 0.875rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-body: 400 1rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-body-bold: 700 1rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-ui: 500 1rem/1 TeleNeoWeb, sans-serif;
    --telekom-text-style-ui-bold: 700 1rem/1 TeleNeoWeb, sans-serif;
    --telekom-text-style-lead-text: 400 1.25rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-6: 700 1rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-5: 800 1.25rem/1.4 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-4: 800 1.5rem/1.35 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-3: 800 2rem/1.25 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-2: 800 2.625rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-text-style-heading-1: 800 3.375rem/1.2 TeleNeoWeb, sans-serif;
    --telekom-text-style-title-2: 800 4.25rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-text-style-title-1: 800 4.75rem/1.15 TeleNeoWeb, sans-serif;
    --telekom-typography-font-size-badge: 0.625rem;
    --telekom-typography-font-size-small: 0.75rem;
    --telekom-typography-font-size-caption: 0.875rem;
    --telekom-typography-font-size-body: 1rem;
    --telekom-typography-font-size-callout: 1.25rem;
    --telekom-typography-font-size-headline-3: 1.5rem;
    --telekom-typography-font-size-headline-2: 2rem;
    --telekom-typography-font-size-headline-1: 2.625rem;
    --telekom-typography-font-size-title-3: 3.375rem;
    --telekom-typography-font-size-title-2: 4.25rem;
    --telekom-typography-font-size-title-1: 4.75rem;
    --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-font-weight-ultra: 900;
    --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-moderate: 1.35;
    --telekom-typography-line-spacing-standard: 1.4;
    --telekom-typography-line-spacing-loose: 1.5;
    --telekom-typography-letter-spacing-standard: 0;
    --telekom-spacing-unit-base: 0.25rem;
    --telekom-spacing-unit-x0: calc(var(--telekom-spacing-unit-base) * 0);
    --telekom-spacing-unit-x025: calc(var(--telekom-spacing-unit-base) * 0.25);
    --telekom-spacing-unit-x05: calc(var(--telekom-spacing-unit-base) * 0.5);
    --telekom-spacing-unit-x1: calc(var(--telekom-spacing-unit-base) * 1);
    --telekom-spacing-unit-x2: calc(var(--telekom-spacing-unit-base) * 2);
    --telekom-spacing-unit-x3: calc(var(--telekom-spacing-unit-base) * 3);
    --telekom-spacing-unit-x4: calc(var(--telekom-spacing-unit-base) * 4);
    --telekom-spacing-unit-x5: calc(var(--telekom-spacing-unit-base) * 5);
    --telekom-spacing-unit-x6: calc(var(--telekom-spacing-unit-base) * 6);
    --telekom-spacing-unit-x7: calc(var(--telekom-spacing-unit-base) * 7);
    --telekom-spacing-unit-x8: calc(var(--telekom-spacing-unit-base) * 8);
    --telekom-spacing-unit-x9: calc(var(--telekom-spacing-unit-base) * 9);
    --telekom-spacing-unit-x10: calc(var(--telekom-spacing-unit-base) * 10);
    --telekom-spacing-unit-x11: calc(var(--telekom-spacing-unit-base) * 11);
    --telekom-spacing-unit-x12: calc(var(--telekom-spacing-unit-base) * 12);
    --telekom-spacing-unit-x13: calc(var(--telekom-spacing-unit-base) * 13);
    --telekom-spacing-unit-x14: calc(var(--telekom-spacing-unit-base) * 14);
    --telekom-spacing-unit-x15: calc(var(--telekom-spacing-unit-base) * 15);
    --telekom-spacing-unit-x16: calc(var(--telekom-spacing-unit-base) * 16);
    --telekom-spacing-unit-x17: calc(var(--telekom-spacing-unit-base) * 17);
    --telekom-spacing-unit-x18: calc(var(--telekom-spacing-unit-base) * 18);
    --telekom-spacing-unit-x19: calc(var(--telekom-spacing-unit-base) * 19);
    --telekom-spacing-unit-x20: calc(var(--telekom-spacing-unit-base) * 20);
    --scl-grid-max-width: 1504px;
    --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;
    color-scheme: light;
    --spacing-x-icon: var(--telekom-spacing-composition-space-03);
    --line-offset: 0.0625em;
    --color: var(--telekom-color-text-and-icon-link-standard);
    --color-line-initial: var(--telekom-color-functional-interaction-subtle);
    --line-thickness-initial: var(--telekom-line-weight-standard);
    --color-visited: var(--telekom-color-text-and-icon-link-visited);
    --color-line-visited: currentColor;
    --line-thickness-visited: var(--line-thickness-initial);
    --color-hover: var(--telekom-color-text-and-icon-link-hovered);
    --color-line-hover: currentColor;
    --line-thickness-hover: var(--telekom-line-weight-highlight);
    --color-focus-outline: var(--telekom-color-functional-focus-standard);
    --color-focus: var(--telekom-color-text-and-icon-link-standard);
    --color-line-focus: transparent;
    --line-thickness-focus: 0;
    --color-active: var(--telekom-color-text-and-icon-link-active);
    --color-line-active: currentColor;
    --line-thickness-active: var(--telekom-line-weight-highlight);
    --color-disabled: var(--telekom-color-text-and-icon-disabled);
    --color-line-disabled: transparent;
    --line-thickness-disabled: var(--line-thickness-initial);
    visibility: inherit;
    cursor: pointer;
    outline: none;
    font-weight: var(--font-weight);
    color: var(--color);
    position: relative;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-underline-offset: 0.1875em;
    text-underline-position: from-font;
    text-decoration-thickness: var(
    --line-thickness,
    var(--line-thickness-initial)
  );
    text-decoration-color: var(--line-color);
    display: inline-flex;
    align-items: center;
	
	
	
}