/* Cookiebot Swift/old layout: nur Mobil. Desktop/Tablet unverändert.
   Cookiebot injiziert eigenes CSS spaeter — Regeln brauchen !important.
   Der Footer-Hook haengt dieses Stylesheet bei CookiebotOnDialogDisplay ans Head-Ende. */
@media (max-width: 767px) {
    #CookiebotWidget {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #CybotCookiebotDialogHeader,
    #CybotCookiebotDialogHeaderLogosWrapper,
    #CybotCookiebotDialogPoweredbyCybot,
    #CybotCookiebotDialogPoweredByText,
    #CybotCookiebotDialogBodyContentTitle,
    #CybotCookiebotDialogBodyEdgeMoreDetails,
    #CybotCookiebotDialog .CybotCookiebotFader {
        display: none !important;
    }

    #CybotCookiebotDialogNav {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
    }

    #CybotCookiebotDialogNavList,
    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItems {
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItem:not(.CybotCookiebotDialogHide) {
        height: auto !important;
        min-height: 0 !important;
        flex: 1 1 0 !important;
    }

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
        padding: 8px 6px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    #CybotCookiebotDialog,
    #CybotCookiebotDialog.CybotEdge {
        height: auto !important;
        min-height: 0 !important;
        max-height: 70dvh !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        padding: 10px 12px 12px !important;
    }

    #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper,
    #CybotCookiebotDialogBody {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 1 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #CybotCookiebotDialogBodyContent,
    #CybotCookiebotDialogTabContent,
    #CybotCookiebotDialog .CybotCookiebotScrollContainer:not(#CybotCookiebotDialogFooter) {
        flex: 0 1 auto !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    #CybotCookiebotDialogTabContentDetails,
    #CybotCookiebotDialogDetailBodyContent {
        max-height: 38dvh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #CybotCookiebotDialogBodyContentText,
    #CybotCookiebotDialog .CybotCookiebotDialogBodyContentText {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin: 0 0 8px !important;
    }

    #CybotCookiebotDialogFooter,
    #CybotCookiebotDialogFooter .CybotCookiebotScrollArea,
    #CybotCookiebotDialogBodyButtons,
    #CybotCookiebotDialogBodyButtonsWrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        border: 0 !important;
        border-bottom: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    #CybotCookiebotDialogFooter::before,
    #CybotCookiebotDialogFooter::after {
        display: none !important;
        content: none !important;
        border: none !important;
        background: none !important;
        height: 0 !important;
    }

    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide),
    #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide),
    #CybotCookiebotDialogBodyButtonAccept,
    #CybotCookiebotDialogBodyButtonDecline,
    #CybotCookiebotDialogBodyButtonAcceptNecessary,
    #CybotCookiebotDialogBodyLevelButtonCustomize,
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowall {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;
        padding: 5px 12px !important;
        min-height: 32px !important;
        height: auto !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }

    #CybotCookiebotDialog .CybotCookiebotDialogHide {
        display: none !important;
    }
}