.elementor-12254 .elementor-element.elementor-element-1bfc7586 > .elementor-container{max-width:1231px;}.elementor-12254 .elementor-element.elementor-element-1bfc7586{margin-top:0px;margin-bottom:-105px;}.elementor-bc-flex-widget .elementor-12254 .elementor-element.elementor-element-7599860.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12254 .elementor-element.elementor-element-7599860.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12254 .elementor-element.elementor-element-7599860 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-12254 .elementor-element.elementor-element-7599860 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-12254 .elementor-element.elementor-element-7599860 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri div{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > div, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > h1, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > h2, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > h3, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > h4, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > h5, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > h6, .elementor-12254 .elementor-element.elementor-element-24d0709.ob-harakiri > p{transform:rotate(0deg);}.elementor-12254 .elementor-element.elementor-element-24d0709 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-4b3faaba > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-12254 .elementor-element.elementor-element-4b3faaba > .elementor-element-populated{padding:70px 70px 70px 70px;}.elementor-12254 .elementor-element.elementor-element-4554ff3 .elementor-heading-title{font-family:"Archivo Narrow", Sans-serif;font-size:50px;text-transform:capitalize;}.woocommerce .elementor-12254 .elementor-element.elementor-element-5f4beb5d .woocommerce-review-link{color:#000000;font-family:"Merriweather", Sans-serif;font-size:14px;font-weight:200;line-height:1.7em;}.woocommerce .elementor-12254 .elementor-element.elementor-element-5f4beb5d .star-rating{font-size:0.7em;}.elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri div{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > div, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > h1, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > h2, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > h3, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > h4, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > h5, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > h6, .elementor-12254 .elementor-element.elementor-element-4593ecf2.ob-harakiri > p{transform:rotate(0deg);}.elementor-12254 .elementor-element.elementor-element-4593ecf2 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri div{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > div, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > h1, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > h2, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > h3, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > h4, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > h5, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > h6, .elementor-12254 .elementor-element.elementor-element-7db6df30.ob-harakiri > p{transform:rotate(0deg);}.elementor-12254 .elementor-element.elementor-element-7db6df30 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-65c41e97 .cart button, .elementor-12254 .elementor-element.elementor-element-65c41e97 .cart .button{font-family:"Archivo Narrow", Sans-serif;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:14px 035px 14px 35px;background-color:#BC888F;transition:all 0.3s;}.elementor-12254 .elementor-element.elementor-element-65c41e97 .cart button:hover, .elementor-12254 .elementor-element.elementor-element-65c41e97 .cart .button:hover{color:#000000;background-color:rgba(255,255,255,0.05);border-color:#000000;}.elementor-12254 .elementor-element.elementor-element-65c41e97 .quantity .qty{border-radius:0px 0px 0px 0px;transition:all 0.2s;}.elementor-12254 .elementor-element.elementor-element-65c41e97 .quantity .qty:focus{color:#000000;}.elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri div{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > div, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > h1, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > h2, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > h3, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > h4, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > h5, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > h6, .elementor-12254 .elementor-element.elementor-element-307e0221.ob-harakiri > p{transform:rotate(0deg);}.elementor-12254 .elementor-element.elementor-element-307e0221 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-2760c726 > .elementor-element-populated{padding:10px 70px 0px 70px;}.elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri div{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-8806b37{text-align:center;}.elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > div, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > h1, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > h2, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > h3, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > h4, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > h5, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > h6, .elementor-12254 .elementor-element.elementor-element-8806b37.ob-harakiri > p{transform:rotate(0deg);}.elementor-12254 .elementor-element.elementor-element-8806b37 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-4969b01{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-12254 .elementor-element.elementor-element-4969b01 .elementor-divider-separator{width:100%;}.elementor-12254 .elementor-element.elementor-element-4969b01 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri div{writing-mode:inherit;}.elementor-12254 .elementor-element.elementor-element-bfb1f70{text-align:left;}.elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > div, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > h1, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > h2, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > h3, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > h4, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > h5, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > h6, .elementor-12254 .elementor-element.elementor-element-bfb1f70.ob-harakiri > p{transform:rotate(0deg);}.elementor-12254 .elementor-element.elementor-element-bfb1f70 > div{text-indent:0px;mix-blend-mode:inherit;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs ul.wc-tabs li{background-color:#efefef;border-radius:4px 4px 0 0;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs .woocommerce-Tabs-panel, .woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs ul.wc-tabs li.active{background-color:#f2f2f2;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs ul.wc-tabs li.active{border-bottom-color:#f2f2f2;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs ul.wc-tabs li a{font-family:"Merriweather", Sans-serif;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs .woocommerce-Tabs-panel{font-family:"Merriweather", Sans-serif;font-size:13px;font-weight:100;line-height:1.6em;border-radius:0px 0px 0px 0px;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-Tabs-panel h2{color:#7a7a7a;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs .woocommerce-Tabs-panel h2{font-family:"Merriweather", Sans-serif;font-size:30px;font-weight:100;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs ul.wc-tabs{margin-left:0px;margin-right:0px;}.elementor-12254 .elementor-element.elementor-element-2cbc2a36{margin-top:0em;margin-bottom:4em;}@media(max-width:1024px){.elementor-12254 .elementor-element.elementor-element-1bfc7586{margin-top:0px;margin-bottom:0px;}.elementor-12254 .elementor-element.elementor-element-7599860 > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-12254 .elementor-element.elementor-element-4b3faaba > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-12254 .elementor-element.elementor-element-10087bf5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-12254 .elementor-element.elementor-element-2760c726 > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-12254 .elementor-element.elementor-element-2cbc2a36{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}@media(max-width:430px){.elementor-12254 .elementor-element.elementor-element-1bfc7586{margin-top:0em;margin-bottom:0em;padding:1em 1em 1em 1em;}.elementor-12254 .elementor-element.elementor-element-7599860{width:90%;}.elementor-bc-flex-widget .elementor-12254 .elementor-element.elementor-element-7599860.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12254 .elementor-element.elementor-element-7599860.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12254 .elementor-element.elementor-element-7599860.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12254 .elementor-element.elementor-element-7599860 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-12254 .elementor-element.elementor-element-4b3faaba{width:90%;}.elementor-bc-flex-widget .elementor-12254 .elementor-element.elementor-element-4b3faaba.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12254 .elementor-element.elementor-element-4b3faaba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12254 .elementor-element.elementor-element-4b3faaba.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-12254 .elementor-element.elementor-element-4b3faaba > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-12254 .elementor-element.elementor-element-4b3faaba > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-12254 .elementor-element.elementor-element-4554ff3{width:auto;max-width:auto;text-align:center;}.elementor-12254 .elementor-element.elementor-element-2760c726 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-12254 .elementor-element.elementor-element-bfb1f70 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12254 .elementor-element.elementor-element-bfb1f70{text-align:center;}.woocommerce .elementor-12254 .elementor-element.elementor-element-4f34f1d1 .woocommerce-tabs ul.wc-tabs li a{font-size:15px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-65c41e97 */.wau-auto-width {
    margin-bottom: 1.5em;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1bfc7586 *//*******************************************************
 🌸 Lieblings-Stoffe.de – Design Upload Seite (Feinschliff)
********************************************************/

:root {
  --ls-rosa: #f2cfd8;
  --ls-gold: #c5b358;
  --ls-text: #222;
  --ls-gray: #777;
  --ls-border: #e6e6e6;
}

/* 🧵 1. Gesamtoptik & Abstände */
.single-product .product {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
  margin-top: 40px;
}

.product_title {
  font-size: 44px !important;
  font-weight: 600;
  color: var(--ls-text);
  margin-bottom: 15px;
  letter-spacing: -0.5px;
}

.woocommerce-product-details__short-description {
  font-size: 15px;
  color: var(--ls-gray);
  line-height: 1.6;
  margin-bottom: 25px;
}

/* 📷 2. Designvorschau-Box */
.ls-frame {
  border: 1px solid var(--ls-border);
  border-radius: 18px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  padding: 35px;
  background: #fff;
  max-width: 600px;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.ls-frame:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

.ls-container {
  border-radius: 12px;
  background-color: #fdfdfd;
  border: 1px solid var(--ls-border);
  overflow: hidden;
}

/* 📏 3. Lineale – feiner & dezenter */
.ls-ruler-top,
.ls-ruler-left {
  color: #d8a9b3 !important;
  font-size: 12px !important;
  font-weight: 600;
}

.ls-ruler-top {
  border-bottom: 1px solid #f4dbe0 !important;
}

.ls-ruler-left {
  border-right: 1px solid #f4dbe0 !important;
}

/* 💾 4. Uploadfeld & Dateiinfo */
.ls-upload {
  background: #fff;
  border: 2px dashed var(--ls-rosa);
  border-radius: 12px;
  padding: 25px 20px;
  text-align: center;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.ls-upload:hover {
  border-color: var(--ls-gold);
  box-shadow: 0 0 10px rgba(197, 179, 88, 0.1);
}

#ls-file {
  cursor: pointer;
  font-size: 16px;
  color: var(--ls-text);
}

#ls-dim {
  font-size: 14px;
  color: var(--ls-gray);
  margin-top: 8px;
  font-style: italic;
}

/* 🪶 5. Info-Box */
.ls-info {
  background: #f9f9f9;
  border-left: 4px solid var(--ls-gold);
  padding: 18px 22px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

/* 🛒 6. Warenkorb-Bereich */
.single_add_to_cart_button {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  padding: 12px 35px !important;
  transition: all 0.3s ease !important;
}

.single_add_to_cart_button:hover {
  background-color: #444 !important;
  transform: translateY(-2px);
}

/* 💬 7. Zusatzinfos (Produktion, Menge etc.) */
.product_meta,
.woocommerce-product-details__short-description {
  color: var(--ls-gray);
  font-size: 14px;
  line-height: 1.6;
}

.woocommerce-product-details__short-description strong {
  color: var(--ls-text);
}

/* 📱 8. Responsive (Mobilansicht) */
@media (max-width: 768px) {
  .single-product .product {
    flex-direction: column;
    gap: 30px;
  }

  .product_title {
    font-size: 32px !important;
    text-align: center;
  }

  .ls-frame {
    max-width: 100%;
    padding: 25px;
  }

  .single_add_to_cart_button {
    width: 100%;
  }
}
/* 🔧 Fix: DPI / cm Anzeige sichtbar machen */
#ls-dim {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #777 !important;
  font-size: 14px !important;
  font-style: italic;
  margin-top: 8px;
  text-align: left;
  position: relative;
  z-index: 5;
}
<script>

document.addEventListener("DOMContentLoaded", function() {
  const qtyContainers = document.querySelectorAll(".quantity.buttons_added");
  qtyContainers.forEach(container => {
    const minus = container.querySelector(".minus");
    const plus = container.querySelector(".plus");
    const input = container.querySelector(".qty");

    minus.addEventListener("click", function() {
      let val = parseFloat(input.value) || 0;
      if (val > 1) input.value = (val - 1).toFixed(0);
      input.dispatchEvent(new Event('change'));
    });

    plus.addEventListener("click", function() {
      let val = parseFloat(input.value) || 0;
      input.value = (val + 1).toFixed(0);
      input.dispatchEvent(new Event('change'));
    });
  });
});
</script>
//* End custom CSS */
/* 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 */