/* v10 — Projektmedien: keine fixen leeren 600–800px-Boxen.
   Nur auf die Hauptmedien von Projektdetailseiten anwenden. */
.section.section-detail.bild-section > .container.bild-projektseite.w-container {
  display: block !important;
}
.section.section-detail.bild-section > .container.bild-projektseite.w-container > .div-block-7 {
  display: block !important;
  width: min(100%, 800px) !important;
  max-width: 800px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
}
.section.section-detail.bild-section > .container.bild-projektseite.w-container > .div-block-7 > img.image-18 {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  position: static !important;
  transform: none !important;
}
/* All 3 Vimeo boxes start at the same left edge as the project text/image. */
.section.section-detail.bild-section > .container.bild-projektseite.w-container > .div-block-7.motion-design {
  width: min(100%, 800px) !important;
  height: auto !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.section.section-detail.bild-section > .container.bild-projektseite.w-container > .div-block-7.motion-design > .w-video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Same spacing beneath project hero, regardless of original fixed height. */
.section.section-detail.bild-section:has(> .container.bild-projektseite.w-container) {
  padding-bottom: 48px !important;
}
@media(max-width:767px) {
  .section.section-detail.bild-section:has(> .container.bild-projektseite.w-container) {
    padding-bottom: 28px !important;
  }
}

/* v11 — Salzwasser page has a longer space below the teaser than the other
   motion-project pages. Remove only the extra 32 px, leave hero and galleries intact. */
@media (min-width: 768px) {
  body.project-salzwasser > section.section.section-detail.zur-ck-button + section.section.section-detail {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 767px) {
  body.project-salzwasser > section.section.section-detail.zur-ck-button + section.section.section-detail {
    padding-bottom: 32px !important;
  }
}