Highlight active Navigaton area on subpage

Hi Yigit,
this works, but it also turns headlines light green instead of dark as they should be, and other Quick CSS settings like not transforming into capitals seem now to be ignored, too. May I need to change order, or modify ?

CSS reads now:

#top .main_menu a:hover {background: #14C819;color: #ffffff;}

.main_menu ul:first-child > li > a {font-weight: 400; font-size: 18px;}

.avia-menu li.current-page-ancestor > a > .avia-menu-text {
color: #e65a37;

h1, h2, h3, h4 {text-transform: none !important; }

.iconbox_content_title {
text-transform: none !important;
}

body { line-height: 100%; }

#footer #text-7 p {
margin-bottom: 0!important;
margin-top: 10px;
}

#footer {padding: 0; }
#footer {line-height: 110%;}
#footer {font-weight: 400 ;}
#footer { font-size: 15px; }
#footer .widget {text-align: left;}
#footer .widgettitle {
color: white !important;
}

#top .tm-ctabox { padding: 15px; border: 2px solid #0E565C; line-height: 1.5; }

#top .tm-promobox2 { font-size: 16px; line-height: 1.5; border: 2px solid #16D322;}

.avia-promocontent p {
font-size: 16px !important;
}

.avia-icon-list .iconlist_icon:hover {
color: #E65A37;
}

.avia-button.avia-size-large { font-size: 16px; } /* for large buttons */
.avia-button.avia-size-medium { font-size: 16px; } /* for medium buttons */
.avia-button.avia-size-small { font-size: 16px; } /* for small buttons */

.avia_ajax_form .button { font-size: 16px; }

.main_color .av-masonry {
background-color: white;
}

thx again, Tilman

that was an easy one :-) thx a lot!