Problem adjusting headline colors with css

Hi there,
on top of the top teaser image I have added a background color to the h1 text + subline text and set the font-color to white

as you can see here at my Quick CSS:

.home #av-layout-grid-1 .av-special-heading-tag {
display:inline-block;
background-color: #014131;
font-color: #ffffff;
}

.home #av-layout-grid-1 .av-subheading p {
display:inline-block;
background-color: #014131;
font-color: #ffffff;
}

But when I now go to Enfold > Advanced Styling (erweitertes Styling) and set the general font color for h1-h6 at to #014131 (green) then the above mentioned background and font color gets lost on the frontend. At the Quick CSS everything is still there.

Do you have any idea how to solve that? What did I do wrong?

Thank you for your help!
Oliver