/**
 * Custom overrides – Mobile-Menü, CMS-Leerzustände, YouTube-Embed
 * Wird nach den Webflow-Styles geladen.
 */

/* YouTube-Embed: Video spielt auf der Seite, keine weiße Umrahmung */
.youtube-embed-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #0f0f0f;
  border-radius: 8px;
  /* Dunkler Rand überdeckt weißen Rand des YouTube-Players */
  box-shadow: inset 0 0 0 1px #0f0f0f;
}
.youtube-embed-wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

/* Sidebar auf Tablet/Mobile bei geöffnetem Menü sichtbar */
@media screen and (max-width: 991px) {
  .sidebar.is-open .sidebar-content {
    display: flex !important;
  }
  .sidebar.is-open .sidebar-bg-tablet {
    display: block !important;
  }
}

/* Optional: Body-Scroll sperren wenn Menü offen */
body.sidebar-open {
  overflow: hidden;
}