:root {

     /* customer-colors */
     --prime-color-darkCustom: rgb(106, 109, 178);
     --prime-color-lightCustom: rgb(219, 227, 247);
     --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(106, 109, 178);
    
     /* 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);
}