:root {
    --color-neutrals-1-100: #FFFFFE;
    --color-neutrals-1-200: #F6F4F0;
    --color-neutrals-1-300: #ECEBE8;
    --color-neutrals-1-400: #D8D8D8;
    --color-neutrals-1-500: #BEBEBE;
    --color-neutrals-1-600: #8C8C8C;
    --color-neutrals-1-700: #595959;
    --color-neutrals-1-800: #3F3F3F;
    --color-neutrals-1-900: #1F2121;
    --color-neutrals-2-50: #F6FAFD;
    --color-neutrals-2-100: #E9F3F9;
    --color-neutrals-2-200: #D2E8F3;
    --color-neutrals-2-300: #C2DAE8;
    --color-neutrals-2-400: #8FAFC5;
    --color-neutrals-2-500: #4C7597;
    --color-neutrals-2-600: #3A5A7A;
    --color-neutrals-2-700: #37536A;
    --color-neutrals-2-800: #1C2A35;
    --color-disabled: #e9ecef;
    --color-primary-foreground-normal: #067AFF;
    --color-primary-foreground-hover: #0455b2;
    --color-primary-border: #83BDFF;
    --color-primary-background-normal: #E6F2FF;
    --color-primary-background-hover: #B4D7FF;
    --color-primary-background-active: #83BDFF;
    --color-button-background: #5BC4FF;
    --color-active-link: #adb5bd;
    --color-error-foreground: #CC312E;
    --color-error-background: #FFD3D3;
    --color-success: #A2E5C5;
    --color-daten: #FF5E5B;
    --color-lieferanten: #FDC921;
    --color-site: #9B8AFD;
    --color-intranet: #00CE6B;
    --color-lizenzen: #5BC4FF;
    --color-content-background: #FFFFFE;
    --box-shadow-default: 0px 2px 6px 0px rgb(0,0,0,0.5);
    --background-clip: inherit;
    /*Sites DefaultStyles*/

    --site-color-primary: #37536A;
    --site-color-secondary: gray;
    --site-background-color: white;
    --site-navigation-color: white;
    --site-footer-color: black;
    --site-default-margin: 40px;
    --site-sub-navigation-color: #1D1D18;
    --site-btn-primary-color: #FFFFFE;
    --site-btn-primary-backgroundcolor: #067AFF;
    --site-btn-secondary-color: #FFFFFE;
    --site-btn-secondary-backgroundcolor: #067AFF;
}