:root {

  /* customer-colors */
  --prime-color-darkCustom: rgb(0, 54, 113);
  --prime-color-lightCustom: rgb(255, 255, 255); 
  --prime-color-darkCustom50: rgba(0, 54, 113, 0.50);
  --prime-color-darkCustom20: rgba(0, 54, 113, 0.20);
  --button-menue-font-color-custom: rgb(255, 255, 255);
  --headertext-font-color-custom: rgb(0, 54, 113);

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