/* Alt *//*
:root {
  --bg: #424e63;
  --headerbg: #667999;
  --footerbg: #667999;
  --headertext: #ffffff;
  --footertext: #ffffff;
  --nav-hover: ;
  --brand-c1: #990013;
  --brand-c2: #2d37b3;
  --text: #ffffff;
  --muted: #c2c2c2;
  --shadowc: #4d4d4d;
  --panel: #47587a;
  
  /* Image colors *//*
  --img-border: gray;
}*/

/* Hell */
:root {
  --bg: #f5f6f9;
  --panel: #ffffff;
  --panel-2: #e7ebf3;

  --text: #1a1a1a;
  --text2: #000000
  --text3: #ffffff;
  --muted: #6b7280;

  --primary: #667999;
  --primary-light: #7f91a9;
  --primary-dark: #576a86;

  --headerbg: #667999;
  --header-text: #e6e7eb;

  --footerbg: #2a3343;
  --footer-text: #b7bdc9;

  --accent: #4ea1ff;
  --accent2: #c9a368;
  --accent3: #ff3300;

  --color-new:  #22c55e;   /* Grün */
  --color-sale: #FF4500;   /* Orange-Rot */
  --color-hot:  #FF8C00;   /* Orange */
  --color-neutral: var(--primary-light);


  --danger: #e25555;
  --ok: #39d98a;
  --warn: #ffb020;
  --err: #ff6b6b;
  --shadow-color: rgba(0,0,0,.15);
}

/* Dunkel */
:root.dark {
  --bg: #424e63;
  --panel: #1d212b;
  --panel-2: #151923;

  --text: #e6e7eb;
  --muted: #b7bdc9;
  --text-accent: #4ea1ff;

  --primary: #667999;
  --primary-light: #7f91a9;
  --primary-dark: #576a86;

  --header: #2a3343;
  --header-text: #e6e7eb;

  --footer: #2a3343;
  --footer-text: #b7bdc9;

  --accent: #4ea1ff;
  --accent-2: #c9a368;
  --accent-3: #ff3300; 

  --color-new:  #22c55e;   /* Grün */
  --color-sale: #FF4500;   /* Orange-Rot */
  --color-hot:  #FF8C00;   /* Orange */
  --color-neutral: var(--primary-light);

  --ok: #39d98a;
  --warn: #ffb020;
  --err: #ff6b6b;
  --shadow-color: rgba(0,0,0,.15);
}