:root{
    --color-white: #ffffff;
    --color-black: #000000;

    --color-metallic-siver: #A4B1AD;
    --color-feldgrau: #4C5C56;
    --color-light-gray: #C7C6C7;
    --color-bright-gray-opacity: #C7C7C733;
    --color-bright-gray: #C7C7C7;
    --color-footer-green: #7E8988;
    --color-table: #878786;
    --color-isometrie-info: #A4B0AC;

}

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

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

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

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

.color-metallic-siver, .color-metallic-siver a{
    color: var(--color-metallic-siver);
}

.background-metallic-siver{
    background-color: var(--color-metallic-siver);
}

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

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

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

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

.color-bright-gray-opacity{
    color: var(--color-bright-gray-opacity);
}

.background-bright-gray-opacity{
    background-color: var(--color-bright-gray-opacity);
}

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

.background-bright-gray{
    background-color: var(--color-bright-gray);
}

.color-footer-green{
    color: var(--color-footer-green);
}

.background-footer-green{
    background-color: var(--color-footer-green);
}

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

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

.color-isometrie-info{
    color: var(--color-isometrie-info);
}

.background-isometrie-info{
    background-color: var(--color-isometrie-info);
}