:root {
  --primitive-color-base-black: #000000ff;
  --primitive-color-base-white: #ffffff;
  --primitive-color-brand-primary01: #ff001bff;
  --primitive-color-brand-primary02: #ff6676ff;
  --primitive-color-brand-primary03: #ffb2bbff;
  --primitive-color-brand-primary04: #ffe5e8ff;
  --primitive-color-brand-secondary01: #418628ff;
  --primitive-color-brand-secondary02: #62a749ff;
  --primitive-color-brand-secondary03: #88c472ff;
  --primitive-color-brand-secondary04: #bbe4acff;
  --primitive-color-brand-tertiary01: #f05a00ff;
  --primitive-color-brand-tertiary02: #f69c66ff;
  --primitive-color-brand-tertiary03: #facdb2ff;
  --primitive-color-brand-tertiary04: #fdeee5ff;
  --primitive-color-brand-lehre-personal01: #99ccc4ff;
  --primitive-color-brand-lehre-personal02: #c2e0dcff;
  --primitive-color-brand-lehre-personal03: #e0f0edff;
  --primitive-color-brand-lehre-personal04: #e0f0edff;
  --primitive-color-brand-silber01: #cccfd0ff;
  --primitive-color-brand-silber02: #e0e2e3ff;
  --primitive-color-brand-silber03: #f0f0f1ff;
  --primitive-color-brand-silber04: #fafafaff;
  --primitive-color-brand-photovoltaik-grosshandel-01: #418628ff;
  --primitive-color-brand-photovoltaik-grosshandel-02: #62a749ff;
  --primitive-color-brand-photovoltaik-grosshandel-03: #88c472ff;
  --primitive-color-brand-photovoltaik-grosshandel-04: #bbe4acff;
  --primitive-color-brand-eholding-grau-01: #666b6eff;
  --primitive-color-brand-eholding-grau-02: #7d8285ff;
  --primitive-color-brand-eholding-grau-03: #9b9ea0ff;
  --primitive-color-brand-eholding-grau-04: #bbbcbcff;
  --primitive-color-brand-pa-systems-01: #005187ff;
  --primitive-color-brand-pa-systems-02: #0e69a5ff;
  --primitive-color-brand-pa-systems-03: #187ec2ff;
  --primitive-color-brand-pa-systems-04: #1f90daff;
  --primitive-color-text-default: #484848ff;
  --primitive-color-text-medium: #888888ff;
  --primitive-color-text-light: #f1f1f1ff;
  --primitive-color-text-ultra-light: #ffffff;
  --primitive-color-alert-ok: #65c900ff;
  --primitive-color-alert-warning: #ffbe00ff;
  --primitive-color-alert-error: #e40400ff;
  --primitive-color-alert-disabled: #d5d2d4ff;
  --primitive-color-input-dark: #d5d2d4ff;
  --primitive-color-input-medium: #eae8e9ff;
  --primitive-color-input-light: #f6f3f4ff;
  --primitive-color-tool-tool: #e6007eff;
  --primitive-color-wire-wire-dark: #001a3bff;
  --primitive-color-wire-wire-medium: #566578ff;
  --primitive-color-wire-wire-light: #a4b1c1ff;
  --primitive-color-wire-wire-ultra-light: #edf0f5ff;  
  --primitive-desktop-spacing-00-0: 0px;
  --primitive-desktop-spacing-01-4: 4px;
  --primitive-desktop-spacing-02-8: 8px;
  --primitive-desktop-spacing-03-12: 12px;
  --primitive-desktop-spacing-04-16: 16px;
  --primitive-desktop-spacing-05-20: 20px;
  --primitive-desktop-spacing-06-24: 24px;
  --primitive-desktop-spacing-07-28: 28px;
  --primitive-desktop-spacing-08-32: 32px;
  --primitive-desktop-spacing-09-36: 36px;
  --primitive-desktop-spacing-10-40: 40px;
  --primitive-desktop-spacing-11-44: 44px;
  --primitive-desktop-spacing-12-48: 48px;
  --primitive-desktop-spacing-13-52: 52px;
  --primitive-desktop-spacing-14-56: 56px;
  --primitive-desktop-spacing-15-60: 60px;
  --primitive-desktop-spacing-16-64: 64px;
  --primitive-desktop-spacing-17-68: 68px;
  --primitive-desktop-spacing-18-72: 72px;
  --primitive-desktop-spacing-19-76: 76px;
  --primitive-desktop-spacing-20-80: 80px;
  --primitive-desktop-spacing-21-84: 84px;
  --primitive-desktop-spacing-22-88: 88px;
  --primitive-desktop-spacing-23-92: 92px;
  --primitive-desktop-spacing-24-96: 96px;
  --primitive-desktop-spacing-25-100: 100px;
  --primitive-desktop-spacing-26-104: 104px;
  --primitive-desktop-spacing-27-108: 108px;
  --primitive-desktop-spacing-28-112: 112px;
  --primitive-desktop-spacing-29-116: 116px;
  --primitive-desktop-spacing-30-120: 120px;
  --primitive-desktop-spacing-31-160: 160px;  
  --primitive-desktop-container-container-width-extra-small: 720px;
  --primitive-desktop-container-container-width-small: 960px;
  --primitive-desktop-container-container-width-medium: 1232px;
  --primitive-desktop-container-container-width-wide-default: 1376px;
  --primitive-desktop-container-container-width-superwide: 1800px;
  --primitive-desktop-container-container-width: 1280px;
  --primitive-desktop-container-viewport-width: 1440px;  
  --primitive-desktop-container-margin: 24px;
  --primitive-desktop-container-column-gap: 40px;
  --primitive-desktop-container-col-min-width-4col: 278px;
  --primitive-desktop-container-col-min-width-3col: 384px;
  --primitive-desktop-container-col-min-width-one-col-mob: 270px;  
  --primitive-desktop-container-gap_sm: 28px;
  --primitive-desktop-container-gap_md: 40px;
  --primitive-desktop-container-gap_lg: 56px;
  --primitive-desktop-container-gap_xl: 72px;
  --primitive-desktop-container-container-width-extra-small: 960px;
  --primitive-desktop-container-container-width-small: 1024px;
  --primitive-desktop-container-container-width-medium: 1232px;
  --primitive-desktop-container-container-width-wide-default: 1376px;
  --primitive-desktop-container-container-width-superwide: 1440px;
  --primitive-desktop-container-gap_sm: 24px;
  --primitive-desktop-container-gap_md: 40px;
  --primitive-desktop-container-gap_lg: 56px;
  --primitive-tablet-spacing-00-0: 0px;
  --primitive-tablet-spacing-01-4: 4px;
  --primitive-tablet-spacing-02-8: 8px;
  --primitive-tablet-spacing-03-12: 12px;
  --primitive-tablet-spacing-04-16: 16px;
  --primitive-tablet-spacing-05-20: 20px;
  --primitive-tablet-spacing-06-24: 24px;
  --primitive-tablet-spacing-07-28: 28px;
  --primitive-tablet-spacing-08-32: 32px;
  --primitive-tablet-spacing-09-36: 36px;
  --primitive-tablet-spacing-10-40: 40px;
  --primitive-tablet-spacing-11-44: 44px;
  --primitive-tablet-spacing-12-48: 48px;
  --primitive-tablet-spacing-13-52: 52px;
  --primitive-tablet-spacing-14-56: 56px;
  --primitive-tablet-spacing-15-60: 60px;
  --primitive-tablet-spacing-16-64: 64px;
  --primitive-tablet-spacing-17-68: 68px;
  --primitive-tablet-spacing-18-72: 72px;
  --primitive-tablet-spacing-19-76: 76px;
  --primitive-tablet-spacing-20-80: 80px;
  --primitive-tablet-spacing-21-84: 84px;
  --primitive-tablet-spacing-22-88: 88px;
  --primitive-tablet-spacing-23-92: 92px;
  --primitive-tablet-spacing-24-96: 96px;
  --primitive-tablet-spacing-25-100: 100px;
  --primitive-tablet-spacing-26-104: 104px;
  --primitive-tablet-spacing-27-108: 108px;
  --primitive-tablet-spacing-28-112: 112px;
  --primitive-tablet-spacing-29-116: 116px;
  --primitive-tablet-spacing-30-120: 120px;
  --primitive-tablet-spacing-31-160: 160px;
  --primitive-tablet-container-container-width-extra-small: 720px;
  --primitive-tablet-container-container-width-small: 768px;
  --primitive-tablet-container-container-width-medium: 768px;
  --primitive-tablet-container-container-width-wide-default: 768px;
  --primitive-tablet-container-container-width-superwide: 768px;
  --primitive-tablet-container-gap_sm: 24px;
  --primitive-tablet-container-gap_md: 36px;
  --primitive-tablet-container-gap_lg: 36px;
  --primitive-mobile-spacing-00-0: 0px;
  --primitive-mobile-spacing-01-4: 4px;
  --primitive-mobile-spacing-02-8: 8px;
  --primitive-mobile-spacing-03-12: 12px;
  --primitive-mobile-spacing-04-16: 16px;
  --primitive-mobile-spacing-05-20: 20px;
  --primitive-mobile-spacing-06-24: 24px;
  --primitive-mobile-spacing-07-28: 28px;
  --primitive-mobile-spacing-08-32: 32px;
  --primitive-mobile-spacing-09-36: 36px;
  --primitive-mobile-spacing-10-40: 40px;
  --primitive-mobile-spacing-11-44: 44px;
  --primitive-mobile-spacing-12-48: 48px;
  --primitive-mobile-spacing-13-52: 52px;
  --primitive-mobile-spacing-14-56: 56px;
  --primitive-mobile-spacing-15-60: 60px;
  --primitive-mobile-spacing-16-64: 64px;
  --primitive-mobile-spacing-17-68: 68px;
  --primitive-mobile-spacing-18-72: 72px;
  --primitive-mobile-spacing-19-76: 76px;
  --primitive-mobile-spacing-20-80: 80px;
  --primitive-mobile-spacing-21-84: 84px;
  --primitive-mobile-spacing-22-88: 88px;
  --primitive-mobile-spacing-23-92: 92px;
  --primitive-mobile-spacing-24-96: 96px;
  --primitive-mobile-spacing-25-100: 100px;
  --primitive-mobile-spacing-26-104: 104px;
  --primitive-mobile-spacing-27-108: 108px;
  --primitive-mobile-spacing-28-112: 112px;
  --primitive-mobile-spacing-29-116: 116px;
  --primitive-mobile-spacing-30-120: 120px;
  --primitive-mobile-spacing-31-160: 160px;
  --primitive-mobile-container-container-width-extra-small: 375px;
  --primitive-mobile-container-container-width-small: 375px;
  --primitive-mobile-container-container-width-medium: 375px;
  --primitive-mobile-container-container-width-wide-default: 375px;
  --primitive-mobile-container-container-width-superwide: 375px;
  --primitive-mobile-container-gap_sm: 16px;
  --primitive-mobile-container-gap_md: 24px;
  --primitive-mobile-container-gap_lg: 24px;
  --token-color-button-primary-mode-light: var(--primitive-color-brand-primary01);
  --token-color-button-primary-hover-mode-light: var(--primitive-color-brand-primary02);
  --token-color-button-secondary-mode-light: var(--primitive-color-brand-secondary01);
  --token-color-button-secondary-hover-mode-light: var(--primitive-color-brand-secondary02);
  --token-color-button-tertiary-mode-light: var(--primitive-color-brand-tertiary01);
  --token-color-button-tertiary-hover-mode-light: var(--primitive-color-brand-tertiary02);
  --token-color-button-white-mode-light: var(--primitive-color-base-white);
  --token-color-button-white-hover-mode-light: var(--primitive-color-brand-primary04);
  --token-color-button-disabled-mode-light: var(--primitive-color-alert-disabled);
  --token-color-background-primary-mode-light: var(--primitive-color-brand-primary04);
  --token-color-background-secondary-mode-light: var(--primitive-color-brand-secondary04);
  --token-color-background-wire-mode-light: var(--primitive-color-wire-wire-ultra-light);
  --token-color-background-tertiary-mode-light: var(--primitive-color-brand-tertiary04);
  --token-color-text-primary-dark-mode-light: var(--primitive-color-brand-primary01);
  --token-color-text-secondary-dark-mode-light: var(--primitive-color-brand-secondary01);
  --token-color-text-default-dark-mode-light: var(--primitive-color-text-text-default);
  --token-color-text-default-medium-mode-light: var(--primitive-color-text-text-medium);
  --token-color-text-default-light-mode-light: var(--primitive-color-text-text-light);
  --token-color-text-default-ultra-light-mode-light: var(--primitive-color-text-text-ultra-light);
  --token-color-button-primary-mode-dark: var(--primitive-color-brand-primary04);
  --token-color-button-primary-hover-mode-dark: var(--primitive-color-brand-primary03);
  --token-color-button-secondary-mode-dark: var(--primitive-color-brand-secondary04);
  --token-color-button-secondary-hover-mode-dark: var(--primitive-color-brand-secondary03);
  --token-color-button-tertiary-mode-dark: var(--primitive-color-brand-tertiary04);
  --token-color-button-tertiary-hover-mode-dark: var(--primitive-color-brand-tertiary03);
  --token-color-button-white-mode-dark: var(--primitive-color-base-white);
  --token-color-button-white-hover-mode-dark: var(--primitive-color-brand-primary04);
  --token-color-button-disabled-mode-dark: var(--primitive-color-alert-disabled);
  --token-color-background-primary-mode-dark: var(--primitive-color-brand-primary01);
  --token-color-background-secondary-mode-dark: var(--primitive-color-brand-secondary01);
  --token-color-background-wire-mode-dark: var(--primitive-color-wire-wire-dark);
  --token-color-background-tertiary-mode-dark: var(--primitive-color-brand-tertiary01);
  --token-color-text-primary-dark-mode-dark: var(--primitive-color-brand-primary04);
  --token-color-text-secondary-dark-mode-dark: var(--primitive-color-brand-secondary04);
  --token-color-text-default-dark-mode-dark: var(--primitive-color-text-text-ultra-light);
  --token-color-text-default-medium-mode-dark: var(--primitive-color-text-text-light);
  --token-color-text-default-light-mode-dark: var(--primitive-color-text-text-ultra-light);
  --token-color-text-default-ultra-light-mode-dark: var(--primitive-color-brand-primary01);
  --token-device-desktop-base-container-margin-hor: var(--primitive-desktop-spacing-08-32);
  --token-device-desktop-base-viewport-width: 1600px;
  --token-device-desktop-base-gutter: var(--primitive-desktop-container-gap_lg);
  --token-device-desktop-base-container-margin-ver: var(--primitive-desktop-spacing-24-96);
  --token-device-desktop-base-container-boxed: 1376px;
  --token-device-desktop-base-max-width-1lf: 674px;
  --token-device-desktop-base-max-width-1rd: 440px;
  --token-device-desktop-base-max-width-1th: 323px;
  --token-device-desktop-base-max-width-2rd: 908px;
  --token-device-desktop-spacing-spacing-xxxl: var(--primitive-desktop-spacing-30-120);
  --token-device-desktop-spacing-spacing-xxl: var(--primitive-desktop-spacing-24-96);
  --token-device-desktop-spacing-spacing-xl: var(--primitive-desktop-spacing-16-64);
  --token-device-desktop-spacing-spacing-lg: var(--primitive-desktop-spacing-12-48);
  --token-device-desktop-spacing-spacing-md: var(--primitive-desktop-spacing-08-32);
  --token-device-desktop-spacing-spacing-sm: var(--primitive-desktop-spacing-06-24);
  --token-device-desktop-spacing-spacing-xs: var(--primitive-desktop-spacing-04-16);
  --token-device-desktop-spacing-spacing-xxs: var(--primitive-desktop-spacing-02-8);
  --token-device-desktop-spacing-spacing-xxxs: var(--primitive-desktop-spacing-01-4);
  --token-device-desktop-spacing-spacing-zero: var(--primitive-desktop-spacing-00-0);
  --token-device-desktop-spacing-spacing-giant: var(--primitive-desktop-spacing-31-160);
  --token-device-desktop-sizes-size-xxxs: var(--primitive-desktop-spacing-04-16);
  --token-device-desktop-sizes-size-xxs: var(--primitive-desktop-spacing-05-20);
  --token-device-desktop-sizes-size-xs: var(--primitive-desktop-spacing-06-24);
  --token-device-desktop-sizes-size-sm: var(--primitive-desktop-spacing-08-32);
  --token-device-desktop-sizes-size-md: var(--primitive-desktop-spacing-10-40);
  --token-device-desktop-sizes-size-lg: var(--primitive-desktop-spacing-12-48);
  --token-device-desktop-sizes-size-xl: var(--primitive-desktop-spacing-16-64);
  --token-device-desktop-sizes-size-xxl: var(--primitive-desktop-spacing-24-96);
  --token-device-desktop-radius-rd-xxl: 500px;
  --token-device-desktop-radius-rd-xl: var(--primitive-desktop-spacing-08-32);
  --token-device-desktop-radius-rd-lg: var(--primitive-desktop-spacing-06-24);
  --token-device-desktop-radius-rd-md: var(--primitive-desktop-spacing-04-16);
  --token-device-desktop-radius-rd-sm: var(--primitive-desktop-spacing-02-8);
  --token-device-desktop-radius-rd-xs: var(--primitive-desktop-spacing-01-4);
  --token-device-desktop-radius-rd-zero: var(--primitive-desktop-spacing-00-0);
  --token-device-tablet-base-container-margin-hor: var(--primitive-tablet-spacing-06-24);
  --token-device-tablet-base-viewport-width: 768px;
  --token-device-tablet-base-gutter: var(--primitive-tablet-container-gap_lg);
  --token-device-tablet-base-container-margin-ver: var(--primitive-tablet-spacing-20-80);
  --token-device-tablet-base-container-boxed: 720px;
  --token-device-tablet-base-max-width-1lf: 388px;
  --token-device-tablet-base-max-width-1rd: 216px;
  --token-device-tablet-base-max-width-1th: 323px;
  --token-device-tablet-base-max-width-2rd: 472px;
  --token-device-tablet-spacing-spacing-xxxl: var(--primitive-tablet-spacing-28-112);
  --token-device-tablet-spacing-spacing-xxl: var(--primitive-tablet-spacing-20-80);
  --token-device-tablet-spacing-spacing-xl: var(--primitive-tablet-spacing-16-64);
  --token-device-tablet-spacing-spacing-lg: var(--primitive-tablet-spacing-12-48);
  --token-device-tablet-spacing-spacing-md: var(--primitive-tablet-spacing-08-32);
  --token-device-tablet-spacing-spacing-sm: var(--primitive-tablet-spacing-06-24);
  --token-device-tablet-spacing-spacing-xs: var(--primitive-tablet-spacing-04-16);
  --token-device-tablet-spacing-spacing-xxs: var(--primitive-tablet-spacing-02-8);
  --token-device-tablet-spacing-spacing-xxxs: var(--primitive-tablet-spacing-01-4);
  --token-device-tablet-spacing-spacing-zero: var(--primitive-tablet-spacing-00-0);
  --token-device-tablet-spacing-spacing-giant: var(--primitive-tablet-spacing-30-120);
  --token-device-tablet-sizes-size-xxxs: var(--primitive-tablet-spacing-04-16);
  --token-device-tablet-sizes-size-xxs: var(--primitive-tablet-spacing-05-20);
  --token-device-tablet-sizes-size-xs: var(--primitive-tablet-spacing-06-24);
  --token-device-tablet-sizes-size-sm: var(--primitive-tablet-spacing-08-32);
  --token-device-tablet-sizes-size-md: var(--primitive-tablet-spacing-09-36);
  --token-device-tablet-sizes-size-lg: var(--primitive-tablet-spacing-11-44);
  --token-device-tablet-sizes-size-xl: var(--primitive-tablet-spacing-15-60);
  --token-device-tablet-sizes-size-xxl: var(--primitive-tablet-spacing-22-88);
  --token-device-tablet-radius-rd-xxl: 500px;
  --token-device-tablet-radius-rd-xl: var(--primitive-tablet-spacing-08-32);
  --token-device-tablet-radius-rd-lg: var(--primitive-tablet-spacing-06-24);
  --token-device-tablet-radius-rd-md: var(--primitive-tablet-spacing-04-16);
  --token-device-tablet-radius-rd-sm: var(--primitive-tablet-spacing-02-8);
  --token-device-tablet-radius-rd-xs: var(--primitive-tablet-spacing-01-4);
  --token-device-tablet-radius-rd-zero: var(--primitive-tablet-spacing-00-0);
  --token-device-mobile-base-container-margin-hor: var(--primitive-mobile-spacing-06-24);
  --token-device-mobile-base-viewport-width: 360px;
  --token-device-mobile-base-gutter: var(--primitive-mobile-container-gap_lg);
  --token-device-mobile-base-container-margin-ver: var(--primitive-mobile-spacing-18-72);
  --token-device-mobile-base-container-boxed: 312px;
  --token-device-mobile-base-max-width-1lf: 148px;
  --token-device-mobile-base-max-width-1rd: 66px;
  --token-device-mobile-base-max-width-1th: 323px;
  --token-device-mobile-base-max-width-2rd: 230px;
  --token-device-mobile-spacing-spacing-xxxl: var(--primitive-mobile-spacing-24-96);
  --token-device-mobile-spacing-spacing-xxl: var(--primitive-mobile-spacing-18-72);
  --token-device-mobile-spacing-spacing-xl: var(--primitive-mobile-spacing-14-56);
  --token-device-mobile-spacing-spacing-lg: var(--primitive-mobile-spacing-12-48);
  --token-device-mobile-spacing-spacing-md: var(--primitive-mobile-spacing-08-32);
  --token-device-mobile-spacing-spacing-sm: var(--primitive-mobile-spacing-06-24);
  --token-device-mobile-spacing-spacing-xs: var(--primitive-mobile-spacing-04-16);
  --token-device-mobile-spacing-spacing-xxs: var(--primitive-mobile-spacing-02-8);
  --token-device-mobile-spacing-spacing-xxxs: var(--primitive-mobile-spacing-01-4);
  --token-device-mobile-spacing-spacing-zero: var(--primitive-mobile-spacing-00-0);
  --token-device-mobile-spacing-spacing-giant: var(--primitive-mobile-spacing-30-120);
  --token-device-mobile-sizes-size-xxxs: var(--primitive-mobile-spacing-04-16);
  --token-device-mobile-sizes-size-xxs: var(--primitive-mobile-spacing-05-20);
  --token-device-mobile-sizes-size-xs: var(--primitive-mobile-spacing-06-24);
  --token-device-mobile-sizes-size-sm: var(--primitive-mobile-spacing-08-32);
  --token-device-mobile-sizes-size-md: var(--primitive-mobile-spacing-09-36);
  --token-device-mobile-sizes-size-lg: var(--primitive-mobile-spacing-11-44);
  --token-device-mobile-sizes-size-xl: var(--primitive-mobile-spacing-14-56);
  --token-device-mobile-sizes-size-xxl: var(--primitive-mobile-spacing-18-72);
  --token-device-mobile-radius-rd-xxl: 500px;
  --token-device-mobile-radius-rd-xl: var(--primitive-mobile-spacing-08-32);
  --token-device-mobile-radius-rd-lg: var(--primitive-mobile-spacing-06-24);
  --token-device-mobile-radius-rd-md: var(--primitive-mobile-spacing-04-16);
  --token-device-mobile-radius-rd-sm: var(--primitive-mobile-spacing-02-8);
  --token-device-mobile-radius-rd-xs: var(--primitive-mobile-spacing-01-4);
  --token-device-mobile-radius-rd-zero: var(--primitive-mobile-spacing-00-0);
}