.elementor-2818 .elementor-element.elementor-element-a486f12{--display:flex;}.elementor-2818 .elementor-element.elementor-element-688df72{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-688df72 */.responsive-iframe-container {
  position: relative;
  width: 100%;
  padding-top: 64%; /* Standardverhältnis Desktop (≈ 16:10) */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(63, 69, 81, 0.16);
  margin: 1.6em 0;
  background: #fff;
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Mobile Optimierung */
@media (max-width: 768px) {
  .responsive-iframe-container {
    padding-top: 120%; /* Mehr Höhe für Smartphones */
    border-radius: 8px;
  }
}

/* Sehr kleine Geräte (Portrait) */
@media (max-width: 480px) {
  .responsive-iframe-container {
    padding-top: 150%; /* noch mehr Höhe, um Inhalt sichtbar zu halten */
  }
}/* End custom CSS */