/* 1) Responsive wrapper that hides anything outside its box */
#iframeContainer, #iframeContainer .fluid-frame {
  position: relative;
  width: 100%;
  min-height: 320px;
  max-height: 90vh;
  height: 70vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* 2) Fill the wrapper; crop bottom chrome */
#iframeContainer .fluid-frame iframe,
#iframeContainer > iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
  min-height: 320px;
  background: #fff;
}

/* Mobile: etwas weniger Höhe */
@media (max-width: 600px) {
  #iframeContainer, #iframeContainer .fluid-frame {
    height: 70vh;
    min-height: 200px;
    max-height: 100vh;
  }
}