/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.9.1647525431
Updated: 2022-03-17 14:57:11

*/

.video-awscontainer {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}
.video-awscontainer video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ergofit-kontakt-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius:12px;
  padding:25px;
  margin:25px 0;            /* <-- statt auto: nicht mehr zentriert */
  max-width:500px;
}

/* optional: falls Divi trotzdem versucht zu zentrieren */
body.single-product .woocommerce div.product .summary .ergofit-kontakt-box{
  margin-left:0 !important;
  margin-right:auto !important;
}

@media (max-width:480px){
  .ergofit-kontakt-box{
    flex-direction:column;
    gap:20px;
  }
}

/* Neu */

/* ===========================================
   MATRATZEN - RESPONSIVE PRODUKTBILDER
   =========================================== */

/* DESKTOP: Mobile-Bild verstecken */
.mobile-only-image-single {
    display: none !important;
}

.mobile-only-image {
    display: none !important;
}

/* MOBILE: Mobile-Bild zeigen, Standard-Galerie verstecken */
@media screen and (max-width: 767px) {
    
    /* Mobile-Bild anzeigen */
    .mobile-only-image-single {
        display: block !important;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .mobile-only-image-single img {
        width: 100%;
        height: auto;
    }
    
    /* Standard WooCommerce Produktgalerie verstecken */
    .product_cat-matratzen .woocommerce-product-gallery {
        display: none !important;
    }
    
    /* Kategorieseite */
    .mobile-only-image {
        display: block !important;
    }
}