:root {
    /* Textfarben */
   --cx-primary__text-color: var(--dark-primary-text);
   --cx-primary__text-color--on-dark-background: var(--light-primary-text);
   --cx-secondary__text-color: rgba(0, 0, 0, 0.6);
   --cx-disabled__text-color: rgba(0, 0, 0, 0.3);
   --cx-warning-red__text-color: var(--cx-warning-red-900);
   --cx-warning-red__text-color--on-dark-bg: var(--cx-warning-red-a100);
   --cx-warning-orange__text-color: var(--cx-warning-orange-900);
   --cx-warning-orange__text-color--on-dark-bg: var(--cx-warning-orange-400);
   --cx-success-green__text-color: var(--cx-green-a200);
   --cx-success-green__text-color--on-dark-bg: var(--cx-green-a100);
   --cx-info-hinweis__text-color: rgba(0, 0, 0, 0.54);
   --cx-search-highlight__text-color: #000;
   --cx-tree-list__text-color: rgb(33, 37, 41);

   /* Border & Hintergruende & Hover Color */
   --cx-default__background-color: var(--cx-grey-50);
   --cx-default__background-color--white: var(--cx-white);
   --cx-default__border-color: rgba(0, 0, 0, 0.12);
   --cx-default__border-color-light: var(--cx-grey-300);
   --cx-default__bg-color--hover: rgba(0, 0, 0, 0.04);
   --cx-default__bg-color--focus: rgba(0, 0, 0, 0.12);
   --cx-default__bg-color--hover--no-opacity: var(--cx-grey-100);
   --card-header-bg: rgba(0, 0, 0, 0.03);
   --menu-item-bg-color: rgba(0,0,0,0.2);
   --cx-focus-ring-color: var(--cx-black);
   --cx-focus-ring-color--on-dark-background: var(--light-primary-text);
   --cx-search-highlight__bg-color: #ff0;

   /* Buttons */
   --cx-dark__button-bg-color: var(--cx-grey-700);
   --cx-dark__button-text-color: var(--cx-grey-700-contrast);

   /* Icons & Badges */
   --cx-icon__color: var(--cx-grey-600);
   --cx-icon__color-disabled: var(--cx-grey-400);
   --cx-info-hinweis__icon-color: rgba(0, 0, 0, 0.4);
   --cx-icon-favorite-star__color: rgb(251, 211, 0); /* Bei weißem Hintergrund nur mit Border/Stroke nutzen */

   /* Icons farbig */
   --cx-warning-red-icon__icon-color: var(--cx-warning-red-600);
   --cx-warning-red-icon__icon-color-on-dark-bg: var(--cx-warning-red-a100);
   --cx-warning-orange-icon__icon-color: var(--cx-warning-orange-500);
   --cx-warning-orange-icon__icon-color--on-dark-bg: var(--cx-warning-orange-400);
   --cx-warning-orange-icon__bg-color: var(--cx-warning-orange-50);
   --cx-success-green-icon__icon-color: var(--cx-green-a200);
   --cx-success-green-icon__icon-color--on-dark-bg: var(--cx-green-a100);

   --cx-blue-icon__icon-color: var(--cx-blue-900);
   --cx-blue-icon__bg-color: var(--cx-blue-50);
   --cx-red-icon__icon-color: var(--cx-red-900);
   --cx-red-icon__bg-color: var(--cx-red-50);
   --cx-green-icon__icon-color: var(--cx-green-800);
   --cx-green-icon__bg-color: var(--cx-green-50);
   --cx-yellow-icon__icon-color: var(--cx-yellow-800);
   --cx-yellow-icon__bg-color: var(--cx-yellow-50);

   /* Tag Farben */
   --cx-yellow-tag__icon-color: #504c01;
   --cx-yellow-tag__bg-color: rgba(254, 232, 33, 0.16);
   --cx-purple-tag__icon-color: #451057;
   --cx-purple-tag__bg-color: rgba(69, 16, 87, 0.08);
   --cx-green-tag__icon-color: #005746;
   --cx-green-tag__bg-color: rgba(46, 171, 147, 0.08);
   --cx-red-tag__icon-color: #c10505;
   --cx-red-tag__bg-color: rgba(255, 0, 0, 0.08);
   --cx-grey-tag__icon-color: rgba(0, 0, 0);
   --cx-grey-tag__bg-color: rgba(0, 0, 0, 0.08);
   --cx-blue-tag__icon-color: #003c5e;
   --cx-blue-tag__bg-color: rgba(51, 121, 159, 0.08);
   --cx-default-tag__icon-color: #000;
   --cx-default-tag__bg-color: rgba(0,0,0,0.04);

   --cx-icon-tag__icon-color: var(--cx-icon__color);
   --cx-icon-tag__bg-color: var(--cx-default-tag__bg-color);

   --cx-filter-tag__bg-color: #C43B3B;

   /*Container Farben*/
   --cx-container__border-color: var(--cx-grey-300);
   --cx-container__header-bg-color: var(--cx-grey-200);

   /*Listbox Farben*/
   --cx-list-box__selected-color: rgba(var(--bs-primary-rgb), 0.1);

   /*CxNotification*/
   --cx-notification__background-color: #333333;
   --cx-notification__close--hover: rgba(255, 255, 255, 0.5);

   /*CxComparisonGrid*/
   --cx-comparison-grid-new-value-cell-wrapper__background-color: #f2e5a2;
   --cx-comparison-grid-new-value-cell-wrapper__color: #7c5a00;

   /* CxPieChart */
   --cx-pie-chart__color-1: #C0504D;
   --cx-pie-chart__color-2: #D28F9F;
   --cx-pie-chart__color-3: #E28C41;
   --cx-pie-chart__color-4: #A07500;
   --cx-pie-chart__color-5: #4EA592;
   --cx-pie-chart__color-6: #6B92B4;
   --cx-pie-chart__color-7: #7B5D8A;
   --cx-pie-chart__color-8: #5F4A6A;
   --cx-pie-chart__color-9: #3E6B63;
   --cx-pie-chart__color-10: #365A7A;
   --cx-pie-chart__color-11: #74422A;
   --cx-pie-chart__color-12: #959595;

   --cx-pie-chart__default: #d3d3d3;

   /*CxFloatingActionButton*/
   --cx-fab-action__bg-color: rgb(80.2159598131, 97.9103934579, 111.4140401869);
   --cx-fab-action__color: var(--cx-white);
   --cx-fab__scrim-color: rgba(0, 0, 0, 0.32);
   --cx-fab__color: var(--cx-white);
   --cx-fab__bg-color: var(--bs-primary);
   --cx-fab__bg-color--hover: color-mix(in srgb, var(--cx-fab__bg-color) 85%, #000);
   --cx-fab-action__bg-color--hover: color-mix(in srgb, var(--cx-fab-action__bg-color) 85%, #000);
   --cx-fab__bg-color--active: color-mix(in srgb, var(--cx-fab__bg-color) 75%, #000);
   --cx-fab-action__bg-color--active:  color-mix(in srgb, var(--cx-fab-action__bg-color) 75%, #000);

   --cx-fab__shadow: 0px 3px 5px -1px rgba(0,0,0,.2), 0px 6px 10px 0px rgba(0,0,0,.14), 0px 1px 18px 0px rgba(0,0,0,.12);
   --cx-fab__shadow--hover: 0px 5px 5px -3px rgba(0,0,0,.2), 0px 8px 10px 1px rgba(0,0,0,.14), 0px 3px 14px 2px rgba(0,0,0,.12);

   /* Sonstiges */
   --cx-ripple__bg-color: var(--cx-black);
   --cx-folder__icon-color: #D18400;


}