/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Farben variable definieren */
:root {
/* Start 1, Anamnese 2,  Diagnose 3, Therapeut 4,  Patient 5,   Anmeldung 6, Hilfe 7  */

  --colorlight1:  rgb(234, 234, 234 ) ;  /* hell grau var(--colorlight1)  */ 
  --colordark1:   rgb(119, 119, 119)   ;  /* dunkel grau  var(--colordark1)  */
  --colordark1:  black   ;  

  --colorlight2: rgb(255, 240, 225) ;   /* hell orange var(--colorlight2)  */    
  --colordark2:  rgb(245, 123, 1)  ;     /* dunkel orange  var(--colordark2)  */
  
  --colorlight3: rgb(222, 236, 246) ;  /* hell blau var(--colorlight3)  */ 
   --colordark3: rgb(52, 133, 187) ;   /* dunkel blau  var(--colordark3)  */
   
   --colorlight4: rgb(223, 255, 223) ;  /* hell grün var(--colorlight4)  */ 
   --colordark4:  rgb(0, 153, 0) ;       /* dunkel grün  var(--colordark4)  */
   
   
   --colorlight4: rgb(212, 234, 168 ) ;  /* hell grün var(--colorlight4)  */ 
   --colordark4:  rgb(154, 205, 50 ) ;       /* dunkel grün  var(--colordark4)  */
  
    --colorlight5:  rgb(254, 236, 232) ; /* hell    var(--colorlight5)     */
	--colordark5:   rgb(240, 99, 71) ;   /* dunkel     var(--colordark5)   */   
  
  --colorlight6: rgb(245, 237, 203) ; /* hell beige var(--colorlight6)  */ 
  --colordark6:   rgb(189, 165, 21) ; /* dunkel beige  var(--colordark6)  */
  
  --colorlight7:  rgb(251, 229, 236)  ; /* hell pink var(--colorlight7)  */ 
  --colordark7:   rgb(230, 87, 131)   ; /* dunkel pink  var(--colordark7)  */
  
/*  alle Bereiche    */  
  
 /* hellgelb */
   --colorlightyellow:  rgb(255, 255, 144) ;    /* hell gelb         var(--colorlightyellow)  */
  
 /* Grau    */ 
  --colorlightgrey:  #F5F5F5 ;  /* hell grau          var(--colorlightgrey)  */
  --colormiddlegrey: #E8E5E1 ;  /* mittel grau        var(--colormiddlegrey)   Buttons*/
  --colordarkgrey:   #808080 ;  /* dunkel grau     var(--colordarkgrey)  */

}