@media only screen and (min-width: 200px) and (max-width: 600px) {
    .notmobile {
        display: none !important;
    }

    .onlymobile {
        display: block !important;
    }
}


@media only screen and (min-width:601px) and (max-width: 2500px) {
    .notmobile {
        display: block !important;
    }

    .onlymobile {
        display: none !important;
    }
}





/* WEITERE MEDIAQUERIES, um bspw. präzise einzelne Geräte anzusprechen:*/





/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-brand {
        font-size: 22px !important;
    }

}



/* Smartphones (landscape) ----------- */

@media only screen and (min-width : 321px) {

    /* Styles */

}



/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 320px) {

    .navbar-brand {
        font-size: 22px !important;
    }

}



/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    /* Styles */

}



/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    /* Styles */

}



/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    /* Styles */
}