{"product_id":"upsocks-schwarz","title":"Upsocks Schwarz","description":"\u003cstyle\u003e\n  .accordion-wrapper {\n    margin: 0;\n  }\n\n  .accordion-item + .accordion-item {\n    margin-top: 0.5rem;\n  }\n\n  .accordion-title {\n    cursor: pointer;\n    padding: 0.8rem 0;\n    font-weight: bold;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .accordion-title::after {\n    content: \"+\";\n    font-size: 1.4rem;\n    transition: transform 0.3s ease;\n  }\n\n  .accordion-item.open .accordion-title::after {\n    content: \"–\";\n  }\n\n  .accordion-content {\n    display: none;\n    padding: 0.2rem 0 0.5rem;\n    margin-top: -0.2rem;\n  }\n\n  .accordion-item.open .accordion-content {\n    display: block;\n  }\n\n  \/* Popup *\/\n  .material-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.95);\n    color: #fff;\n    z-index: 9999;\n    padding: 2rem;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .25s ease;\n  }\n\n  .material-overlay.active {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .material-popup {\n    background: #000;\n    padding: 2rem;\n    max-width: 600px;\n    width: 90%;\n    text-align: left;\n    position: relative;\n  }\n\n  .material-popup h3 {\n    margin-top: 0;\n    font-size: 1.8rem;\n    margin-bottom: 1rem;\n    text-align: center;\n  }\n\n  .material-popup p {\n    font-size: 1rem;\n    line-height: 1.6;\n  }\n\n  .close-btn {\n    position: fixed;\n    right: 1.2rem;\n    font-size: 2.5rem;\n    cursor: pointer;\n    color: #fff;\n    z-index: 10000;\n  }\n\n  .material-link {\n    text-decoration: underline;\n    text-underline-offset: 2px;\n    cursor: pointer;\n  }\n\n  .material-link:hover {\n    color: #ccc;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"accordion-wrapper\"\u003e\n\n  \u003c!-- Produktbeschreibung --\u003e\n  \u003cdiv class=\"accordion-item open\"\u003e\n    \u003cdiv class=\"accordion-title\"\u003ePRODUKTBESCHREIBUNG\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cp\u003eOb im Anzugsschuh, im Sneaker oder im Loafer – diese Socken möchten an deine Füsse!\u003c\/p\u003e\n\n      \u003cp\u003eUnsere Materialmischung (siehe Details) sorgt für besonders weiche, atmungsaktive Socken mit hohem Tragekomfort. Bambus-Viskose fühlt sich angenehm auf der Haut an und nimmt Feuchtigkeit gut auf, während recyceltes Polyamid die Strapazierfähigkeit und Langlebigkeit erhöht (darauf legen wir hohen Wert). Elasthan sorgt für eine flexible Passform und einen sicheren Sitz – den ganzen Tag.\u003c\/p\u003e\n\n      \u003cp\u003eDie edle Logo-Stickerei macht die Socken ausserdem zu einem Hingucker.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Details --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cdiv class=\"accordion-title\"\u003eDETAILS\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cul\u003e\n        \u003cli\u003eOEKO-TEX® STANDARD 100\u003c\/li\u003e\n        \u003cli\u003e\n          \u003ca href=\"#\" class=\"material-link\" data-material=\"bamboo\"\u003e77% Bambus\u003c\/a\u003e,\n          \u003ca href=\"#\" class=\"material-link\" data-material=\"recycledpolyamide\"\u003e20% recyceltes Polyamid\u003c\/a\u003e,\n          3% Elasthan\n        \u003c\/li\u003e\n        \u003cli\u003eDesignt in der Schweiz\u003c\/li\u003e\n        \u003cli\u003eProduziert in der Türkei\u003c\/li\u003e\n        \u003cli\u003eEdle Logo-Stickerei an der Seite\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Pflege --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cdiv class=\"accordion-title\"\u003eWICHTIGER PFLEGEHINWEIS\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cp\u003eWir empfehlen dir, die Socken bei maximal 40 Grad in der Waschmaschine und ohne Weichspüler zu waschen, damit die Materialeigenschaften bestmöglich erhalten bleiben.\u003c\/p\u003e\n\n      \u003cp\u003eSocken am besten an der Luft trocknen lassen und bitte nicht im Tumbler trocknen.\u003c\/p\u003e\n\n      \u003cp\u003eBitte beachte, dass die Socken vor dem ersten Waschgang noch etwas grösser wirken, sich anschliessend aber durch ihre Flexibilität schön an deine Füsse anpassen.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Passform --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cdiv class=\"accordion-title\"\u003ePASSFORM \u0026amp; GRÖSSEN\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cp\u003eDie Socken gibt es in den Grössen 33–35, 36–38, 39–41 und 42–45.\u003c\/p\u003e\n\n      \u003cp\u003eIm Zweifelsfall empfehlen wir dir eine Grösse kleiner.\u003c\/p\u003e\n\n      \u003cp\u003eVom Boden aus gemessen 14 cm hoch.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- Material Popup --\u003e\n\u003cdiv class=\"material-overlay\" id=\"materialOverlay\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"material-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"materialTitle\"\u003e\n    \u003cspan class=\"close-btn\" id=\"closeMaterial\" aria-label=\"Schliessen\"\u003e×\u003c\/span\u003e\n    \u003ch3 id=\"materialTitle\"\u003e\u003c\/h3\u003e\n    \u003cp id=\"materialText\"\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ Materialinfos\n  const materialInfo = {\n    bamboo: {\n      title: \"🌿 BAMBUS-VISKOSE\",\n      text: \"Aus der Zellulose der schnell nachwachsenden Bambuspflanze hergestellt. 🎋 Besonders weich, atmungsaktiv und feuchtigkeitsregulierend – für ein angenehm leichtes Tragegefühl und hohen Komfort im Alltag.\"\n    },\n    recycledpolyamide: {\n      title: \"♻️ RECYCELTES POLYAMID\",\n      text: \"Hergestellt aus recycelten Materialien und besonders strapazierfähig. Das Material erhöht die Langlebigkeit der Socken und trägt dazu bei, Ressourcen zu schonen.\"\n    }\n  };\n\n  const overlay = document.getElementById(\"materialOverlay\");\n  const materialTitle = document.getElementById(\"materialTitle\");\n  const materialText = document.getElementById(\"materialText\");\n  const closeBtn = document.getElementById(\"closeMaterial\");\n\n  \/\/ Popup öffnen\n  document.querySelectorAll(\".material-link\").forEach(link =\u003e {\n    link.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n\n      const info = materialInfo[this.dataset.material];\n      if (!info) return;\n\n      materialTitle.textContent = info.title;\n      materialText.textContent = info.text;\n\n      overlay.classList.add(\"active\");\n      overlay.setAttribute(\"aria-hidden\", \"false\");\n\n      const header = document.querySelector(\"header\") || document.querySelector(\".site-header\");\n      const headerHeight = header ? header.offsetHeight : 80;\n      closeBtn.style.top = (headerHeight + 20) + \"px\";\n    });\n  });\n\n  \/\/ Popup schliessen\n  function closePopup() {\n    overlay.classList.remove(\"active\");\n    overlay.setAttribute(\"aria-hidden\", \"true\");\n  }\n\n  closeBtn.addEventListener(\"click\", closePopup);\n\n  overlay.addEventListener(\"click\", function (e) {\n    if (e.target === overlay) {\n      closePopup();\n    }\n  });\n\n  \/\/ Akkordeon\n  document.querySelectorAll(\".accordion-title\").forEach(title =\u003e {\n    title.addEventListener(\"click\", function () {\n      const item = this.parentElement;\n      const isOpen = item.classList.contains(\"open\");\n\n      document.querySelectorAll(\".accordion-item\").forEach(i =\u003e {\n        i.classList.remove(\"open\");\n      });\n\n      if (!isOpen) {\n        item.classList.add(\"open\");\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"Upsense Clothing","offers":[{"title":"33-35","offer_id":58266306773366,"sku":null,"price":17.0,"currency_code":"CHF","in_stock":true},{"title":"36-38","offer_id":58266306806134,"sku":null,"price":17.0,"currency_code":"CHF","in_stock":true},{"title":"39-41","offer_id":58266306838902,"sku":null,"price":17.0,"currency_code":"CHF","in_stock":true},{"title":"42-45","offer_id":58266306740598,"sku":null,"price":17.0,"currency_code":"CHF","in_stock":true}],"url":"https:\/\/upsense.ch\/products\/upsocks-schwarz","provider":"Upsense Clothing","version":"1.0","type":"link"}