/* Globale Definitionen, Farbe */

:root {

  /* Blau markieren, hsl(201, 100%, 30-90%) */
  --col-mark-2: #006399;	/* Umrandung Listenelemente */
  --col-mark-4: #0082c8;	/* z.B. Hgr. Event. */
  --col-mark-8: #CCEDFF;	/* hover für Listenelemente */
 
  /* Orange Aktionen hsl(36, 100%, 40%-70%) */
  --col-act-2: #cc7a00;		/* Rahmen Buttons hover */
  --col-act-4: #e68a00;		/* Button Schrift und Hintergrund hover */
  --col-act-8: #ffc266;		/* Hintergrund Arbeitsanweisung und Selektiere Listenelemente */

  /* Graustufen */
  --col-grey0: #202020;
  --col-grey1: #444444;
  --col-grey3: #666666;
  --col-grey4: #B4B4B4;
  --col-grey5: #D8D8D8;

  /* divhint */
  --col-hintback: #1AAEFF;
  --col-hintborder: #1AAEFF;
  --col-hintfont: #000000;

  /* divprompt */
  --col-promptback: #ffc266;
  --col-promptborder: #ffc266;
  --col-prompfont: #000000;

  /* Fontfarben.. */
  --col-font-4: #000000;  /* passend zu col-mark-4 */
  --col-font-8: #000000;  /* passend zu col-mark-8 */
  --col-font-h2: #000000; /* Font von h2 */


 /* s. https://www.w3schools.com/colors/colors_picker.asp */

  --col-inact: #B4C6E7;
  --col-error-b: #CC6060;
  --col-white: #FFFFFF;

}