body {


  /*////////// COLORS: ////////////////////*/

  /* old: */
 /* --background-color: #eeeae5;
  --text-color: #2e2d2d;
  --accent-color: var(--text-color);
  --accent-color-contrast: var(--background-color);
  --decent-color: #ddd6cc;
  --shade-color: #afa194;
  --input-color: rgba(80, 80, 80, 0.25);
  

  --blue-color: #6beae8;
  --blue-color-active: #59b5b4;
  
  --yellow-color: #ffd469;
  --yellow-color-active: #e2b135;
  
  --green-color: #add371;
  --green-color-active: #82a845;
  
  --purple-color: #a579d8;
  --purple-color-active: #8350be;
  
  --red-color: #e55c5c;
  --red-color-active: #d63939;



  
  --hue: 35;
  --saturation-fill: 20%;
  --fill-bg: hsl(var(--hue), var(--saturation-fill), 89%);
  --fill-bg-focus: hsl(var(--hue), var(--saturation-fill), 84%);
  --button-focus-color: hsl(var(--hue), 10%, 30%);

  --color-good: var(--text-color);
  --color-warn: var(--text-color);


  --color-contrast: var(--background-color);
  --color-: var(--shade-color);
  --color--contrast: var(--background-color);

  */






  /* GvC Background Color: */
  --background-hue: 33;
  --background-sat: 21%;
  --background-brightness: 92%;
  
  /* GvC Text Color: */
  --text-hue: 33;
  --text-sat: 50%;
  --text-brightness: 5%;

  
  --background-color: hsla(
    var(--background-hue), 
    var(--background-sat), 
    var(--background-brightness), 1
  );
  --text-color: hsla(
    var(--text-hue), 
    var(--text-sat), 
    var(--text-brightness), .9
  );
  --text-focus-color: hsla(
    var(--text-hue), 
    var(--text-sat), 
    calc(var(--text-brightness) * 3), .9
  );

  --text-faded-color: hsla(
    var(--background-hue),
    var(--background-sat),
    calc( ( var(--background-brightness) + 50% ) / 2 ),
    1
  );
  --text-faded-active-color: hsla(
    var(--background-hue),
    var(--background-sat),
    calc( ( var(--background-brightness) + 30% ) / 2 ),
    1
  );

  
  --background-off-color: hsla( 
    var(--background-hue), 
    calc( ( var(--background-sat) * 9 + 15% ) / 10 ), 
    calc( ( var(--background-brightness) * 9 + 75% ) / 10), 
    1 
  );
  --background-off-active-color: hsla( 
    var(--background-hue), 
    calc( ( var(--background-sat) * 6 + 15% ) / 7 ), 
    calc( ( var(--background-brightness) * 6 + 50% ) / 7), 
    1 
  );


  --yellow-hue: 47;
  --green-hue: 82;
  --blue-hue: 190;
  --purple-hue: 276;
  --red-hue: 348;

  --blue-color: hsla(var(--blue-hue),55%,58%,1);
  --blue-color-active: hsla(var(--blue-hue),55%,78%,1);
  
  --yellow-color: hsla(var(--yellow-hue),90%,54%,1);
  --yellow-color-active:hsla(var(--yellow-hue),90%,74%,1);
  
  --green-color:hsla(var(--green-hue),55%,45%,1);
  --green-color-active:hsla(var(--green-hue),55%,65%,1);
  
  --purple-color:hsla(var(--purple-hue),55%,68%,1);
  --purple-color-active:hsla(var(--purple-hue),55%,88%,1);
  
  --red-color:hsla(var(--red-hue),80%,63%,1);
  --red-color-active:hsla(var(--red-hue),80%,83%,1);


  --color-1: var(--blue-color);
  --live-color: var(--red-color);
  --color: var(--text-color);
  --color-contrast: var(--background-color);
  --color-good: var(--text-color);
  --color-warn: var(--text-color);
  --color-bad: var(--red-color);







  --color-Schulung: var(--yellow-color);
  --color-Schulung-active: var(--yellow-color-active);
  --color-Schulung-contrast: var(--text-color);
  --color-Gottesdienst: var(--red-color);
  --color-Gottesdienst-active: var(--red-color-active);
  --color-Gottesdienst-contrast: var(--background-color);
  --color-Ferien: var(--green-color);
  --color-Ferien-active: var(--green-color-active);
  --color-Ferien-contrast: var(--background-color);
  --color-Grossevent: var(--purple-color);
  --color-Grossevent-active: var(--purple-color-active);
  --color-Grossevent-contrast: var(--background-color);
  --color-Gemeinschaft: var(--blue-color);
  --color-Gemeinschaft-active: var(--blue-color-active);
  --color-Gemeinschaft-contrast: var(--background-color);




  --max-width: 50rem;
  --container-width: 100vw;

  --border-radius: 1.75rem;
  --border-radius-perfect-pill: 999px;
  
  --transition: 0.25s ease-in-out;

  --font-bold: AvenirNextLTPro-Bold, "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  hyphens: auto;
}