/* Cookiebot-Banner: Mobile-Fix
   Das Standard-Dialog-Template positioniert sich mit translate(-50%,-50%),
   verliert auf schmalen Viewports aber sein left/top: 50% und haengt dann
   halb ausserhalb des Screens (Text links abgeschnitten). Diese Overrides
   erzwingen auf Mobile ein sauberes Bottom-Sheet mit gestapelten Buttons. */

@media (max-width: 768px) {
    #CybotCookiebotDialog {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        border-radius: 0 !important;
        max-height: 85dvh !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    /* Inhalt scrollt innerhalb des Sheets, Buttons bleiben erreichbar */
    #CybotCookiebotDialog .CybotCookiebotScrollContainer {
        max-height: none !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }

    #CybotCookiebotDialogBodyButtonsWrapper {
        flex-direction: column !important;
        gap: 8px !important;
    }

    #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
        width: 100% !important;
        margin: 0 !important;
    }
}