:root {

    /* customer-colors */
    --prime-color-darkCustom: rgb(16, 65, 122);
    --prime-color-lightCustom: rgb(163, 196, 233); 
    --prime-color-darkCustom50: rgba(16, 65, 122, 0.50);
    --prime-color-darkCustom20: rgba(16, 65, 122, 0.20);
    --button-menue-font-color-custom: rgb(255, 255, 255);
    --headertext-font-color-custom: rgb(16, 65, 122);

    /* prime-colors */
    --prime-color-darkGray: rgb(210, 210, 210);
    --prime-color-middleGray: rgb(230, 230, 230);
    --prime-color-lightGray: rgb(245, 245, 245);
    --prime-color-red: red;
    --prime-color-green: green;
    --prime-color-blue: blue;
    --prime-color-white: white;
    --prime-color-black: black;
      
    /* button-colors */
    --button-normal-background-color: var(--prime-color-lightCustom);
    --button-normal-color: var(--prime-color-darkCustom);

    --button-default-background-color: var(--prime-color-darkCustom);
    --button-default-color: var(--button-menue-font-color-custom);

    --button-success-background-color: var(--prime-color-green);
    --button-success-color: var(--button-menue-font-color-custom);

    --button-danger-background-color: var(--prime-color-red);
    --button-danger-color: var(--button-menue-font-color-custom);

    /* header-jumbotron */
    --header-jumbotron-background-color: var(--prime-color-lightCustom);
    --header-jumbotron-color: var(--headertext-font-color-custom);

    /* header-menü */
    --header-menu-background-color: var(--prime-color-darkCustom);
    --header-menu-color: var(--button-menue-font-color-custom);

    /* footer */
    --footer-background-color: var(--prime-color-darkCustom);
    --footer-menue-color: var(--button-menue-font-color-custom);

    /* other */
    --background-color-white: var(--prime-color-white);
    --border-color-grey: var(--prime-color-darkGray)    
}