/**
 * =============================================================================
 * Anpassungen in diese Datei - Adjustments to this file
 * ==========================================================================
 */

/* fuer alle Geraete-Klassen */

.myClass.yz p {
    display: grid;
    grid-column: 1 / 3;
    color: #ff0000;
}

/* fuer tablets und groessere Displays*/
@media only screen and (min-width: 768px) {
    .myClass p {
        color: #00ff99;
    }
}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width: 992px) {
    .myClass p {
        color: #f300ff;
    }
}

/* fuer desktop */
@media only screen and (min-width: 1025px) {
    .myClass p {
       
        color: #4D4D4D;
        color: #82A50A;
        color: #96BE14;
        color: #2B2A29;
        color: #75A619;
        color: #48BF00;
        color: #155384;

    }
}

/* fuer Smartphones */
@media only screen and (max-width: 767px) {}