/* Responsive adjustments for screens smaller than 600px */
@media (max-width: 600px) {

#cookieConsentContainer {
    width: 90%; /* Smaller width for mobile devices /
    padding: 16px; / Smaller padding /
    font-size: 14px; / Smaller font size for the whole container */
}

#cookieConsentContainer h2 {
    font-size: 16px; /* Smaller font size for the title */
}

#cookieConsentContainer p, #cookieConsentContainer div a {
    font-size: 14px; /* Smaller font size for text and links */
}

#cookieConsentContainer .button-container {
    flex-direction: column; /* Stack buttons vertically */
    gap: 10px;
}

#cookieConsentContainer button {
    width: 100%; /* Full width buttons */
}
}

/* CSS for Cookiebot dialog on mobile devices */
@media only screen and (max-width: 600px) {
  div#CybotCookiebotDialog {
    height: 50%; 
    width: 100%;
    padding: 0;
    margin: 0 auto; 
    position: fixed;
    bottom: 0;
    left: 0; 
    right: 0;
    transform: scale(0.8) translate(0%, 0%);
    transform-origin: bottom center;
  }

  div#CybotCookiebotDialogBodyUnderlay {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100vh;
  }
}