@charset "UTF-8";
body {
  /* ###############################################################################
  FARBPALETTE des Themes "Business"
  Jedes Theme besteht aus zwei Farben, wobei für Akzent und Actionicon leichte
  Abweichungen erlaubt sind
  ############################################################################### */

  /* ThemeFarbe 1 */
  --color-primary: #0088d7;
  /* Die Primärfarbe, aber geeignet für schwarzen und weißen hintergrund */
  --color-primary-for-text: #0088d7;

  /* schrift auf primärfarbe - weiß oder schwarz wahrscheinlich */
  --color-primary-contrast: #FFFFFF;

  /* ThemeFarbe 2 */
  --color-secondary: #006064;
  /* schrift on dark muss heller sein als 50% und weniger saturiert! - egal welche Hintergrundfarbe gerade ansteht */
  --color-secondary-for-text-on-dark: #4eb9bb;
  /* schrift on light dunkler sein als 50% - egal welche Hintergrundfarbe gerade ansteht */
  --color-secondary-for-text-on-light: #005559;


  /* schrift auf sekundärfarbe - weiß oder schwarz wahrscheinlich */
  --color-secondary-contrast: #FFFFFF;

  /* wird in bestimmten Layouts (minimal, business) als dunkte Menüleiste benutzt */
  --color-tertiary: #37474E;

  /* Die Akzentfarbe, hier ist interaktivität möglich */
  --color-accent: #66CC66;  /* floating action button etc. Muss stark auffallen! */
  --color-accent-contrast: #FFF;
}