.elementor-2373 .elementor-element.elementor-element-f0ac4f5.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-2373 .elementor-element.elementor-element-f0ac4f5.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-2373 .elementor-element.elementor-element-f0ac4f5.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-2373 .elementor-element.elementor-element-f0ac4f5.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-2373 .elementor-element.elementor-element-f0ac4f5.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-2373 .elementor-element.elementor-element-4e97b40.elementor-column{align-self:inherit;cursor:default;}.elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri{writing-mode:inherit;}.elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri div{writing-mode:inherit;}.elementor-2373 .elementor-element.elementor-element-7ec32c1{text-align:center;}.elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > div, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > h1, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > h2, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > h3, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > h4, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > h5, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > h6, .elementor-2373 .elementor-element.elementor-element-7ec32c1.ob-harakiri > p{transform:rotate(0deg);}.elementor-2373 .elementor-element.elementor-element-7ec32c1 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-2373 .elementor-element.elementor-element-74ea696.ob-is-breaking-bad > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-2373 .elementor-element.elementor-element-74ea696.ob-is-breaking-bad.ob-bb-inner > .elementor-container{justify-content:flex-start !important;flex-direction:row;}.elementor-2373 .elementor-element.elementor-element-74ea696.ob-is-breaking-bad.ob-is-glider > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-2373 .elementor-element.elementor-element-74ea696.ob-is-breaking-bad.ob-is-glider.ob-bb-inner > .elementor-container.swiper-vertical{flex-direction:column;}.elementor-2373 .elementor-element.elementor-element-74ea696.ob-is-breaking-bad.ob-bb-inner{width:100%;flex:unset;align-self:inherit;}.elementor-2373 .elementor-element.elementor-element-7ba70b3.elementor-column{align-self:inherit;cursor:default;}.elementor-2373 .elementor-element.elementor-element-ee34c31.elementor-column{align-self:inherit;cursor:default;}.elementor-2373 .elementor-element.elementor-element-28d9a66 .cart button, .elementor-2373 .elementor-element.elementor-element-28d9a66 .cart .button{transition:all 0.2s;}.elementor-2373 .elementor-element.elementor-element-28d9a66 .quantity .qty{transition:all 0.2s;}/* Start custom CSS *//* 📱 Lieblings-Stoffe.de – Mobile Stoffvorschau-Optimierung */
@media (max-width: 768px) {

  /* 🧵 Container der Stoffvorschau */
  .elementor .woocommerce div.product .woocommerce-product-gallery,
  .stoffvorschau-wrapper,
  .elementor-widget-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 🔹 Das Stoffvorschau-Bild oder Canvas */
  .elementor .woocommerce div.product .woocommerce-product-gallery img,
  .stoffvorschau-wrapper img,
  canvas,
  .stoffvorschau {
    width: 90% !important;
    height: auto !important;
    max-height: 70vw !important; /* passt sich an Bildschirmhöhe an */
    object-fit: contain !important;
    border-radius: 10px !important;
    border: 1px solid #eee !important;
    background: #fafafa !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  }

  /* 🔹 Abstand vor/nach Stoffvorschau reduzieren */
  .elementor-heading-title,
  h2.elementor-heading-title {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  /* 🔹 Zentrierter Titel */
  h2.elementor-heading-title {
    text-align: center !important;
    font-size: 1.4em !important;
    line-height: 1.3 !important;
  }

  /* 🔹 Kein unnötiger Weißraum zwischen Abschnitten */
  .elementor-section {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }

  /* 🔹 Scroll-Optimierung – kein seitliches Scrollen */
  html, body {
    overflow-x: hidden !important;
  }
}/* End custom CSS */