/*
 * Ausblender – Frontend Breakpoints 1.0.3
 * Mobil komplett:         Smartphone hoch + quer
 * Mobil Hochformat:       bis 767.98px und portrait
 * Mobil Querformat:       Smartphone landscape, typischerweise bis 950px Breite / 520px Höhe
 * Tablet komplett:        Tablet hoch + quer
 * Tablet Hochformat:      768px bis 1024.98px und portrait
 * Tablet Querformat:      768px bis 1366px landscape auf Touch-Geräten / Tablet-Preview
 * 14 Zoll Notebook:       1025px bis 1440.98px auf Desktop-/Laptop-Geräten
 * Großer Monitor:         ab 1441px
 */

/* Neutrale Wrapper für dynamische Plugin-Blöcke. Im sichtbaren Zustand möglichst layout-neutral. */
.ausblender-plugin-wrap,
.ausblender-generated-wrap,
.ausblender-shortcode-wrap {
    display: contents;
}

/* Mobil komplett + Mobil Hochformat */
@media (max-width: 767.98px) and (orientation: portrait) {
    html body .ausblender-hide-mobile,
    html body .ausblender-hide-mobile-portrait,
    html body .wp-block.ausblender-hide-mobile,
    html body .wp-block.ausblender-hide-mobile-portrait,
    html body [class~="ausblender-hide-mobile"],
    html body [class~="ausblender-hide-mobile-portrait"],
    html body [data-ausblender-hide~="mobile"],
    html body [data-ausblender-hide~="mobilePortrait"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Mobil komplett ohne Orientation-Support als Fallback */
@media (max-width: 767.98px) {
    html body .ausblender-hide-mobile,
    html body .wp-block.ausblender-hide-mobile,
    html body [class~="ausblender-hide-mobile"],
    html body [data-ausblender-hide~="mobile"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Mobil Querformat: viele Smartphones sind quer breiter als 767px. */
@media (orientation: landscape) and (max-width: 950px) and (max-height: 520px) {
    html body .ausblender-hide-mobile,
    html body .ausblender-hide-mobile-landscape,
    html body .wp-block.ausblender-hide-mobile,
    html body .wp-block.ausblender-hide-mobile-landscape,
    html body [class~="ausblender-hide-mobile"],
    html body [class~="ausblender-hide-mobile-landscape"],
    html body [data-ausblender-hide~="mobile"],
    html body [data-ausblender-hide~="mobileLandscape"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Tablet Hochformat */
@media (min-width: 768px) and (max-width: 1024.98px) and (orientation: portrait) {
    html body .ausblender-hide-tablet,
    html body .ausblender-hide-tablet-portrait,
    html body .wp-block.ausblender-hide-tablet,
    html body .wp-block.ausblender-hide-tablet-portrait,
    html body [class~="ausblender-hide-tablet"],
    html body [class~="ausblender-hide-tablet-portrait"],
    html body [data-ausblender-hide~="tablet"],
    html body [data-ausblender-hide~="tabletPortrait"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Tablet komplett als klassischer Responsive-Fallback */
@media (min-width: 768px) and (max-width: 1024.98px) {
    html body .ausblender-hide-tablet,
    html body .wp-block.ausblender-hide-tablet,
    html body [class~="ausblender-hide-tablet"],
    html body [data-ausblender-hide~="tablet"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Tablet Querformat, z. B. iPad/Samsung Tablets. */
@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (hover: none),
       (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse),
       (min-width: 768px) and (max-width: 1024.98px) and (orientation: landscape) {
    html body .ausblender-hide-tablet,
    html body .ausblender-hide-tablet-landscape,
    html body .wp-block.ausblender-hide-tablet,
    html body .wp-block.ausblender-hide-tablet-landscape,
    html body [class~="ausblender-hide-tablet"],
    html body [class~="ausblender-hide-tablet-landscape"],
    html body [data-ausblender-hide~="tablet"],
    html body [data-ausblender-hide~="tabletLandscape"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1440.98px) and (hover: hover),
       (min-width: 1025px) and (max-width: 1440.98px) and (pointer: fine) {
    html body .ausblender-hide-laptop14,
    html body .wp-block.ausblender-hide-laptop14,
    html body [class~="ausblender-hide-laptop14"],
    html body [data-ausblender-hide~="laptop14"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (min-width: 1441px) {
    html body .ausblender-hide-large,
    html body .wp-block.ausblender-hide-large,
    html body [class~="ausblender-hide-large"],
    html body [data-ausblender-hide~="large"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* JS-Fallback: greift zusätzlich, wenn Browser-/Editor-Preview Media Queries anders bewertet. */
html.ausblender-current-mobile body .ausblender-hide-mobile,
html[data-ausblender-device~="mobile"] body .ausblender-hide-mobile,
html.ausblender-current-mobile body [data-ausblender-hide~="mobile"],
html[data-ausblender-device~="mobile"] body [data-ausblender-hide~="mobile"],
html.ausblender-current-mobile-portrait body .ausblender-hide-mobile-portrait,
html[data-ausblender-device~="mobilePortrait"] body .ausblender-hide-mobile-portrait,
html.ausblender-current-mobile-portrait body [data-ausblender-hide~="mobilePortrait"],
html[data-ausblender-device~="mobilePortrait"] body [data-ausblender-hide~="mobilePortrait"],
html.ausblender-current-mobile-landscape body .ausblender-hide-mobile-landscape,
html[data-ausblender-device~="mobileLandscape"] body .ausblender-hide-mobile-landscape,
html.ausblender-current-mobile-landscape body [data-ausblender-hide~="mobileLandscape"],
html[data-ausblender-device~="mobileLandscape"] body [data-ausblender-hide~="mobileLandscape"],
html.ausblender-current-tablet body .ausblender-hide-tablet,
html[data-ausblender-device~="tablet"] body .ausblender-hide-tablet,
html.ausblender-current-tablet body [data-ausblender-hide~="tablet"],
html[data-ausblender-device~="tablet"] body [data-ausblender-hide~="tablet"],
html.ausblender-current-tablet-portrait body .ausblender-hide-tablet-portrait,
html[data-ausblender-device~="tabletPortrait"] body .ausblender-hide-tablet-portrait,
html.ausblender-current-tablet-portrait body [data-ausblender-hide~="tabletPortrait"],
html[data-ausblender-device~="tabletPortrait"] body [data-ausblender-hide~="tabletPortrait"],
html.ausblender-current-tablet-landscape body .ausblender-hide-tablet-landscape,
html[data-ausblender-device~="tabletLandscape"] body .ausblender-hide-tablet-landscape,
html.ausblender-current-tablet-landscape body [data-ausblender-hide~="tabletLandscape"],
html[data-ausblender-device~="tabletLandscape"] body [data-ausblender-hide~="tabletLandscape"],
html.ausblender-current-laptop14 body .ausblender-hide-laptop14,
html[data-ausblender-device~="laptop14"] body .ausblender-hide-laptop14,
html.ausblender-current-laptop14 body [data-ausblender-hide~="laptop14"],
html[data-ausblender-device~="laptop14"] body [data-ausblender-hide~="laptop14"],
html.ausblender-current-large body .ausblender-hide-large,
html[data-ausblender-device~="large"] body .ausblender-hide-large,
html.ausblender-current-large body [data-ausblender-hide~="large"],
html[data-ausblender-device~="large"] body [data-ausblender-hide~="large"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body [data-ausblender-js-hidden="true"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}