:root {

    /* GKD-Recklinghausen Logofarben */
    --schwarz: #000000;
    --dunkelblau: #142c46;
    --dunkelgruen: #004935;
    --mittelgruen: #016838;
    --hellgruen: #c1d100;
    --petrol: #007b8c;
    --lila: #923189;
    --pink: #d50074;

    --schriftart: "Calibri 12pt";

    /* Primärfarben */
    --hellgruen-050: #F3F6CC;
    --hellgruen-400: #D1DD40;
    --hellgruen-500: var(--hellgruen);
    --hellgruen-600: #A4B200;
    --hellgruen-800: #7D8800;

    --petrol-000: #F8FFFF;
    --petrol-050: #D9EBEE;
    --petrol-200: #A6D1D7;
    --petrol-400: #73B6C0;
    --petrol-500: #3395A3;
    --petrol-600: #3395A3;
    --petrol-700: var(--petrol);
    --petrol-800: #003E46;
    --petrol-900: #00252A;

    --lila-050: #EFE0ED;
    --lila-200: #D9B7D6;
    --lila-400: #BE83B8;
    --lila-600: #A85AA1;
    --lila-700: var(--lila);
    --lila-800: #42163E;

    --pf-global--BackgroundColor--100: #fff;
    --pf-global--BackgroundColor--150: #fafafa;
    --pf-global--BackgroundColor--200: #f0f0f0;
    --pf-global--BackgroundColor--light-100: #fff;
    --pf-global--BackgroundColor--light-200: #fafafa;
    --pf-global--BackgroundColor--light-300: #f0f0f0;
    --pf-global--BackgroundColor--dark-100: #151515;
    --pf-global--BackgroundColor--dark-200: #3c3f42;
    --pf-global--BackgroundColor--dark-300: #212427;
    --pf-global--BackgroundColor--dark-400: #4f5255;
    --pf-global--BackgroundColor--dark-transparent-100: rgba(3,3,3,0.62);
    --pf-global--BackgroundColor--dark-transparent-200: rgba(3,3,3,0.32);
    --pf-global--Color--100: #151515;
    --pf-global--Color--200: #6a6e73;
    --pf-global--Color--300: #3c3f42;
    --pf-global--Color--400: #8a8d90;
    --pf-global--Color--light-100: #fff;
    --pf-global--Color--light-200: #f0f0f0;

    /* Theme-Farben */
    --pf-global--Color--light-300: #d2d2d2;
    --pf-global--Color--dark-100: #151515;
    --pf-global--Color--dark-200: #6a6e73;
    --pf-global--active-color--100: var(--petrol-700);
    --pf-global--active-color--200: var(--petrol-050);
    --pf-global--active-color--300: var(--petrol-400);
    --pf-global--active-color--400: var(--petrol-200);
    --pf-global--disabled-color--100: #6a6e73;
    --pf-global--disabled-color--200: #d2d2d2;
    --pf-global--disabled-color--300: #f0f0f0;
    --pf-global--primary-color--100: var(--hellgruen-400);
    --pf-global--primary-color--200: var(--hellgruen-600);
    --pf-global--primary-color--light-100: var(--hellgruen-050);
    --pf-global--primary-color--dark-100: var(--hellgruen-800);
    --pf-global--secondary-color--100: #6a6e73;
    --pf-global--default-color--100: #73c5c5;
    --pf-global--default-color--200: #009596;
    --pf-global--default-color--300: #003737;
    --pf-global--success-color--100: #3e8635;
    --pf-global--success-color--200: #1e4f18;
    --pf-global--info-color--100: #2b9af3;
    --pf-global--info-color--200: #002952;
    --pf-global--warning-color--100: #f0ab00;
    --pf-global--warning-color--200: #795600;
    --pf-global--danger-color--100: #c9190b;
    --pf-global--danger-color--200: #a30000;
    --pf-global--danger-color--300: #470000;

    --pf-global--link--Color: var(--petrol-700);
    --pf-global--link--Color--hover: var(--petrol-800);
    --pf-global--link--Color--light: var(--petrol-400);
    --pf-global--link--Color--light--hover: var(--petrol-500);
    --pf-global--link--Color--dark: var(--petrol-800);
    --pf-global--link--Color--dark--hover: var(--petrol-900);
    --pf-global--link--Color--visited: var(--lila);
}