:root {
   
    /* customer-colors */
    --prime-color-darkCustom: rgb(0, 88, 160);
    --prime-color-lightCustom: rgb(255, 255, 255);
    --rand-color-custom: rgb(245, 245, 245);
    --startpage-font-color-custom: rgb(0, 0, 0);
    --button-menue-font-color-custom: rgb(255, 255, 255);
    --headertext-font-color-custom: rgb(0, 88, 160);
   
    /* 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-darkRed: rgb(162, 43, 43);
    --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-menue-background-color: var(--prime-color-darkCustom);
    --header-menue-color: var(--button-menue-font-color-custom);

    /* footer */
    --footer-menue-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);
    --rand-background-color: var(--rand-color-custom);
}