/**
 * Enfold Responsive Remove – CSS-Fallback-Klassen
 *
 * Diese Klassen greifen, wenn die serverseitige UA-Erkennung nicht eindeutig
 * war (z.B. Tablet mit Desktop-UA, oder Desktop in schmalem Fenster).
 * Sie spiegeln exakt die Breakpoints von Enfold wider.
 *
 * err-hide-large  → versteckt ab 990px aufwärts   (Desktop)
 * err-hide-medium → versteckt zwischen 768–989px  (Tablet Querformat)
 * err-hide-small  → versteckt zwischen 480–767px  (Tablet Porträt)
 * err-hide-xsmall → versteckt bis 479px            (Smartphone Hochformat)
 */

/* Groß: >990px ------------------------------------------------------------ */
@media (min-width: 990px) {
    .err-hide-large {
        display: none !important;
    }
}

/* Mittel: 768–989px -------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 989px) {
    .err-hide-medium {
        display: none !important;
    }
}

/* Klein: 480–767px --------------------------------------------------------- */
@media (min-width: 480px) and (max-width: 767px) {
    .err-hide-small {
        display: none !important;
    }
}

/* Sehr klein: ≤479px ------------------------------------------------------- */
@media (max-width: 479px) {
    .err-hide-xsmall {
        display: none !important;
    }
}