:root {
/* Schriftgroessen */    
    --fs_xxxx_small: 12px;
    --fs_xxx_small:  15px;
    --fs_xx_small:   16px;
    --fs_x_small:    18px;
    --fs_small:      20px;
    --fs_medium:     22px;
    --fs_x_medium:   24px;
    --fs_xx_medium:  30px;
    --fs_large:      32px;
    --fs_x_large:    36px;
    --fs_xx_large:   40px;
    --fs_xxx_large:  42px;
  

/* Hintergrundfarben */
    --hg_hell_60:    #d5d5d5;
    --hg_hell_70:    #d7d4c4;
    --hg_hell_80:    #e9e9e1;
    --hg_hell_90:    #f7f7f4;
    --hg_hell_100:   #ffffff;
    
/* Schriftfarben */
    --s_neutral:     #ffffff;
    --s_dark_60:     #707070;
    --s_dark_80:     #434343;
    --s_dark_100:    #000000;
    
/* Verlaeufe */
    --v_dezent_1:    #a1c0ca;
    --v_dezent_2:    #769dab;
    --v_highlight_1: #e95c2e;
    --v_highlight_2: #cc2b22;
    
/* Dezente Farben */
    --dezent_20:     #e1ebee;
    --dezent_40:     #bcd1d8;
    --dezent_50:     #82acba;
    --dezent_60:     #a1c0ca;
    --dezent_80:     #769dab;
    --dezent_100:    #6099ac;
    
/* Akzentfarben */
    --akzent_1:      #8aad1a;
    --akzent_2:      #fb9d2d;
    --akzent_3:      #e95e31;
    
/* Highlightfarbe */
    --highlight:     #e30613;                    
}