/* GLOBAL STYLES
-------------------------------------------------- */

:root{
    --clr-purple: #593F84;
    --clr-gray: #EDEDED;
    --clr-orange: #ed6f27;
    --clr-red: #8B1D1D;
    --clr-grey: #999999;
    --clr-green: #76B82A;
    --clr-green-dark: #083329;



    /* HAUPTFARBE */
    --clr-primary: var(--clr-green);
    /* HOVERFARBE */
    --clr-secondary: var(--clr-green-dark);

    --clr-keyvisual_bg: var(--clr-primary);


    --clr-text: var(--clr-green-dark);
    --clr-akzent: var(--clr-primary);
    --clr-headerBG: var(--clr-primary);
    --clr-keyvisual_radial_gradient: radial-gradient(circle, #B29BD9 0%, #3B2067 90%);
    --clr-key_screen_bg: var(--clr-secondary);
    --clr-sliderBG: linear-gradient(0deg, var(--clr-primary) 65%, rgba(255,255,255,0) 65%);
    --clr-contactBG: linear-gradient(180deg, transparent 145px, var(--clr-primary) 145px);

    --clr-keyvisual_buttons: var(--clr-orange);
    --clr-contact_buttons: var(--clr-orange);
    --clr-multi_contact_buttons: var(--clr-orange);
}