v3.12.x CSS in der Mobilen Ansicht wird ignoriert

Meine CSS Änderungen werden in der Mobilen Ansicht komplett ignoriert. Müssen diese in 3.12. anders eingebunden werden.

Ich habe im Content Manager ein Bild eingefügt mit folgendem Code:

HTML:

<div class="col-xs-12 col-md-8 col-lg-8 sale-bild">
   
    <div class="sale_untenLinks">
        <h2>LIEBLINGSSTOFFE jetzt im SALE</h2>

        <p>
            Nur solange der Vorrat reicht!
        </p>
        <a class="btn_cta sale" href="/sale/">&raquo; zum SALE</a>
    </div>
  <img alt="Sale" class="img-responsive" src="images/startseite/Header-Startseite_Sale_787x350px_1.png" style="float: right;" />
</div>

Das CSS für die Mobile Ansicht sieht wie folgt aus:

Code:

@media (max-width:661px){
.sale_untenLinks {
    position: absolute;
    width: 20%;
    left: 25px;
   
}

.sale_untenLinks p {
font: 100% "Ride my Bike W04 Pr Bold";
}
.sale_untenLinks h2{
    font: 140% "Ride my Bike W04 Pr Bold";
    border: 0;
    margin: 20px 0 0 0;
    padding: 0px;
}
.btn_cta.sale {
    width:100%;
    font-size: 100%;
    float:none;
    position: relative
}
.sale_untenLinks a {
    top:10px;
}
}

Die CSS Dateien liegen im Ordner GXModules/mitsch/template/Shop/Templates/All/Css


Alles über 768px wird richtig angezeigt.

 

Wenn ich den CSS Code im Style unter eigenes CSS abspeichere funktioniert alles.

 

@Moritz (Gambio),

schon mehrfach versucht. Keine Änderung. Was mich wundert das die Änderungen nur in der Mobilen Ansicht nicht greifen.

 

Hab den Fehler gefunden ich hatte in einem anderen Bereich eine Klammer vergessen zu schließen. Thema kann geschlossen werden.