/* Colors */

:root {
  --fontsize-h2-px: 3.5rem;
  --fontsize-h2-rem: 3.5rem;
  --color-lightblue:hsla(223,81%,90%,1);
  --color-darkblue:hsla(201,100%,25%,1);
  --color-black:hsla(201,0%,0%,1);
  --color-white:hsla(201,0%,100%,1);
  --color-lightgray:hsla(230,14%,92%,1);
  --color-gray:hsla(230,14%,25%,1);

/* colors for load symbols */
  --color-load-none: hsla(0, 0%, 0%, 0.3);
  --color-load-10: hsla(0, 100%, 25%, 1);
  --color-load-9: hsla(0, 100%, 40%, 1);
  --color-load-8: hsla(0, 100%, 50%, 1);
  --color-load-7: hsla(30, 100%, 60%, 1);
  --color-load-6: hsla(30, 100%, 75%, 1);
  --color-load-5: hsla(60, 100%, 50%, 1);
  --color-load-4: hsla(120, 60%, 50%, 1);
  --color-load-3: hsla(120, 100%, 70%, 1);
  --color-load-2: hsla(225, 100%, 60%, 1);
  --color-load-1: hsla(192, 100%, 50%, 1);
  --color-load-0: hsla(180, 100%, 90%, 1);
/* End loadpoints */

/* success, warnings, errors */
  --color-green-pale: hsla(95,41%,75%,.8);
  --color-yellow-pale: hsla(46,73%,75%,.8);
  --color-red-pale: hsla(1,50%,75%,.8);

/* use the following for elements which have the same colors in dark and light mode */
  --color-blue-enertrag-permanent: hsla(201,100%,25%,1);
  --color-blue-alternative-permanent: hsla(208,46%,54%,1);
  --color-blue-bright-permanent: hsla(223,80%,90%,1);
  --color-gray-bright-permanent: hsla(228,12%,92%,1);
  --color-gray-medium-permanent: hsla(0,0%,75%,1);
  --color-gray-brighter-permanent: hsla(220,13%,86%,1);
  --color-white-permanent: hsla(0,100%,100%,1);
  --color-gray-dark-permanent: hsla(0,0%,25%,1);
  --color-black-permanent: hsla(0,0%,0%,1);
  --color-white-translucent-permanent: hsla(0,100%,100%,0.7);
  --color-black-translucent-permanent: hsla(0,0%,0%,0.7);
  --dark-mode: 0;

  --color-blue-enertrag: hsl(201, 100%, 25%);
  --color-blue-alternative: hsla(208,46%,54%,1);
  --color-blue-bright: #E6EEF3;
  --color-gray-bright: hsla(228,12%,92%,1);
  --color-gray-medium: hsla(0,0%,75%,1);
  --color-gray-brighter: hsla(220,13%,86%,1);
  --color-white: hsla(0,100%,100%,1);
  --color-gray-dark: hsla(0,0%,25%,1);
  --color-black: hsla(0,0%,0%,1);
  --color-white-translucent: hsla(0,100%,100%,0.7);
  --color-black-translucent: hsla(0,0%,0%,0.7);
}
/* do not display dark mode images in light mode */
[data-image-color-scheme="light"] {
  display: inherit;
} 
[data-image-color-scheme="dark"] {
  display: none !important;
} 
  
/* colors for light mode (default) */ 
/*@media (prefers-color-scheme: light) {
  :root {
    --dark-mode: 0 !important;
    --color-blue-enertrag: hsla(201,100%,25%,1) !important;
    --color-blue-alternative: hsla(208,46%,54%,1) !important;
    --color-blue-bright: hsla(223,80%,90%,1) !important;
    --color-gray-bright: hsla(228,12%,92%,1) !important;
    --color-gray-medium: hsla(0,0%,75%,1) !important;
    --color-gray-brighter: hsla(220,13%,86%,1) !important;
    --color-white: hsla(0,100%,100%,1) !important;
    --color-gray-dark: hsla(0,0%,25%,1) !important;
    --color-black: hsla(0,0%,0%,1) !important;
    --color-white-translucent: hsla(0,100%,100%,0.7) !important;
    --color-black-translucent: hsla(0,0%,0%,0.7) !important;
  }*/
  /* do not display dark mode images in light mode */
  /*[data-image-color-scheme="light"] {
    display: inherit !important;
  } 
  [data-image-color-scheme="dark"] {
    display: none !important;
  } 
  [data-color-scheme="light"] {
    --color-blue-enertrag: hsla(201,100%,25%,1) !important;
    --color-blue-alternative: hsla(208,46%,54%,1) !important;
    --color-blue-bright: hsla(223,80%,90%,1) !important;
    --color-gray-bright: hsla(228,12%,92%,1) !important;
    --color-gray-medium: hsla(0,0%,75%,1) !important;
    --color-gray-brighter: hsla(220,13%,86%,1) !important;
    --color-white: hsla(0,100%,100%,1) !important;
    --color-gray-dark: hsla(0,0%,25%,1) !important;
    --color-black: hsla(0,0%,0%,1) !important;
    --color-white-translucent: hsla(0,100%,100%,0.7) !important;
    --color-black-translucent: hsla(0,0%,0%,0.7) !important;
  }
  [data-color-scheme="dark"] {
    --color-blue-enertrag: hsla(44,91%,64%,1) !important;
    --color-blue-footer-map-bg: hsla(201,100%,25%,1) !important;
    --color-white-footer-map-fg: hsla(0,0%,96%,1) !important;
    --color-blue-alternative: hsla(0,0%,25%,1) !important;
    --color-blue-bright: hsla(223,12%,20%,1) !important;
    --color-gray-bright: hsla(223,12%,25%,1) !important;
    --color-gray-medium: hsla(0,0%,35%,1) !important;
    --color-gray-brighter: hsla(0,0%,68%,1) !important;
    --color-white: hsla(0,0%,15%,1) !important;
    --color-gray-dark: hsla(0,0%,25%,1) !important;
    --color-black: hsla(0,100%,96%,1) !important;
    --color-white-translucent: hsla(0,0%,0%,0.7) !important;
    --color-black-translucent: hsla(0,0%,100%,0.7) !important;
  } 
  [data-color-scheme="dark"] [data-image-color-scheme="light"] {
    display: none !important;
  } 
  [data-color-scheme="dark"] [data-image-color-scheme="dark"] {
    display: inherit !important;
  } 
  [data-color-scheme="light"] [data-image-color-scheme="dark"] {
    display: none !important;
  } 
  [data-color-scheme="light"] [data-image-color-scheme="light"] {
    display: inherit !important;
  } 
} */
 
/* colors for dark mode - overrides light mode, preview */
/*@media (prefers-color-scheme: dark) {
  :root {
    --dark-mode: 1 !important;
    --color-blue-enertrag: hsla(44,91%,64%,1) !important;
    --color-blue-alternative: hsla(0,0%,25%,1) !important;
    --color-blue-bright: hsla(223,12%,20%,1) !important;
    --color-gray-bright: hsla(223,12%,25%,1) !important;
    --color-gray-medium: hsla(0,0%,35%,1) !important;
    --color-gray-brighter: hsla(0,0%,68%,1) !important;
    --color-white: hsla(0,0%,15%,1) !important;
    --color-gray-dark: hsla(0,0%,25%,1) !important;
    --color-black: hsla(0,100%,96%,1) !important;
    --color-white-translucent: hsla(0,0%,0%,0.7) !important;
    --color-black-translucent: hsla(0,0%,100%,0.7) !important;
  }
  *[data-image-color-scheme="light"] {
    display: none !important;
  } 
  *[data-image-color-scheme="dark"] {
    display: inherit !important;
  }   */
  
  /* manual override color scheme by "data-color-scheme"-attribute */
  /*[data-color-scheme="light"] {
    --color-blue-enertrag: hsla(201,100%,25%,1) !important;
    --color-blue-alternative: hsla(208,46%,54%,1) !important;
    --color-blue-bright: hsla(223,80%,90%,1) !important;
    --color-gray-bright: hsla(228,12%,92%,1) !important;
    --color-gray-medium: hsla(0,0%,75%,1) !important;
    --color-gray-brighter: hsla(220,13%,86%,1) !important;
    --color-white: hsla(0,100%,100%,1) !important;
    --color-gray-dark: hsla(0,0%,25%,1) !important;
    --color-black: hsla(0,0%,0%,1) !important;
    --color-white-translucent: hsla(0,100%,100%,0.7) !important;
    --color-black-translucent: hsla(0,0%,0%,0.7) !important;
  }
  
  [data-color-scheme="dark"] {
    --color-blue-enertrag: hsla(44,91%,64%,1) !important;
    --color-blue-footer-map-bg: hsla(201,100%,25%,1) !important;
    --color-white-footer-map-fg: hsla(0,0%,96%,1) !important;
    --color-blue-alternative: hsla(0,0%,25%,1) !important;
    --color-blue-bright: hsla(223,12%,20%,1) !important;
    --color-gray-bright: hsla(223,12%,25%,1) !important;
    --color-gray-medium: hsla(0,0%,35%,1) !important;
    --color-gray-brighter: hsla(0,0%,68%,1) !important;
    --color-white: hsla(0,0%,15%,1) !important;
    --color-gray-dark: hsla(0,0%,25%,1) !important;
    --color-black: hsla(0,100%,96%,1) !important;
    --color-white-translucent: hsla(0,0%,0%,0.7) !important;
    --color-black-translucent: hsla(0,0%,100%,0.7) !important;
  } 
  [data-color-scheme="dark"] [data-image-color-scheme="light"] {
    display: none !important;
  } 
  [data-color-scheme="dark"] [data-image-color-scheme="dark"] {
    display: inherit !important;
  } 
  [data-color-scheme="light"] [data-image-color-scheme="dark"] {
    display: none !important;
  } 
  [data-color-scheme="light"] [data-image-color-scheme="light"] {
    display: inherit !important;
  } 
}*/

/* Edge 12–18 */
/*@supports (-ms-ime-align:auto) {
  :root {
    --dark-mode: 0;
    --color-blue-enertrag: hsla(201,100%,25%,1);
    --color-blue-alternative: hsla(208,46%,54%,1);
    --color-blue-bright: hsla(223,80%,90%,1);
    --color-gray-bright: hsla(228,12%,92%,1);
    --color-gray-medium: hsla(0,0%,75%,1);
    --color-gray-brighter: hsla(220,13%,86%,1);
    --color-white: hsla(0,100%,100%,1);
    --color-gray-dark: hsla(0,0%,25%,1);
    --color-black: hsla(0,0%,0%,1);
    --color-white-translucent: hsla(0,100%,100%,0.7);
    --color-black-translucent: hsla(0,0%,0%,0.7);
  }*/
  /* do not display dark mode images in light mode */
  /*[data-image-color-scheme="light"] {
    display: inherit !important;
  } 
  [data-image-color-scheme="dark"] {
    display: none !important;
  } 
  [data-color-scheme="light"] {
    --color-blue-enertrag: hsla(201,100%,25%,1);
    --color-blue-alternative: hsla(208,46%,54%,1);
    --color-blue-bright: hsla(223,80%,90%,1);
    --color-gray-bright: hsla(228,12%,92%,1);
    --color-gray-medium: hsla(0,0%,75%,1);
    --color-gray-brighter: hsla(220,13%,86%,1);
    --color-white: hsla(0,100%,100%,1);
    --color-gray-dark: hsla(0,0%,25%,1);
    --color-black: hsla(0,0%,0%,1);
    --color-white-translucent: hsla(0,100%,100%,0.7);
    --color-black-translucent: hsla(0,0%,0%,0.7);
  }
  [data-color-scheme="dark"] {
    --color-blue-enertrag: hsla(44,91%,64%,1);
    --color-blue-footer-map-bg: hsla(201,100%,25%,1);
    --color-white-footer-map-fg: hsla(0,0%,96%,1);
    --color-blue-alternative: hsla(0,0%,25%,1);
    --color-blue-bright: hsla(223,12%,20%,1);
    --color-gray-bright: hsla(223,12%,25%,1);
    --color-gray-medium: hsla(0,0%,35%,1);
    --color-gray-brighter: hsla(0,0%,68%,1);
    --color-white: hsla(0,0%,15%,1);
    --color-gray-dark: hsla(0,0%,25%,1);
    --color-black: hsla(0,100%,96%,1);
    --color-white-translucent: hsla(0,0%,0%,0.7);
    --color-black-translucent: hsla(0,0%,100%,0.7);
  } 
  [data-color-scheme="dark"] [data-image-color-scheme="light"] {
    display: none !important;
  } 
  [data-color-scheme="dark"] [data-image-color-scheme="dark"] {
    display: inherit !important;
  } 
  [data-color-scheme="light"] [data-image-color-scheme="dark"] {
    display: none !important;
  } 
  [data-color-scheme="light"] [data-image-color-scheme="light"] {
    display: inherit !important;
  } 
  #darkmodeSwitch {
    display: block;
  }
}*/
/* end Edge 12–18 */


html, body {
  color: var(--color-black) !important;
  background-color: var(--color-white) !important
}

main:empty,
aside:empty,
article:empty,
nav:empty,
section:empty {
  display: none
}