:root {

   /* customer-colors */
   --prime-color-darkCustom: rgb(65, 109, 112);
   --prime-color-lightCustom: rgb(232, 237, 238); 
   --prime-color-darkCustom50: rgba(65, 109, 112, 0.50);
   --prime-color-darkCustom20: rgba(65, 109, 112, 0.20);
   --button-menue-font-color-custom: rgb(255, 255, 255);
   --headertext-font-color-custom: rgb(65, 109, 112);

   /* 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)    
}