{"product_id":"kidmasterpiece","title":"KidMasterpiece™","description":"\u003cstyle\u003e\n  .secao {\n    text-align: center;\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 15px;\n  }\n\n  .secao \u003e img {\n    width: 100%;\n    height: auto;\n    max-width: 400px;\n    display: block;\n    border: none;\n    box-shadow: none;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .review {\n    margin-bottom: 10px;\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n    border-radius: 10px;\n    color: #000;\n    background-color: #f2f4f5;\n    border: none;\n  }\n  .review-image {\n    width: 100%;\n    height: 250px !important;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    border-radius: 8px 8px 0 0;\n    margin: 0;\n    border: none;\n    box-shadow: none;\n  }\n\n  .star-box {\n    display: inline-block;\n    background-color: #fff;\n    border-radius: 16px;\n    padding: 6px 14px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n    line-height: 1;\n    position: relative;\n    z-index: 2;\n    margin-top: -18px;\n    color: #ffc400;\n    font-size: 1.4em;\n    \/* Center the box *\/\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .review-content {\n    text-align: center;\n    padding: 15px 10px 10px 10px;\n    font-size: 90%;\n  }\n  .review-content p:first-child {\n    font-weight: bold;\n  }\n  .review-carousel {\n    position: relative;\n    max-width: 1200px;\n    margin: 0px auto;\n    overflow: hidden;\n  }\n\n  .review-carousel-wrapper {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  .review-slide {\n    min-width: 100%;\n    box-sizing: border-box;\n  }\n\n  .review-carousel-button {\n    position: absolute;\n    top: 40%;\n    transform: translateY(-50%);\n    background-color: #f3f5f5af;\n    color: #000;\n    border: none;\n    padding: 5px 10px;\n    cursor: pointer;\n    border-radius: 50%;\n    z-index: 100;\n    font-size: 20px;\n  }\n\n  .review-carousel-button.prev {\n    left: 10px;\n  }\n\n  .review-carousel-button.next {\n    right: 10px;\n  }\n\n  .review-carousel-dots {\n    text-align: center;\n    padding: 0;\n  }\n\n  .review-carousel-dot {\n    cursor: pointer;\n    height: 12px;\n    width: 12px;\n    margin: 0 5px;\n    background-color: #cccccc;\n    border-radius: 50%;\n    display: inline-block;\n    transition: background-color 0.6s ease;\n  }\n\n  .review-carousel-dot.active {\n    background-color: #4b4b4b;\n  }\n  .lightbox {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.8);\n    justify-content: center;\n    align-items: center;\n  }\n\n  .lightbox-content {\n    max-width: 90%;\n    max-height: 90%;\n    display: block;\n    margin: auto;\n  }\n\n  .lightbox-close {\n    position: absolute;\n    top: 20px;\n    right: 35px;\n    color: #f1f1f1;\n    font-size: 40px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n\n  @media (min-width: 601px) {\n    .review-carousel-wrapper {\n      display: flex;\n      gap: 20px;\n      transform: none !important;\n    }\n\n    .review-carousel .review-slide {\n      min-width: 0;\n      flex: 1 1 30%;\n    }\n\n    .review-carousel .review-content {\n      padding: 15px;\n      box-sizing: border-box;\n    }\n\n    .review-carousel-button,\n    .review-carousel-dots {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .secao {\n      text-align: center;\n    }\n\n    .review {\n      max-width: 400px;\n      margin-left: auto;\n      margin-right: auto;\n      width: 100%;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Accordion functionality\n    const accordionHeaders = document.querySelectorAll(\".accordion-header\");\n    accordionHeaders.forEach((header) =\u003e {\n      header.addEventListener(\"click\", function () {\n        const allBodies = document.querySelectorAll(\".accordion-body\");\n        const allIcons = document.querySelectorAll(\".accordion-header .icon\");\n        const currentBody = this.nextElementSibling;\n        const isActive = currentBody.classList.contains(\"active\");\n\n        allBodies.forEach((body) =\u003e {\n          body.classList.remove(\"active\");\n          body.style.maxHeight = null;\n        });\n        allIcons.forEach((icon) =\u003e {\n          icon.textContent = \"+\";\n        });\n\n        if (!isActive) {\n          currentBody.classList.add(\"active\");\n          this.querySelector(\".icon\").textContent = \"-\";\n          currentBody.style.maxHeight = currentBody.scrollHeight + 80 + \"px\";\n        }\n      });\n    });\n\n    \/\/ Review Carousel\n    const carouselWrapper = document.querySelector(\".review-carousel-wrapper\");\n    if (carouselWrapper) {\n      const slides = Array.from(carouselWrapper.children);\n      const nextButton = document.querySelector(\".review-carousel-button.next\");\n      const prevButton = document.querySelector(\".review-carousel-button.prev\");\n      const dotsContainer = document.querySelector(\".review-carousel-dots\");\n\n      let currentIndex = 0;\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n      if (dotsContainer) {\n        dotsContainer.innerHTML = \"\";\n        slides.forEach((_, i) =\u003e {\n          const dot = document.createElement(\"span\");\n          dot.classList.add(\"review-carousel-dot\");\n          if (i === 0) dot.classList.add(\"active\");\n          dot.addEventListener(\"click\", () =\u003e {\n            currentIndex = i;\n            updateCarousel();\n          });\n          dotsContainer.appendChild(dot);\n        });\n      }\n\n      const dots = dotsContainer ? Array.from(dotsContainer.children) : [];\n\n      function updateCarousel() {\n        if (window.innerWidth \u003c= 600) {\n          carouselWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n        } else {\n          carouselWrapper.style.transform = \"none\";\n        }\n        if (dots.length \u003e 0) {\n          dots.forEach((dot, i) =\u003e {\n            dot.classList.toggle(\"active\", i === currentIndex);\n          });\n        }\n      }\n\n      if (nextButton) {\n        nextButton.addEventListener(\"click\", () =\u003e {\n          currentIndex = (currentIndex + 1) % slides.length;\n          updateCarousel();\n        });\n      }\n\n      if (prevButton) {\n        prevButton.addEventListener(\"click\", () =\u003e {\n          currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n          updateCarousel();\n        });\n      }\n\n      carouselWrapper.addEventListener(\n        \"touchstart\",\n        (e) =\u003e {\n          touchStartX = e.changedTouches[0].screenX;\n        },\n        { passive: true }\n      );\n\n      carouselWrapper.addEventListener(\"touchend\", (e) =\u003e {\n        touchEndX = e.changedTouches[0].screenX;\n        handleSwipe();\n      });\n\n      function handleSwipe() {\n        if (window.innerWidth \u003e 600) return;\n        const swipeThreshold = 50; \/\/ minimum distance for a swipe\n        if (touchStartX - touchEndX \u003e swipeThreshold) {\n          \/\/ Swiped left\n          currentIndex = (currentIndex + 1) % slides.length;\n          updateCarousel();\n        } else if (touchEndX - touchStartX \u003e swipeThreshold) {\n          \/\/ Swiped right\n          currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n          updateCarousel();\n        }\n      }\n\n      window.addEventListener(\"resize\", () =\u003e {\n        updateCarousel();\n      });\n\n      updateCarousel();\n    }\n\n    \/\/ Lightbox functionality\n    const lightbox = document.getElementById(\"myLightbox\");\n    if (lightbox) {\n      const lightboxImg = document.getElementById(\"lightboxImg\");\n      const reviewImages = document.querySelectorAll(\".review-image\");\n      const closeBtn = document.querySelector(\".lightbox-close\");\n\n      reviewImages.forEach((img) =\u003e {\n        img.style.cursor = \"pointer\";\n        img.addEventListener(\"click\", () =\u003e {\n          document.body.appendChild(lightbox);\n          lightbox.style.display = \"flex\";\n          lightboxImg.src = img.src;\n        });\n      });\n\n      function closeLightbox() {\n        lightbox.style.display = \"none\";\n      }\n\n      if (closeBtn) {\n        closeBtn.addEventListener(\"click\", closeLightbox);\n      }\n\n      lightbox.addEventListener(\"click\", (e) =\u003e {\n        if (e.target === lightbox) {\n          closeLightbox();\n        }\n      });\n    }\n  });\n\u003c\/script\u003e\n\n\u003c!-- First section --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch3\u003eRahmen Sie die Fantasie Ihres Kindes ein - Bild für Bild!\u003c\/h3\u003e\n  \u003cp\u003eErwecken Sie die Kreativität Ihres Kindes zum Leben mit diesem intelligenten Magnetrahmen, der das Präsentieren seiner Kunstwerke mühelos und spaßig macht. Mit seinem austauschbaren Design können Sie jederzeit mühelos neue Zeichnungen einsetzen und Ihren Raum frisch und inspirierend halten. Geben Sie ihren Kunstwerken das Rampenlicht, das sie verdienen, während Sie Fantasie, Stolz und Selbstvertrauen fördern – alles in einer schön organisierten Ausstellung.\u003c\/p\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/1_3f249831-1d84-4dd1-a45e-ca5efe0c69d2.webp?v=1766015017\" alt=\"gif\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Second section --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch3\u003eMüheloses Wechseln, endlose Kreativität!\u003c\/h3\u003e\n  \u003cp\u003eDer starke Magnetverschluss ermöglicht es kleinen Händen, ihre Kreationen mühelos zu öffnen, zu schließen und auszutauschen – keine Hilfe nötig! Ob an der Wand aufgehängt (vertikal oder horizontal) oder ordentlich auf einem Schreibtisch platziert, es verleiht jedem Raum einen Hauch von Stil und Ordnung. Entwickelt für einfaches Wechseln, ermutigt es Kinder, stolz auf ihre Arbeit zu sein, stärkt das Selbstvertrauen und hält Ihr Zuhause frisch und aufgeräumt – und feiert dabei ihre endlose Fantasie.\u003c\/p\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/2_de5a3d10-7977-4ae7-acf4-3d0c2e257920.webp?v=1766015015\" alt=\"image\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Third section --\u003e\n\u003cdiv class=\"secao\" style=\"text-align: center\"\u003e\n  \n  \n  \u003cp\u003e\u003ci\u003e“Ich liebe es, wie einfach dieser Rahmen es meinem Kind macht, seine Kunstwerke auszustellen! Er sieht in unserem Wohnzimmer stilvoll aus, und ich liebe es, wie er alles ordentlich hält und gleichzeitig ihrer Kunst die Aufmerksamkeit schenkt, die sie verdient. Wirklich eines der besten Andenken, die wir gekauft haben!”\u003c\/i\u003e - Karen W.\u003c\/p\u003e\n  \u003cp\u003e\u003cb\u003eStolze Momente, wunderschön gerahmt.\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Fourth section --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch3\u003eHauptmerkmale:\u003c\/h3\u003e\n  \u003cdiv style=\"text-align: left\"\u003e\n    \u003cp\u003e\u003cb\u003ePremium-Handwerkskunst:\u003c\/b\u003e Hergestellt aus haltbarem Kiefernholz mit einem glatten braunen und weißen Finish für einen warmen, stilvollen Look.\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003ePerfekte Passform:\u003c\/b\u003e Entworfen, um Kunstwerke im A4-Format zu halten, ideal für die kreativen Zeichnungen oder geschätzten Fotos Ihres Kindes.\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003eGeräumiger Speicher:\u003c\/b\u003e Eingebautes Fach speichert ordentlich bis zu 150 Kunstwerke oder Fotos und hält alles organisiert.\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003eKinderfreundlicher Magnetverschluss:\u003c\/b\u003e Starker Magnetverschluss ermöglicht einfaches Öffnen, Schließen und Austauschen von Kunstwerken – perfekt für kleine Hände.\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003eFlexible Anzeigeoptionen:\u003c\/b\u003e Vertikal oder horizontal aufhängen oder auf einen Schreibtisch stellen – kein Ständer erforderlich.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/4_78e15198-7ddf-436c-a171-69b7b22b8bf4.webp?v=1766015018\" alt=\"gif\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Review cards --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eKundenbewertungen\u003c\/h2\u003e\n  \u003cdiv class=\"review-carousel\"\u003e\n    \u003cdiv class=\"review-carousel-wrapper\"\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/5-review1.webp?v=1766015015\" alt=\"reviewCard1\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eAnna\u003c\/p\u003e\n            \u003cp\u003eIch liebe diesen Rahmen absolut! Endlich eine schöne Möglichkeit, die Kunstwerke meiner Tochter auszustellen, ohne überall Papier festzukleben. 10\/10.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/6-review2.jpg?v=1766015015\" alt=\"reviewCard2\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eLena\u003c\/p\u003e\n            \u003cp\u003eEinfach zu installieren, und das Design ermöglicht sowohl die Verwendung auf dem Schreibtisch als auch an der Wand. Empfehlenswert.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/7-review3.webp?v=1766015014\" alt=\"reviewCard3\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eMia\u003c\/p\u003e\n            \u003cp\u003eDas hat unseren Flur wie eine Kunstgalerie aussehen lassen. Mein Sohn liebt es, seine Zeichnungen ausgestellt zu sehen, und ich liebe es, wie sauber und organisiert es aussieht. Ich liebe es sehr!\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"review-carousel-button prev\"\u003e❮\u003c\/button\u003e\n    \u003cbutton class=\"review-carousel-button next\"\u003e❯\u003c\/button\u003e\n    \u003cdiv class=\"review-carousel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- The Lightbox --\u003e\n\u003cdiv id=\"myLightbox\" class=\"lightbox\"\u003e\n  \u003cspan class=\"lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cimg class=\"lightbox-content\" id=\"lightboxImg\"\u003e\n\u003c\/div\u003e\n","brand":"FoxyNow","offers":[{"title":"1er-Pack","offer_id":56608963002751,"sku":"no","price":39.9,"currency_code":"CHF","in_stock":true},{"title":"2er-Pack","offer_id":56608963035519,"sku":"no","price":64.9,"currency_code":"CHF","in_stock":true},{"title":"4er-Pack","offer_id":56608963068287,"sku":"no","price":99.9,"currency_code":"CHF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0929\/9692\/7871\/files\/E6926541-6CE7-40C7-8E42-E0246E149B59_2e6044c6-cb45-497c-8fd7-6f5be41f8d85.png?v=1766255566","url":"https:\/\/genialvibe.com\/products\/kidmasterpiece","provider":"GenialVibe","version":"1.0","type":"link"}