/**
* SIMPLE Responsive
* Vereinfachte Responsive Breakpoints
* DigiKurs.de - 2020
*
**/

/* 1. Groß - maximale Breite - Widescreen */
@media only screen and (min-width: 1701px) {

    body{
         /*border: 5px solid #989898 !important;*/
    }
}

/* 2. Mittel - Breite unter 1700px - Laptop quer */
@media only screen and (max-width: 1700px) {

    body{
        /*border: 5px dashed #f00 !important;*/
    }
}

/* 3. Zwischengröße - Breite unter 1380px - Galaxy Tab quer, Widescreen hoch */
@media only screen and (max-width: 1380px) {

    body{
         /*border: 5px dotted #6769b5 !important;*/
    }
}

/* 4. Zwischengröße 2 - Breite unter 1280px - Sondergröße wegen den Kacheln */
@media only screen and (max-width: 1280px) {

    body{
         /*border: 5px dashed #b58e15 !important;*/
    }
}

/* 5. Klein - Breite unter 1095px - Laptop hoch /Galaxy Tab hoch / iPad */
@media only screen and (max-width: 1095px) {

    body{
         /*border: 5px solid #000000 !important;*/
    }
}

/* 6. iPad Retina - iPad und iPad mini*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    body{
         /*border: 5px double #36ddca !important;*/
    }
}

/* 7. Ganz klein - Breite unter 767px - Smartphones quer */
@media only screen and (max-width: 767px) {

    body{
          /*border: 5px dashed #37dd1d !important;*/
    }
}

/* 8. Ganz klein hochkant - Breite unter 560px - Smartphones hoch */
@media only screen and (max-width: 560px) {

    body{
         /*border: 5px dotted #03d6dd !important;*/
    }
}

/* 9. Samsung Galaxy Note 10+ Sonderformat - quer */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){

    body.android{
        /*border: 5px dotted #36ddca !important;*/
    }
}