/* ==========================================================================
 * hellblau-1:      hsl(197, 100%, 25%)
 * hellblau-1 cta:  hsl(197, 100%, 25%)
 * color-highlight entspricht color
 * und wird für flächige Elemtente verwendet.
   ========================================================================== */

   :root {
    --nbg-theme-bg-highlight-hex: #005b80; /* amChart hack */
    --color: 197, 100%; /* base color */
    --l: 25%; /* initial lightness */
    --color-cta: var(--color); /* call to action color */
    --l-cta: var(--l); /* initial lightness call to action color */
    --color-highlight: var(--color); /* button color */
    --l-highlight: var(--l); /* initial lightness icon hover color */
    --l-modifier: 7%; /* added to lightness */
    --l-modifier-pastel: 70%; /* added to lightness to create a pastel version of the theme highlight color)*/
}