/**
 * Desktop: Mobile-Modal-Overlay-Regeln für Bearbeitungs-Modals aufheben.
 * (Detailansicht, Stapel bearbeiten, Partner verwalten)
 */
@media (min-width: 769px) {

    #modal-edit-booking.mdl-modal-overlay:not(.hidden),
    #modal-edit-booking.fixed.inset-0:not(.hidden),
    #stack-edit-modal.mdl-modal-overlay:not(.hidden),
    #stack-edit-modal.fixed.inset-0:not(.hidden),
    #modal-partners.fixed.inset-0:not(.hidden) {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        padding: 0 !important;
        pointer-events: auto !important;
        touch-action: auto !important;
    }

    #modal-edit-booking:not(.hidden) > .mdl-modal-panel,
    #modal-edit-booking:not(.hidden) > div:first-of-type,
    #stack-edit-modal:not(.hidden) > .mdl-modal-panel,
    #stack-edit-modal:not(.hidden) > div:first-of-type,
    #modal-partners:not(.hidden) > div:first-of-type {
        display: flex !important;
        flex-direction: column !important;
        pointer-events: auto !important;
        touch-action: auto !important;
        position: relative !important;
        z-index: 2 !important;
        flex: none !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

    #modal-edit-booking:not(.hidden) > .mdl-modal-panel,
    #modal-edit-booking:not(.hidden) > div:first-of-type {
        width: 95vw !important;
        max-width: 95vw !important;
        height: 95vh !important;
        max-height: 95vh !important;
    }

    #stack-edit-modal:not(.hidden) > .mdl-modal-panel,
    #stack-edit-modal:not(.hidden) > div:first-of-type {
        width: 95vw !important;
        max-width: 75vw !important;
        height: 80vh !important;
        max-height: 90vh !important;
    }

    #modal-partners.mdl-modal-overlay:not(.hidden),
    #modal-partners.fixed.inset-0:not(.hidden) {
        display: flex !important;
        z-index: 10600 !important;
        pointer-events: auto !important;
    }

    #modal-partners:not(.hidden) > div:first-of-type {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 64rem !important;
        max-height: 90vh !important;
        overflow: hidden !important;
        pointer-events: auto !important;
    }

    #modal-partners:not(.hidden) .flex-1.min-h-0.overflow-y-auto {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

    #modal-edit-booking:not(.hidden) .flex.flex-1.overflow-hidden,
    #modal-edit-booking:not(.hidden) .flex.flex-1.min-h-0.overflow-hidden,
    #stack-edit-modal:not(.hidden) .flex.flex-1.overflow-hidden,
    #stack-edit-modal:not(.hidden) .flex.flex-1.min-h-0.overflow-hidden {
        display: flex !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        height: auto !important;
        pointer-events: auto !important;
    }

    #modal-edit-booking:not(.hidden) .w-2\/5,
    #stack-edit-modal:not(.hidden) .w-2\/5 {
        display: flex !important;
        pointer-events: auto !important;
    }

    #modal-edit-booking:not(.hidden) #edit-pdf-frame,
    #stack-edit-modal:not(.hidden) #stack-pdf-preview,
    #stack-edit-modal:not(.hidden) #edit-pdf-frame {
        pointer-events: auto !important;
    }

    #modal-edit-booking:not(.hidden) .w-3\/5,
    #modal-edit-booking:not(.hidden) [class*="w-3/5"],
    #stack-edit-modal:not(.hidden) .w-3\/5,
    #stack-edit-modal:not(.hidden) [class*="w-3/5"] {
        display: flex !important;
        flex-direction: column !important;
        pointer-events: auto !important;
    }

    #modal-edit-booking:not(.hidden) .mdl-modal-footer-bar,
    #stack-edit-modal:not(.hidden) .mdl-modal-footer-bar,
    #stack-edit-modal:not(.hidden) .absolute.bottom-0 {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        flex-shrink: 0 !important;
        pointer-events: auto !important;
        z-index: 20 !important;
    }

    #modal-partners:not(.hidden) button,
    #modal-partners:not(.hidden) a,
    #modal-partners:not(.hidden) input,
    #modal-partners:not(.hidden) select,
    #modal-partners:not(.hidden) textarea {
        pointer-events: auto !important;
    }

    #modal-edit-booking:not(.hidden) button,
    #stack-edit-modal:not(.hidden) button,
    #modal-partners:not(.hidden) button {
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    /* DATEV-Export (dynamisch an body) über Stapel-Liste z-[10100] */
    body > #datev-export-modal {
        z-index: 10550 !important;
        pointer-events: auto !important;
    }

    body > #datev-export-modal > .mdl-modal-panel,
    body > #datev-export-modal > div:first-of-type {
        pointer-events: auto !important;
        position: relative !important;
        z-index: 2 !important;
    }
}
