/* Standardfarbe der Buttons im Cookiebanner */
body .mod_privacy_optin .privacy_buttons input,
body .mod_privacy_optin_medium .privacy_buttons input {
  background-color: #001f3f !important; /* neue Hintergrundfarbe */
  color: #ffffff !important;             /* Textfarbe */
  border: none !important;
  border-radius: 4px;                    /* optional, für rundere Ecken */
  padding: 0.6em 1.2em;                  /* optional, für etwas mehr Platz */
  cursor: pointer;
}

/* Hover-Effekt */
body .mod_privacy_optin .privacy_buttons input:hover,
body .mod_privacy_optin_medium .privacy_buttons input:hover {
  background-color: #003366 !important; /* dunklere Variante beim Hover */
  
  
  /* Standard-Linkfarbe */
body .mod_privacy_optin .decorated-link.cursor-pointer,
body .mod_privacy_optin_medium .decorated-link.cursor-pointer {
    color: #001f3f; /* normale Farbe */
    text-decoration: underline; /* optional */
    transition: color 0.3s ease; /* sanfter Übergang beim Hover */
}

/* Hover-Farbe */
body .mod_privacy_optin .decorated-link.cursor-pointer:hover,
body .mod_privacy_optin_medium .decorated-link.cursor-pointer:hover {
    color: #3399ff; /* hellere Variante für Hover */
}


/* --- Videoelement: Hintergrundangleichung und iPad-Fix --- */
.ce_video,
.ce_video video {
  background-color: #dbe64c !important; /* dein Hintergrund */
}

.ce_video video {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  object-fit: cover; /* füllt Container, verhindert schwarze Ränder */
  background-color: inherit; /* nutzt denselben Farbton wie Container */
}

@media (max-width: 767px) {
  /* UL Container */
  ul#gallery_130402.flex-gallery {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  /* LI direktes Kind des UL */
  ul#gallery_130402.flex-gallery > li.entry {
    width: 100%;
    max-width: 100%;
    flex: none;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  /* Figure direktes Kind des LI */
  ul#gallery_130402.flex-gallery > li.entry > figure.image_container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  /* Bild selbst (img + picture) */
  ul#gallery_130402.flex-gallery > li.entry > figure.image_container img,
  ul#gallery_130402.flex-gallery > li.entry > figure.image_container picture {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
}