/* =================================== */
/* ============== FARBEN ============== */
/* =================================== */

:root{
    --color-white: #ffffff;
    --color-black: #303030;
    --color-dark-white: #eaeaea;
    --color-light-gray: #f6f6f6;
    --color-dark-gray: #a1a1a1;
    --color-light-blue: #E4422B ;
    --color-red: #E4422B;
}

.color-white{
    color: var(--color-white);
}

.background-white{
    background-color: var(--color-white);
}

.color-dark-white{
    color: var(--color-dark-white);
}

.background-dark-white{
    background-color: var(--color-dark-white);
}

.color-black{
    color: var(--color-black);
}

.background-black{
    background-color: var(--color-black) !important;
}

.color-light-gray{
    color: var(--color-light-gray);
}

.background-light-gray{
    background-color: var(--color-light-gray) !important;
}

.color-dark-gray{
    color: var(--color-dark-gray);
}

.background-dark-gray{
    background-color: var(--color-dark-gray) !important;
}

.color-light-blue{
    color: var(--color-light-blue);
}

.background-light-blue{
    background-color: var(--color-light-blue) !important;
}

.color-red{
    color: var(--color-red);
}

.background-red{
    background-color: var(--color-red) !important;
}