Heade Background Color wird immer überschrieben

Shopware 5 Themes & Design
1 
@media all {
    @media screen and (min-width: 48em) {
        .navigation-main .is--active .navigation--link {
            font-weight: 600;
            color: #7b4c9a;
            border-bottom: 10px solid #e2004c !important;
        }
    }
}
@media screen and (min-width: 48em) {
        .navigation-main .is--active .navigation--link {
            font-weight: 600;
            color: #7b4c9a;
            border-bottom: 10px solid #e2004c !important;
        }
    }
        .navigation-main .is--active .navigation--link {
            font-weight: 600;
            color: #7b4c9a;
            border-bottom: 10px solid #e2004c !important;
}



    @media screen and (min-width: 48em) {
        .navigation-main .is--active .navigation--link {
            font-weight: 600;
            color: #7b4c9a;
            border-bottom: 10px solid #e2004c !important;
        }
    }

Moin,

ich bekomme die Background Color aus meinen Header nicht raus, meine all.less sieht so aus:

und dann compiliere ich das und wieder is background-color drin 

@media all {
    @media screen and (min-width: 48em) {
        .navigation-main .is--active .navigation--link {
            background-color: #ff206b;
            background-image: linear-gradient(to bottom, #ff206b 0%, #e2004c 100%);
            font-weight: 600;
            color: #fff;
        }
    }
}

 

2

Ok habs durch fusch selber gelöst, danke.