{"title":"Damen Herbst- und Winterkollektion","description":"\u003cp\u003e\u003cb\u003eBereit für den Jahreszeitenwechsel?\u003c\/b\u003e\u003c\/p\u003e\n\u003cp\u003eUnsere Herbst- und Winterkollektion ist Ihr perfekter Begleiter für die kühle Saison. Sie finden hier vielfältige Styles, die sich ideal für die Übergangszeit eignen, sowie kuschelige Strickwaren und warme Jacken für die kältesten Tage. Jedes Stück wurde entworfen, um Sie stilvoll und komfortabel durch beide Jahreszeiten zu begleiten. Entdecken Sie jetzt die Vielfalt und profitieren Sie von \u003cb\u003ekostenlosem Versand\u003c\/b\u003e für Ihre Bestellung!\u003c\/p\u003e","products":[{"product_id":"oversized-strickpullover-feinstrick","title":"Oversized Strickpullover – Lässiger Feinstrick","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eWeicher Oversized-Strickpullover mit lockerem Schnitt – ideal für Lagenlook und gemütliche Wintertage.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e Viskose-\/Baumwollmix\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Weiter Rundhalsausschnitt und wärmender Feinstrick für angenehmen Tragekomfort.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Liegend trocknen, nicht im Wäschetrockner\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eKleid-Länge:\u003c\/strong\u003e 62cm\n \u003c\/li\u003e\n \u003cli\u003eEinheitsgröße \/ Free Size\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e\n","brand":"ELEXUA","offers":[{"title":"Dunkelbraun \/ Einheitsgröße \/ Free Size","offer_id":53583447523651,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Olive \/ Einheitsgröße \/ Free Size","offer_id":53583447556419,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53583447687491,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Hellgrau \/ Einheitsgröße \/ Free Size","offer_id":53583447654723,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Blau \/ Einheitsgröße \/ Free Size","offer_id":53583447720259,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Dunkelrot \/ Einheitsgröße \/ Free Size","offer_id":53583447753027,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Weiß \/ Einheitsgröße \/ Free Size","offer_id":53583447589187,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true},{"title":"Rosa \/ Einheitsgröße \/ Free Size","offer_id":53583447621955,"sku":null,"price":41.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_5fcd58ec-b6fd-4ae8-a784-efc020b4b16c.png?v=1755621477"},{"product_id":"eleganter-kastenjacke","title":"Eleganter Kastenjacke","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eElegante Kastenjacke mit schwarzem Knopfdetail – zeitlos, modern und vielseitig kombinierbar.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 90% Polyester \u0026amp; 10% Viskose\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Kastenförmiger Schnitt, Taschen, schwarze Knöpfe.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 81 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 105 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 55 cm\n \u003c\/li\u003e\n \u003cli\u003eEinheitsgröße – passt sich bequem verschiedenen Figuren an.\u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n\u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Warmbraun \/ Einheitsgröße \/ Free Size","offer_id":53666812952899,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Stein-Grau \/ Einheitsgröße \/ Free Size","offer_id":53666812985667,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Hellbeige \/ Einheitsgröße \/ Free Size","offer_id":53666813018435,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Dunkelbraun \/ Einheitsgröße \/ Free Size","offer_id":53666813051203,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Bordeaux \/ Einheitsgröße \/ Free Size","offer_id":53666813083971,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53666813116739,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_277d094f-0b64-43b8-9fad-5b44691b13dc.png?v=1757531432"},{"product_id":"aviator-jacke","title":"Aviator-Jacke","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eAviator-Jacke mit schwarzen Kontrast-Details und Gürtel – stylisch, warm und ideal für kalte Tage.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Reißeverschluss, Bündchen an Ärmeln und Saum, Seitentaschen \u0026amp; verstellbarer Gürtel.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Mittel bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 52 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 130 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 50 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Hellbeige \/ Einheitsgröße \/ Free Size","offer_id":53669760008515,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":false},{"title":"Dunkelbraun \/ Einheitsgröße \/ Free Size","offer_id":53669760041283,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":false},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53669760074051,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_84fe7563-d373-4648-85ba-b035bc82315a.png?v=1768582540"},{"product_id":"gemusterte-kastenjacke-kapuze","title":"Gemusterte Kastenjacke mit Kapuze","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eKastenjacke mit Wellenmuster, Kapuze und modernem Schnitt – stylisch, bequem und warm.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 60% Polyester, 35% Acryl \u0026amp; 5% Wolle\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Warmer Materialmix, Reißverschluss, lockere Passform und Kapuze\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 65 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 130 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 40 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"warm Olivgrün\/Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53670021497155,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Beige\/Weiß \/ Einheitsgröße \/ Free Size","offer_id":53670021529923,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz\/Weiß \/ Einheitsgröße \/ Free Size","offer_id":53670021562691,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Weiß\/Beige \/ Einheitsgröße \/ Free Size","offer_id":53670021595459,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Grau\/Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53670021628227,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Bordeauxrot\/Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53670021660995,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_d2c87e11-3b83-43a2-9df6-1ae6987434ba.png?v=1757600629"},{"product_id":"oversize-strickpullover","title":"Eleganter Oversize-Strickpullover","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStrickpullover mit hohem Kragen, lockerem Schnitt und weichem Tragegefühl.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 79% Polyacryl, 21% Polyamid\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Warme Materialmischung, zeitloses Design, hoher Kragen.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 65 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 145 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 45 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53670590775619,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Warm Weiß \/ Einheitsgröße \/ Free Size","offer_id":53670590742851,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Kamel \/ Einheitsgröße \/ Free Size","offer_id":53670590808387,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Hellgrau \/ Einheitsgröße \/ Free Size","offer_id":53670590841155,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Königsblau \/ Einheitsgröße \/ Free Size","offer_id":53670590873923,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Kastanienbraun \/ Einheitsgröße \/ Free Size","offer_id":53670590906691,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Warmbeige \/ Einheitsgröße \/ Free Size","offer_id":53670590939459,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Tannengrün \/ Einheitsgröße \/ Free Size","offer_id":53670590972227,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Burgunderrot \/ Einheitsgröße \/ Free Size","offer_id":53670591004995,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Grau \/ Einheitsgröße \/ Free Size","offer_id":53670591037763,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/7_12e8b2b0-793c-495a-9ef7-9b64f73f052f.png?v=1770149977"},{"product_id":"langer-trenchcoat-gemustert","title":"Gemusterter langer Trenchcoat","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLanger Trenchcoat in Animal-, Ethno- oder Blumenmuster – ein modisches Statement.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e leichter Stoff, großzügiger Schnitt.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 110 - 111 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 110 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 50 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Blumenmuster \/ Einheitsgröße \/ Free Size","offer_id":53705715253571,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Ethnomuster \/ Einheitsgröße \/ Free Size","offer_id":53705715286339,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Animalprint \/ Einheitsgröße \/ Free Size","offer_id":53705715319107,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_e38285ca-0b4c-44d3-9952-9ba195074b3f.png?v=1758368256"},{"product_id":"eleganter-mantel-bindegurtel","title":"Eleganter Mantel mit Bindegürtel","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eÜbergangsmantel mit Bindegürtel, Reverskragen und modernem Schnitt – für jede Saison.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Polyester und 5% Elastan\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Stretch-Material, Doppelreiher, lange Ärmel.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 110,\n Schulter: 45,\n Ärmel: 58,\n Brustumfang: 110\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Olivgrün \/ Einheitsgröße \/ Free Size","offer_id":53729212891459,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"Meliertes Grau \/ Einheitsgröße \/ Free Size","offer_id":53729212858691,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"Beerenrot \/ Einheitsgröße \/ Free Size","offer_id":53729212924227,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"Dunkelblau \/ Einheitsgröße \/ Free Size","offer_id":53729246118211,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_6422cd3e-ea56-4441-b923-4fa51f9509cc.png?v=1758903768"},{"product_id":"damen-trenchcoat-leder-optik-bindeguertel","title":"Eleganter Mantel – Leder-Optik und Bindegürtel","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eTrenchcoat in Leder-Optik mit Reverskragen, Doppelreiher und Taillengürtel.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 60 % Polyester und 40 % Polyurethan.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Kunstleder-Materialmix, taillierter Schnitt.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 110,\n Schulter: 43,\n Ärmel: 58,\n Brustumfang: 110\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Taupe \/ Einheitsgröße \/ Free Size","offer_id":53731775217987,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Olivgrün \/ Einheitsgröße \/ Free Size","offer_id":53731775250755,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Kaffe-Braun \/ Einheitsgröße \/ Free Size","offer_id":53731775283523,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_154fba2d-04fa-4fc5-a1e4-8988966ad18b.png?v=1759168801"},{"product_id":"langer-grobstrick-cardigan-offen","title":"Langer Grobstrick Cardigan","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLanger, offener Strick-Cardigan mit Oversized-Schnitt und Taschen – weich, warm und vielseitig.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acrilico\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Grobstrick, ohne Verschluss, lockere Passform.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 111 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Weiß \/ Einheitsgröße \/ Free Size","offer_id":53758280696131,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Lindegrün \/ Einheitsgröße \/ Free Size","offer_id":53758280728899,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53758280761667,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Perlgrau \/ Einheitsgröße \/ Free Size","offer_id":53758280794435,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Altrosa \/ Einheitsgröße \/ Free Size","offer_id":53758280827203,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Babyblau \/ Einheitsgröße \/ Free Size","offer_id":53758280859971,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Rosenholz \/ Einheitsgröße \/ Free Size","offer_id":53758280892739,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Steingrau \/ Einheitsgröße \/ Free Size","offer_id":53758280925507,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Karamellbraun \/ Einheitsgröße \/ Free Size","offer_id":53758280958275,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Schokoladenbraun \/ Einheitsgröße \/ Free Size","offer_id":53758280991043,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Salbeigrün \/ Einheitsgröße \/ Free Size","offer_id":53758281023811,"sku":null,"price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/46_9487108c-989d-430d-a8ea-d1164ee0dc2e.png?v=1759666651"},{"product_id":"oversize-strickjacke-glanzknoepfe","title":"Strickjacke mit Glanzknöpfe","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eKuschelige Strickjacke im Oversize-Stil – gemütlich, modern und vielseitig kombinierbar.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 79 % Acrilicon, 21 % Poliammide\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Feinstrick mit Ballonärmeln und glänzenden Knöpfen.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 68,\n Schulter: 75,\n Ärmel: 45,\n Brustumfang: 150\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Dunkelgrün \/ Einheitsgröße \/ Free Size","offer_id":53762939126083,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Weiß \/ Einheitsgröße \/ Free Size","offer_id":53762813100355,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53762939158851,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Camel \/ Einheitsgröße \/ Free Size","offer_id":53762939191619,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Dunkelgrau \/ Einheitsgröße \/ Free Size","offer_id":53762939224387,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Creme \/ Einheitsgröße \/ Free Size","offer_id":53762939257155,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Bordeaux \/ Einheitsgröße \/ Free Size","offer_id":53762939289923,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Oliv \/ Einheitsgröße \/ Free Size","offer_id":53762939322691,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Mélange \/ Einheitsgröße \/ Free Size","offer_id":53762939355459,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Königsblau \/ Einheitsgröße \/ Free Size","offer_id":53762939388227,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_efe3857e-a4b7-4022-b5cc-4a0435321095.png?v=1759775288"},{"product_id":"kunstleder-trenchcoat-beige-taupe","title":"Eleganter Mantel in Leder-Optik mit Bindegürtel","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eEleganter Mantel im Leder-Optik mit Bindegürtel und Reverskragen.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e Polyester und Polyurethan.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Doppelreihig, Reverskragen und weich gefüttert.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 110,\n Schulter: 43,\n Ärmel: 58,\n Brustumfang: 110\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Hellbeige \/ Einheitsgröße \/ Free Size","offer_id":53763392110915,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_3ad1278d-f8c7-4a28-b3e7-5c06b9010b39.png?v=1761335669"},{"product_id":"kuscheliger-strick-loungewear","title":"Kuscheliger Strick-Loungewear","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eKuscheliges Strick-Set für stilvolle Freizeit und Komfort.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Zweiteiler mit Oversize-Pullover, Strickhose und Kontraststreifen.\n \u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eOberteil\u003c\/strong\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003e- Länge:\u003c\/strong\u003e 65 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n\u003cli\u003e\n \u003cstrong\u003eUnterteil\u003c\/strong\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003e- Länge:\u003c\/strong\u003e 103 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n\u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einhietsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Dunkelgrau \/ Einheitsgröße \/ Free Size","offer_id":53769805168963,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53769831776579,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Creme \/ Einheitsgröße \/ Free Size","offer_id":53769805201731,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Olive \/ Einheitsgröße \/ Free Size","offer_id":53769805234499,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Hellgrau \/ Einheitsgröße \/ Free Size","offer_id":53769831809347,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Hellblau \/ Einheitsgröße \/ Free Size","offer_id":53769805267267,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Karamell \/ Einheitsgröße \/ Free Size","offer_id":53769805300035,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true},{"title":"Weiß \/ Einheitsgröße \/ Free Size","offer_id":53769805332803,"sku":null,"price":44.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/9_c6f5dadd-2e62-4ff7-b15e-00c519572300.png?v=1762780453"},{"product_id":"langer-zopfstrick-cardigan","title":"Langer Zopfstrick Cardigan mit Kapuze","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLanger, kuscheliger Zopfstrick-Cardigan mit Kapuze für gemütliche Herbst- und Wintertage.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Offen, mit Kapuze und klassischem Strickmuster.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 160 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 90,\n Schulter: 50,\n Ärmel: 62,\n Brustumfang: 110\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Perlgrau \/ Einheitsgröße \/ Free Size","offer_id":53799048413507,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Salbeigrün \/ Einheitsgröße \/ Free Size","offer_id":53799048642883,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Burgunderrot \/ Einheitsgröße \/ Free Size","offer_id":53799216709955,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Karamellbraun \/ Einheitsgröße \/ Free Size","offer_id":53799048577347,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Schokoladenbraun \/ Einheitsgröße \/ Free Size","offer_id":53799048610115,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Marineblau \/ Einheitsgröße \/ Free Size","offer_id":53799216742723,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Weiß \/ Einheitsgröße \/ Free Size","offer_id":53799048315203,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Rostbraun \/ Einheitsgröße \/ Free Size","offer_id":53799216775491,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53799048380739,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_95a139c8-6a9d-4f41-9985-868ad2ee4666.png?v=1762203991"},{"product_id":"oversize-strickpullover-damen","title":"Oversize Strickpullover","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLässiger Oversize-Strickpullover für kuschelige Tage.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 52% Viskose, 25% Polyester und 23% Polyamide.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Lockerer Schnitt, Rund-\/U-Boot-Ausschnitt, vielseitige Strickmuster.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 55,\n Schulter: 50,\n Ärmel: 48,\n Brustumfang: 120\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53799238893891,"sku":null,"price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Kamel \/ Einheitsgröße \/ Free Size","offer_id":53799373734211,"sku":null,"price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Meliertes Grau \/ Einheitsgröße \/ Free Size","offer_id":53799373766979,"sku":null,"price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Hellbeige \/ Einheitsgröße \/ Free Size","offer_id":53799373799747,"sku":null,"price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_f3966914-4fad-4794-a6f2-63d578c31904.png?v=1760728768"},{"product_id":"pufferjacke-winter-fellkragen","title":"Pufferjacke Winter mit Fellkragen","description":"\u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Der size-table-scroll-container (und sein overflow-x: auto) wurde entfernt, da die Tabelle transponiert ist. *\/\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n \/* Die Min-Breite wurde entfernt, da die Tabelle nun transponiert ist und keine horizontale Scrollleiste mehr benötigt wird. *\/\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eKurze, taillierte Pufferjacke mit Fellkragen – stilvoll, warm und wetterfest.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Wasserabweisend, isoliert, mit Reißverschlusstaschen feminine Passform.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- SCROLL-CONTAINER WURDE ENTFERNT, da die Tabelle transponiert wurde --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n \/\/ Hinzugefügte Datenpunkte für das Beispiel, um die Transponierung zu demonstrieren\n 'M': { Länge: 65, Schulter: 40, Ärmel: 50, Brustumfang: 96, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'L': { Länge: 66, Schulter: 42, Ärmel: 52, Brustumfang: 100, Saumweite: 100, ÄrmellängeAbAchsel: 30, Hüftumfang: 125, Armlochhöhe: 22 },\n 'XL': { Länge: 69, Schulter: 43, Ärmel: 53, Brustumfang: 104, Saumweite: 110, ÄrmellängeAbAchsel: 32, Hüftumfang: 135, Armlochhöhe: 23 },\n 'XXL': { Länge: 70, Schulter: 45, Ärmel: 55, Brustumfang: 108, Saumweite: 120, ÄrmellängeAbAchsel: 34, Hüftumfang: 145, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['M', 'L', 'XL', 'XXL'];\n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN)\n const measurementsOrder = ['Länge', 'Schulter', 'Ärmel', 'Brustumfang'];\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Messungen für die Anzeige ordentlich formatieren (falls nötig)\n const displayKeyMap = { \n 'Brustumfang': 'Brust',\n \/\/ Weitere Abkürzungen können hier hinzugefügt werden\n };\n\n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen (S, M, L, XL)\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung: Länge, Schulter, Ärmel, Brust)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n const cmValue = sizeData[sizeKey][mKey];\n cells += `\u003ctd\u003e${formatValue(cmValue)}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n","brand":"ELEXUA","offers":[{"title":"Nacht-Schwarz \/ S","offer_id":53813455913283,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Nacht-Schwarz \/ M","offer_id":53813455946051,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Nacht-Schwarz \/ L","offer_id":53813455978819,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Nacht-Schwarz \/ XL","offer_id":53813456011587,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Nacht-Schwarz \/ XXL","offer_id":53813456044355,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":true},{"title":"Schneeweiß \/ S","offer_id":53813455749443,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Schneeweiß \/ M","offer_id":53813455782211,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Schneeweiß \/ L","offer_id":53813455814979,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Schneeweiß \/ XL","offer_id":53813455847747,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Schneeweiß \/ XXL","offer_id":53813455880515,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Winter-Beige \/ S","offer_id":53813456077123,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Winter-Beige \/ M","offer_id":53813456109891,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Winter-Beige \/ L","offer_id":53813456142659,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Winter-Beige \/ XL","offer_id":53813456175427,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Winter-Beige \/ XXL","offer_id":53813456208195,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Dunkel-Blau \/ S","offer_id":53813456240963,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Dunkel-Blau \/ M","offer_id":53813456273731,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Dunkel-Blau \/ L","offer_id":53813456306499,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Dunkel-Blau \/ XL","offer_id":53813456339267,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false},{"title":"Dunkel-Blau \/ XXL","offer_id":53813456372035,"sku":null,"price":64.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/7_eba71008-e991-4709-84ee-3a1ff50077b0.png?v=1762805593"},{"product_id":"langer-daunenmantel-kapuze","title":"Langer Daunenmantel","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLanger, taillierter Daunenmantel mit Gürtel und Kapuze für stilvolle Wärme.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Leichte Daunenfüllung, Chevron-Steppmuster, Reißverschluss.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Tabelle, die von JavaScript gerendert wird --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n 'S': { Länge: 114, Schulter: 41, Ärmel: 48, Brustumfang: 102, Saumweite: 85, ÄrmellängeAbAchsel: 26, Hüftumfang: 110, Armlochhöhe: 20 },\n 'M': { Länge: 119, Schulter: 42, Ärmel: 50, Brustumfang: 108, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'L': { Länge: 121, Schulter: 45, Ärmel: 52, Brustumfang: 112, Saumweite: 95, ÄrmellängeAbAchsel: 30, Hüftumfang: 120, Armlochhöhe: 22 },\n 'XL': { Länge: 123, Schulter: 48, Ärmel: 53, Brustumfang: 118, Saumweite: 100, ÄrmellängeAbAchsel: 32, Hüftumfang: 125, Armlochhöhe: 23 },\n 'XXL': { Länge: 125, Schulter: 53, Ärmel: 55, Brustumfang: 126, Saumweite: 105, ÄrmellängeAbAchsel: 34, Hüftumfang: 130, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['S', 'M', 'L', 'XL', 'XXL'];\n \n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN) - AUF WUNSCH REDUZIERT\n const measurementsOrder = [\n 'Länge', \n 'Schulter', \n 'Brustumfang'\n ];\n \n \/\/ Map für lesbare Spaltenüberschriften (nur die benötigten sind hier)\n const displayKeyMap = {\n 'Länge': 'GESAMTLÄNGE',\n 'Schulter': 'SCHULTERBREITE',\n 'Brustumfang': 'BRUSTUMFANG'\n };\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung (formatiert)\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n \/\/ Sicherstellen, dass die Messung für diese Größe existiert\n const cmValue = sizeData[sizeKey] \u0026\u0026 sizeData[sizeKey][mKey] !== undefined \n ? sizeData[sizeKey][mKey] \n : '-'; \/\/ Zeigt '-' an, wenn Daten fehlen\n \n const displayValue = cmValue === '-' ? '-' : formatValue(cmValue);\n cells += `\u003ctd\u003e${displayValue}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"ELEXUA","offers":[{"title":"Schwarz \/ S","offer_id":53821913203011,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ M","offer_id":53821913235779,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ L","offer_id":53821913268547,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ XL","offer_id":53821913301315,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ XXL","offer_id":53821913334083,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schokobraun \/ S","offer_id":53821913366851,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schokobraun \/ M","offer_id":53821913399619,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schokobraun \/ L","offer_id":53821913432387,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schokobraun \/ XL","offer_id":53821913465155,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Schokobraun \/ XXL","offer_id":53821913497923,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Sandbeige \/ S","offer_id":53821913530691,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false},{"title":"Sandbeige \/ M","offer_id":53821913563459,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false},{"title":"Sandbeige \/ L","offer_id":53821913596227,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false},{"title":"Sandbeige \/ XL","offer_id":53821913628995,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false},{"title":"Sandbeige \/ XXL","offer_id":53821913661763,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/6_eed5271f-332f-47d9-84ff-9a668349bef6.png?v=1769518134"},{"product_id":"glanz-pufferjacke-kurz","title":"Glanz Pufferjacke Kurz","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStylische kurze Pufferjacke im glänzenden Wet-Look – warm, leicht und modern.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Gesteppt aus Polyester mit Reißverschluss und Kapuze.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Tabelle, die von JavaScript gerendert wird --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n 'S': { Länge: 59, Schulter: 40, Ärmel: 48, Brustumfang: 104, Saumweite: 85, ÄrmellängeAbAchsel: 26, Hüftumfang: 110, Armlochhöhe: 20 },\n 'M': { Länge: 62, Schulter: 41, Ärmel: 50, Brustumfang: 106, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'L': { Länge: 63, Schulter: 42, Ärmel: 52, Brustumfang: 108, Saumweite: 95, ÄrmellängeAbAchsel: 30, Hüftumfang: 120, Armlochhöhe: 22 },\n 'XL': { Länge: 64, Schulter: 44, Ärmel: 53, Brustumfang: 118, Saumweite: 100, ÄrmellängeAbAchsel: 32, Hüftumfang: 125, Armlochhöhe: 23 },\n 'XXL': { Länge: 65, Schulter: 45, Ärmel: 55, Brustumfang: 120, Saumweite: 105, ÄrmellängeAbAchsel: 34, Hüftumfang: 130, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['S', 'M', 'L', 'XL', 'XXL'];\n \n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN) - AUF WUNSCH REDUZIERT\n const measurementsOrder = [\n 'Länge', \n 'Schulter', \n 'Brustumfang'\n ];\n \n \/\/ Map für lesbare Spaltenüberschriften (nur die benötigten sind hier)\n const displayKeyMap = {\n 'Länge': 'GESAMTLÄNGE',\n 'Schulter': 'SCHULTERBREITE',\n 'Brustumfang': 'BRUSTUMFANG'\n };\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung (formatiert)\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n \/\/ Sicherstellen, dass die Messung für diese Größe existiert\n const cmValue = sizeData[sizeKey] \u0026\u0026 sizeData[sizeKey][mKey] !== undefined \n ? sizeData[sizeKey][mKey] \n : '-'; \/\/ Zeigt '-' an, wenn Daten fehlen\n \n const displayValue = cmValue === '-' ? '-' : formatValue(cmValue);\n cells += `\u003ctd\u003e${displayValue}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"ELEXUA","offers":[{"title":"Glanz-Schwarz \/ S","offer_id":53826044494147,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ M","offer_id":53826044526915,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ L","offer_id":53826044559683,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ XL","offer_id":53826044592451,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ XXL","offer_id":53826044625219,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Glanz \/ S","offer_id":53826044657987,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Glanz \/ M","offer_id":53826044690755,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Glanz \/ L","offer_id":53826044723523,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Glanz \/ XL","offer_id":53826044756291,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Glanz \/ XXL","offer_id":53826044789059,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ S","offer_id":53826044821827,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ M","offer_id":53826044854595,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ L","offer_id":53826044887363,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ XL","offer_id":53826044920131,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ XXL","offer_id":53826044952899,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5d065017-ef92-423d-8193-25007a55d474.png?v=1765119666"},{"product_id":"maxi-rippstrickkleid","title":"Elegantes Rippstrickkleid","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eKurze, gesteppte Pufferjacke mit voluminösem Kunstfellkragen und femininer Silhouette.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Wetterfestes Polyester, taillierter Schnitt, warme Füllung.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Maschinenwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich.\u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße\n \u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Creme \/ Einheitsgröße \/ Free Size","offer_id":53856281559363,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Camelbraun \/ Einheitsgröße \/ Free Size","offer_id":53856281624899,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Puderrosa \/ Einheitsgröße \/ Free Size","offer_id":53856281690435,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefschwarz \/ Einheitsgröße \/ Free Size","offer_id":53856281755971,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Heather Grey \/ Einheitsgröße \/ Free Size","offer_id":54067319210307,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Espresso \/ Einheitsgröße \/ Free Size","offer_id":54067319243075,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_f0c999ee-2522-461c-aa07-671ba671606e.png?v=1762203167"},{"product_id":"luxus-wollmantel-midi","title":"Luxus Midi Wollmantel","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eElegante Damen Winterjacke \u0026amp; Mantel – Braun mit Muster, warm, kuschelig \u0026amp; stylisch für Herbst \u0026amp; Winter.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 95% Polyester 5% Elastan.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Woll-Mix, ca. 88 cm lang, angenehmes Tragegefühl.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 162 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 88,\n Schulter: 51,\n Ärmel: 52,\n Brustumfang: 116\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Tiefschwarz \/ Einheitsgröße \/ Free Size","offer_id":53859963928899,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Moccabraun \/ Einheitsgröße \/ Free Size","offer_id":53859963961667,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Grau \/ Einheitsgröße \/ Free Size","offer_id":53859963994435,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Hell-Braun \/ Einheitsgröße \/ Free Size","offer_id":53859964027203,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Beige \/ Einheitsgröße \/ Free Size","offer_id":53859964059971,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_c522ecaf-ee11-4ea0-a186-11d98c2e080a.png?v=1762525523"},{"product_id":"luxus-wollmantel-oversize-copy","title":"Luxus Wollmantel Oversize","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eEleganter, langer Wollmantel im Oversize-Wickelstil mit weichem Fall und moderner Silhouette.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Woll-Mix, ca. 125 cm lang, offener Schnitt mit Revers – vielseitig tragbar.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 125,\n Schulter: 49,\n Ärmel: 56,\n Brustumfang: 124\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e\n\n\n","brand":"ELEXUA","offers":[{"title":"Salbeigrün \/ Einheitsgröße \/ Free Size","offer_id":53874980651331,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":false},{"title":"Schwarz \/ Einheitsgröße \/ Free Size","offer_id":53874980684099,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":false},{"title":"Olivgrün \/ Einheitsgröße \/ Free Size","offer_id":53874980716867,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":false},{"title":"Petrolblau \/ Einheitsgröße \/ Free Size","offer_id":53874980749635,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"Fuchsia \/ Einheitsgröße \/ Free Size","offer_id":53874980782403,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"Weiß \/ Einheitsgröße \/ Free Size","offer_id":53874980815171,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true},{"title":"Rostrot \/ Einheitsgröße \/ Free Size","offer_id":53874980847939,"sku":null,"price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_16f5cbac-9ea0-472f-98e4-8c3ff8a19cd5.png?v=1761859586"},{"product_id":"langer-kunstpelzmantel-soft-touch","title":"Eleganter langer Kunstpelzmantel \"Soft Touch\"","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLanger Faux-Fur-Mantel in weicher, luxuriöser Optik mit großem Reverskragen.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e Polyester.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Ca. 104 cm lang, Freesize, seitliche Taschen.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eKleid-Länge:\u003c\/strong\u003e 104 cm\n \u003c\/li\u003e\n \u003cli\u003eEinheitsgröße \/ Free Size\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e\n","brand":"ELEXUA","offers":[{"title":"Camel \/ Einheitsgröße","offer_id":53891280339267,"sku":null,"price":89.99,"currency_code":"EUR","in_stock":false},{"title":"Rostrot \/ Einheitsgröße","offer_id":53891280372035,"sku":null,"price":89.99,"currency_code":"EUR","in_stock":false},{"title":"Creme-Weiß \/ Einheitsgröße","offer_id":53891280404803,"sku":null,"price":89.99,"currency_code":"EUR","in_stock":true},{"title":"Marineblau \/ Einheitsgröße","offer_id":53891280437571,"sku":null,"price":89.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/73.png?v=1767113240"},{"product_id":"langer-steppmantel-arctic-kunstpelz-kapuze","title":"Langer Steppmantel \"Arctic\" - Kapuze","description":"\u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Der size-table-scroll-container (und sein overflow-x: auto) wurde entfernt, da die Tabelle transponiert ist. *\/\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n \/* Die Min-Breite wurde entfernt, da die Tabelle nun transponiert ist und keine horizontale Scrollleiste mehr benötigt wird. *\/\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eLanger, warm gefütterter Steppmantel mit wetterfestem Material und Kapuze mit Faux-Fur.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Länge, praktische Taschen, moderne Silhouette.\n \u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- SCROLL-CONTAINER WURDE ENTFERNT, da die Tabelle transponiert wurde --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n \/\/ Hinzugefügte Datenpunkte für das Beispiel, um die Transponierung zu demonstrieren\n 'S': { Länge: 110, Schulter: \"-\", Ärmel: 64, Brustumfang: 104, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'M': { Länge: 113, Schulter: \"-\", Ärmel: 67, Brustumfang: 108, Saumweite: 100, ÄrmellängeAbAchsel: 30, Hüftumfang: 125, Armlochhöhe: 22 },\n 'L': { Länge: 115, Schulter: \"-\", Ärmel: 70, Brustumfang: 110, Saumweite: 110, ÄrmellängeAbAchsel: 32, Hüftumfang: 135, Armlochhöhe: 23 },\n 'XL': { Länge: 117, Schulter: \"-\", Ärmel: 72, Brustumfang: 112, Saumweite: 120, ÄrmellängeAbAchsel: 34, Hüftumfang: 145, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['S', 'M', 'L', 'XL'];\n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN)\n const measurementsOrder = ['Länge', 'Schulter', 'Ärmel', 'Brustumfang'];\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Messungen für die Anzeige ordentlich formatieren (falls nötig)\n const displayKeyMap = { \n 'Brustumfang': 'Brust',\n \/\/ Weitere Abkürzungen können hier hinzugefügt werden\n };\n\n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen (S, M, L, XL)\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung: Länge, Schulter, Ärmel, Brust)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n const cmValue = sizeData[sizeKey][mKey];\n cells += `\u003ctd\u003e${formatValue(cmValue)}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n","brand":"ELEXUA","offers":[{"title":"Wollweiß \/ S","offer_id":53891415867715,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Wollweiß \/ M","offer_id":53891415900483,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":false},{"title":"Wollweiß \/ L","offer_id":53891415933251,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":false},{"title":"Hellgrau \/ S","offer_id":53891415966019,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Hellgrau \/ M","offer_id":53891415998787,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Hellgrau \/ L","offer_id":53891416031555,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":false},{"title":"Olivegrün \/ S","offer_id":53891416064323,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Olivegrün \/ M","offer_id":53891416097091,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Olivegrün \/ L","offer_id":53891416129859,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ S","offer_id":53891416162627,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":false},{"title":"Schwarz \/ M","offer_id":53891416195395,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Schwarz \/ L","offer_id":53891416228163,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_af955f0b-8f27-4452-b81c-295a959c2c3c.png?v=1763222260"},{"product_id":"thermo-max-long-puffer-coat-damen","title":"THERMO-MAX Puffer Coat","description":"\u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Der size-table-scroll-container (und sein overflow-x: auto) wurde entfernt, da die Tabelle transponiert ist. *\/\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n \/* Die Min-Breite wurde entfernt, da die Tabelle nun transponiert ist und keine horizontale Scrollleiste mehr benötigt wird. *\/\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eUltra-langer, warm gefütterter Puffer Coat aus wind- \u0026amp; wasserabweisendem Nylon mit Rauten-Steppung.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eAußenmaterial:\u003c\/strong\u003e \n 100 % Nylon\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eInnenmaterial:\u003c\/strong\u003e \n 100 % Polyester\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n\u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Polyesterfutter, Frontzip, warme Taschen.\n \u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- SCROLL-CONTAINER WURDE ENTFERNT, da die Tabelle transponiert wurde --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n \/\/ Hinzugefügte Datenpunkte für das Beispiel, um die Transponierung zu demonstrieren\n 'M': { Länge: 108, Schulter: 42, Ärmel: 60, Brustumfang: 98, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'L': { Länge: 110, Schulter: 42, Ärmel: 62, Brustumfang: 104, Saumweite: 100, ÄrmellängeAbAchsel: 30, Hüftumfang: 125, Armlochhöhe: 22 },\n 'XL': { Länge: 112, Schulter: 42, Ärmel: 64, Brustumfang: 110, Saumweite: 110, ÄrmellängeAbAchsel: 32, Hüftumfang: 135, Armlochhöhe: 23 },\n 'XXL': { Länge: 114, Schulter: 43, Ärmel: 64, Brustumfang: 114, Saumweite: 120, ÄrmellängeAbAchsel: 34, Hüftumfang: 145, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['M', 'L', 'XL', 'XXL'];\n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN)\n const measurementsOrder = ['Länge', 'Schulter', 'Ärmel', 'Brustumfang'];\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Messungen für die Anzeige ordentlich formatieren (falls nötig)\n const displayKeyMap = { \n 'Brustumfang': 'Brust',\n \/\/ Weitere Abkürzungen können hier hinzugefügt werden\n };\n\n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen (S, M, L, XL)\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung: Länge, Schulter, Ärmel, Brust)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n const cmValue = sizeData[sizeKey][mKey];\n cells += `\u003ctd\u003e${formatValue(cmValue)}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n","brand":"ELEXUA","offers":[{"title":"Anthrazit \/ M","offer_id":53925274976579,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Anthrazit \/ L","offer_id":53925275009347,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Anthrazit \/ XL","offer_id":53925275042115,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Anthrazit \/ XXL","offer_id":53925275074883,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefschwarz \/ M","offer_id":53925275107651,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefschwarz \/ L","offer_id":53925275140419,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefschwarz \/ XL","offer_id":53925275173187,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefschwarz \/ XXL","offer_id":53925275205955,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Olivgrün \/ M","offer_id":53925275238723,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Olivgrün \/ L","offer_id":53925275271491,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Olivgrün \/ XL","offer_id":53925275304259,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Olivgrün \/ XXL","offer_id":53925275337027,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Bronze \/ M","offer_id":53925275369795,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Bronze \/ L","offer_id":53925275402563,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Bronze \/ XL","offer_id":53925275435331,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true},{"title":"Bronze \/ XXL","offer_id":53925275468099,"sku":null,"price":84.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_3d87ce84-4a1b-4c03-91a7-7a9a954806b9.png?v=1766320271"},{"product_id":"faux-fur-kurzjacke-kapuze-damen","title":"Luxiuröser Faux Fur Kurzjacke","description":"\u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Der size-table-scroll-container (und sein overflow-x: auto) wurde entfernt, da die Tabelle transponiert ist. *\/\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n \/* Die Min-Breite wurde entfernt, da die Tabelle nun transponiert ist und keine horizontale Scrollleiste mehr benötigt wird. *\/\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eKurzer, weicher Faux-Fur-Mantel mit Kapuze – warm und elegant.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e \n 100 % Polyester\n \u003c\/li\u003e\n\u003cli\u003e\n \u003c\/li\u003e\n\u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Tailliert, voluminöses Kunstfell, verdeckter Verschluss.\n \u003c\/li\u003e\n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- SCROLL-CONTAINER WURDE ENTFERNT, da die Tabelle transponiert wurde --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt S \/ M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n \/\/ Hinzugefügte Datenpunkte für das Beispiel, um die Transponierung zu demonstrieren\n 'S \/ M': { Länge: 62, Schulter: 55, Ärmel: \"-\", Brustumfang: 120, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'L': { Länge: \"-\", Schulter: \"-\", Ärmel: \"-\", Brustumfang: \"-\", Saumweite: 100, ÄrmellängeAbAchsel: 30, Hüftumfang: 125, Armlochhöhe: 22 },\n 'XL': { Länge: \"-\", Schulter: \"-\", Ärmel: \"-\", Brustumfang: \"-\", Saumweite: 110, ÄrmellängeAbAchsel: 32, Hüftumfang: 135, Armlochhöhe: 23 },\n 'XXL': { Länge: \"-\", Schulter: \"-\", Ärmel: \"-\", Brustumfang: \"-\", Saumweite: 120, ÄrmellängeAbAchsel: 34, Hüftumfang: 145, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['S \/ M', 'L', 'XL', 'XXL'];\n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN)\n const measurementsOrder = ['Länge', 'Schulter', 'Ärmel', 'Brustumfang'];\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Messungen für die Anzeige ordentlich formatieren (falls nötig)\n const displayKeyMap = { \n 'Brustumfang': 'Brust',\n \/\/ Weitere Abkürzungen können hier hinzugefügt werden\n };\n\n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen (S, M, L, XL)\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung: Länge, Schulter, Ärmel, Brust)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n const cmValue = sizeData[sizeKey][mKey];\n cells += `\u003ctd\u003e${formatValue(cmValue)}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n","brand":"ELEXUA","offers":[{"title":"Mandel Beige \/ S \/ M","offer_id":53925473911107,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false},{"title":"Tiefschwarz \/ S \/ M","offer_id":53925473878339,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Burgunderrot \/ S \/ M","offer_id":53925473943875,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":true},{"title":"Toffee Braun \/ S \/ M","offer_id":53925473976643,"sku":null,"price":74.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_ef31c491-9000-4edf-8bb0-065843414025.png?v=1765311072"},{"product_id":"eleganter-strick-cardigan-goldknoepfe","title":"Strick Cardigan im Parisian Chic","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eEleganter Strick-Cardigan im Parisian Chic mit Kontrastdetails und goldenen Knöpfen.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Feinstrick, Rundhalsausschnitt, dekorative Taschenakzente.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch EINHEITSGRÖSSE\n const sizeData = {\n 'EINHEITSGRÖSSE': {\n Länge: 60,\n Schulter: 43,\n Ärmel: \"-\",\n Brustumfang: 112\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der EINHEITSGRÖSSE\n const sizesToRender = ['EINHEITSGRÖSSE'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Braun\/Creme \/ Einheitsgröße","offer_id":53941645443395,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Beige\/Schwarz \/ Einheitsgröße","offer_id":53941645476163,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Olivgrün\/Creme \/ Einheitsgröße","offer_id":53941645508931,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_e1315377-95d5-4a18-b776-6cd75d81d8cf.png?v=1764421911"},{"product_id":"glanz-pufferjacke-kurz-1","title":"Glanz Pufferjacke Kurz","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {}\n \n .accordion-item:first-child .accordion-label {}\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n \/* AKTUELLE KORREKTUR: Der Wrapper muss 100% Breite haben. *\/\n .size-info-wrapper {\n width: 100%; \n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%; \n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Hebt die ERSTE Spalte (jetzt die MESSUNG) hervor und richtet sie links aus *\/\n .size-table td:first-child {\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \n text-transform: uppercase;\n text-align: left !important; \/* Messungsnamen links ausrichten *\/\n background-color: #f8f8f8; \/* Hintergrundfarbe für die Messungsspalte *\/\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStylische kurze Pufferjacke im glänzenden Wet-Look – warm, leicht und modern.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Gesteppt aus Polyester mit Reißverschluss und Kapuze.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Handwäsche empfohlen\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Tabelle, die von JavaScript gerendert wird --\u003e\n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt M in der Regel).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Konstanten und Datenstrukturen\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm';\n\n \/\/ Datenstruktur (in cm)\n const sizeData = {\n 'S': { Länge: 59, Schulter: 40, Ärmel: 48, Brustumfang: 104, Saumweite: 85, ÄrmellängeAbAchsel: 26, Hüftumfang: 110, Armlochhöhe: 20 },\n 'M': { Länge: 62, Schulter: 41, Ärmel: 50, Brustumfang: 106, Saumweite: 90, ÄrmellängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n 'L': { Länge: 63, Schulter: 42, Ärmel: 52, Brustumfang: 108, Saumweite: 95, ÄrmellängeAbAchsel: 30, Hüftumfang: 120, Armlochhöhe: 22 },\n 'XL': { Länge: 64, Schulter: 44, Ärmel: 53, Brustumfang: 118, Saumweite: 100, ÄrmellängeAbAchsel: 32, Hüftumfang: 125, Armlochhöhe: 23 },\n 'XXL': { Länge: 65, Schulter: 45, Ärmel: 55, Brustumfang: 120, Saumweite: 105, ÄrmellängeAbAchsel: 34, Hüftumfang: 130, Armlochhöhe: 24 }\n };\n \n \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n const sizesOrder = ['S', 'M', 'L', 'XL', 'XXL'];\n \n \/\/ Reihenfolge der Messungen (werden zu den ZEILEN) - AUF WUNSCH REDUZIERT\n const measurementsOrder = [\n 'Länge', \n 'Schulter', \n 'Brustumfang'\n ];\n \n \/\/ Map für lesbare Spaltenüberschriften (nur die benötigten sind hier)\n const displayKeyMap = {\n 'Länge': 'GESAMTLÄNGE',\n 'Schulter': 'SCHULTERBREITE',\n 'Brustumfang': 'BRUSTUMFANG'\n };\n\n \/\/ Helper-Funktionen\n const convertToInch = (cm) =\u003e (cm * CM_TO_INCH).toFixed(1);\n const formatValue = (cmValue) =\u003e currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n\n \/**\n * Erzeugt das HTML für die Größentabelle in transponierter Form (Messungen als Zeilen).\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n if (!tableBody || !tableTitle) return;\n\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ 1. Erstellen der Kopfzeile: Enthält \"Messung\" gefolgt von den Größen\n const sizeHeaderCells = sizesOrder.map(sizeKey =\u003e `\u003cth\u003e${sizeKey}\u003c\/th\u003e`).join('');\n\n const headerHtml = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eMessung\u003c\/th\u003e\n ${sizeHeaderCells}\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n `;\n \n \/\/ 2. Erstellen der Datenzeilen (eine Zeile pro Messung)\n const bodyHtml = measurementsOrder.map(mKey =\u003e {\n \n \/\/ Die erste Zelle ist der Name der Messung (formatiert)\n const displayKey = displayKeyMap[mKey] || mKey;\n let cells = `\u003ctd\u003e${displayKey}\u003c\/td\u003e`; \n\n \/\/ Iterieren über die Größen (Spalten) für diese Messung\n sizesOrder.forEach(sizeKey =\u003e {\n \/\/ Sicherstellen, dass die Messung für diese Größe existiert\n const cmValue = sizeData[sizeKey] \u0026\u0026 sizeData[sizeKey][mKey] !== undefined \n ? sizeData[sizeKey][mKey] \n : '-'; \/\/ Zeigt '-' an, wenn Daten fehlen\n \n const displayValue = cmValue === '-' ? '-' : formatValue(cmValue);\n cells += `\u003ctd\u003e${displayValue}\u003c\/td\u003e`;\n });\n \n return `\u003ctr\u003e${cells}\u003c\/tr\u003e`;\n }).join('');\n\n tableBody.innerHTML = headerHtml + `\u003ctbody\u003e${bodyHtml}\u003c\/tbody\u003e`;\n }\n\n \/\/ Einheiten-Umschalter-Logik\n function setUnit(unit) {\n currentUnit = unit;\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n cmButton.classList.toggle('active', unit === 'cm');\n inchButton.classList.toggle('active', unit === 'inch');\n\n renderSizeTable();\n }\n\n \/\/ Initialisierung und Event-Handling\n document.addEventListener('DOMContentLoaded', () =\u003e {\n \/\/ Akkordeon-Logik: Schließt andere, wenn eines geöffnet wird.\n document.querySelectorAll('.accordion-checkbox').forEach(cb =\u003e \n cb.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(other =\u003e \n other !== this \u0026\u0026 (other.checked = false)\n );\n }\n })\n );\n \n \/\/ Listener für den Einheiten-Umschalter\n document.getElementById('toggle-cm')?.addEventListener('click', () =\u003e setUnit('cm'));\n document.getElementById('toggle-inch')?.addEventListener('click', () =\u003e setUnit('inch'));\n \n \/\/ Erste Darstellung\n renderSizeTable();\n });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"ELEXUA","offers":[{"title":"Taupe Glanz \/ S","offer_id":53962561028419,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":false},{"title":"Taupe Glanz \/ M","offer_id":53962561061187,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":false},{"title":"Taupe Glanz \/ L","offer_id":53962561093955,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":false},{"title":"Taupe Glanz \/ XL","offer_id":53962561126723,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Glanz \/ XXL","offer_id":53962561159491,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ S","offer_id":53962560864579,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ M","offer_id":53962560897347,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ L","offer_id":53962560930115,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ XL","offer_id":53962560962883,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Glanz-Schwarz \/ XXL","offer_id":53962560995651,"sku":null,"price":59.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ S","offer_id":53962561192259,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":false},{"title":"Tiefgrün Glanz \/ M","offer_id":53962561225027,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ L","offer_id":53962561257795,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ XL","offer_id":53962561290563,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Tiefgrün Glanz \/ XXL","offer_id":53962561323331,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/7_5566dc3a-35ff-41c6-af11-b436036269a6.png?v=1765119666"},{"product_id":"chevron-strickpullover-v-muster-oversize","title":"Chevron Strickpullover – V-Muster","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStrickpullover mit modernem Chevron-V-Muster – bequem, stylisch und zeitlos.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Weicher Strick, grafisches Design, ideal für Alltag und Freizeit.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch Einheitsgröße\n const sizeData = {\n 'Einheitsgröße': {\n Länge: 64,\n Schulter: \"-\",\n Ärmel: 67,\n Brustumfang: 96\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der Einheitsgröße\n const sizesToRender = ['Einheitsgröße'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Midnight Chevron \/ Einheitsgröße \/ Free Size","offer_id":54055155106115,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Blush Chevron \/ Einheitsgröße \/ Free Size","offer_id":54055155138883,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Chevron \/ Einheitsgröße \/ Free Size","offer_id":54055155204419,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Sand Chevron \/ Einheitsgröße \/ Free Size","offer_id":54055155171651,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/78.png?v=1768497379"},{"product_id":"chevron-strickpullover-v-muster","title":"Chevron Strickpullover – V-Muster","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStrickpullover mit modernem Chevron-V-Muster – bequem, stylisch und zeitlos.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Weicher Strick, grafisches Design, ideal für Alltag und Freizeit.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch Einheitsgröße\n const sizeData = {\n 'Einheitsgröße': {\n Länge: 64,\n Schulter: \"-\",\n Ärmel: 67,\n Brustumfang: 96\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der Einheitsgröße\n const sizesToRender = ['Einheitsgröße'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Blush Chevron \/ Einheitsgröße \/ Free Size","offer_id":54057700655427,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Midnight Chevron \/ Einheitsgröße \/ Free Size","offer_id":54057700622659,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Taupe Chevron \/ Einheitsgröße \/ Free Size","offer_id":54057700720963,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Sand Chevron \/ Einheitsgröße \/ Free Size","offer_id":54057700688195,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/7_043d7d66-8726-4750-b1dc-5abea4359a14.png?v=1768497379"},{"product_id":"streifenpullover-strick-cream-black-green-freesize","title":"Oversized Streifenpullover – Schwarz \u0026 Grün","description":" \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eProdukt-Akkordeon mit Größentabelle\u003c\/title\u003e\n \u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eWeicher Streifenpullover im maritimen Look.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Acryl.\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Freesize, Rundhalsausschnitt – Creme\/Dunkelgrün.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e\n GRÖSSENINFORMATION \n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cdiv class=\"size-guide-container\"\u003e\n \n \u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n \u003cdiv class=\"size-info-wrapper\"\u003e\n \n \u003c!-- Umschalter cm\/inch --\u003e\n \u003cdiv class=\"unit-toggle-wrapper\"\u003e\n \u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e \u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n \u003cdiv class=\"unit-toggle-controls\"\u003e\n \u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e\n \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ctable class=\"size-table\" id=\"size-table\"\u003e\n \u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\n \u003c\/table\u003e\n \n \u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e\n *Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\n \u003c\/p\u003e\n \n \u003c!-- Modelgröße --\u003e\n \u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n const CM_TO_INCH = 0.393701;\n let currentUnit = 'cm'; \/\/ Standard-Einheit\n\n \/\/ Zentrale Datenstruktur (in cm) - Nur noch Einheitsgröße\n const sizeData = {\n 'Einheitsgröße': {\n Länge: 56,\n Schulter: 38,\n Ärmel: 58,\n Brustumfang: \"-\"\n },\n };\n\n \/**\n * Konvertiert einen Zentimeter-Wert in Zoll und rundet auf eine Dezimalstelle.\n * @param {number} cm - Wert in Zentimetern.\n * @returns {string} Wert in Zoll.\n *\/\n function convertToInch(cm) {\n \/\/ Konvertiert den Wert und rundet auf eine Dezimalstelle\n return (cm * CM_TO_INCH).toFixed(1);\n }\n\n \/**\n * Erzeugt das HTML für die Größentabelle basierend auf der aktuellen Einheit.\n *\/\n function renderSizeTable() {\n const tableBody = document.getElementById('size-table');\n const tableTitle = document.getElementById('table-title');\n \n if (!tableBody || !tableTitle) return;\n\n \/\/ Aktualisiert den Haupttitel über der Tabelle\n tableTitle.textContent = `GRÖSSENTABELLE (${currentUnit.toUpperCase()})`;\n \n \/\/ Die Spaltenüberschriften sind jetzt nur die Begriffe, ohne Einheiten-Suffixe\n let html = `\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eGröße\u003c\/th\u003e\n \u003cth\u003eLänge\u003c\/th\u003e\n \u003cth\u003eSchulter\u003c\/th\u003e\n \u003cth\u003eÄrmel\u003c\/th\u003e\n \u003cth\u003eBrust\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n `;\n\n \/\/ Rendern nur der Einheitsgröße\n const sizesToRender = ['Einheitsgröße'];\n\n sizesToRender.forEach(sizeKey =\u003e {\n const data = sizeData[sizeKey];\n if (!data) return;\n\n \/\/ Die Hervorhebung erfolgt nun über die td:first-child CSS-Regel\n const rowClass = ''; \n\n const formatValue = (cmValue) =\u003e {\n return currentUnit === 'cm' ? cmValue : convertToInch(cmValue);\n };\n\n html += `\n \u003ctr class=\"${rowClass}\"\u003e\n \u003ctd\u003e${sizeKey}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Länge)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Schulter)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Ärmel)}\u003c\/td\u003e\n \u003ctd\u003e${formatValue(data.Brustumfang)}\u003c\/td\u003e\n \u003c\/tr\u003e\n `;\n });\n\n html += `\u003c\/tbody\u003e`;\n tableBody.innerHTML = html;\n }\n\n \/**\n * Aktualisiert die aktive Einheit und rendert die Tabelle neu.\n * @param {string} unit - 'cm' oder 'inch'.\n *\/\n function setUnit(unit) {\n currentUnit = unit;\n \n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (unit === 'cm') {\n cmButton.classList.add('active');\n inchButton.classList.remove('active');\n } else {\n inchButton.classList.add('active');\n cmButton.classList.remove('active');\n }\n\n renderSizeTable();\n }\n\n\n document.addEventListener('DOMContentLoaded', (event) =\u003e {\n \/\/ 1. Logik zum Schließen aller anderen Akkordeon-Elemente\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n \n \/\/ 2. Initiales Rendern der Tabelle (Standard: cm)\n renderSizeTable();\n\n \/\/ 3. Event Listener für den Einheiten-Umschalter\n const cmButton = document.getElementById('toggle-cm');\n const inchButton = document.getElementById('toggle-inch');\n\n if (cmButton \u0026\u0026 inchButton) {\n cmButton.addEventListener('click', () =\u003e setUnit('cm'));\n inchButton.addEventListener('click', () =\u003e setUnit('inch'));\n }\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Creme-Schwarz \/ Einheitsgröße \/ Free Size","offer_id":54073885196611,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Creme-Grün \/ Einheitsgröße \/ Free Size","offer_id":54073885229379,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_c73b95b5-88ef-43df-83c7-51b727c8f771.png?v=1768063920"},{"product_id":"monogramm-trenchcoat-reverskragen-guertel","title":"Monogramm Trenchcoat – Reverskragen","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n border-radius: 8px;\n overflow: hidden;\n max-width: 700px; \/* Begrenzung für das Beispiel *\/\n margin: 0 auto;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* NEUE STYLES FÜR DEN GRÖSSENLEITFADEN *\/\n .size-guide-container {\n display: flex;\n flex-direction: column; \n gap: 20px;\n padding: 10px 0;\n align-items: flex-start;\n }\n\n .size-info-wrapper {\n width: 100%; \/* Nimmt die gesamte Breite ein *\/\n overflow-x: auto; \/* Horizontal scrollbar auf kleinen Bildschirmen *\/\n }\n \n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0 0 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; \/* Reduzierte Größe für mehr Platz *\/\n min-width: 300px; \/* Damit die Tabelle nicht zu schmal wird *\/\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 10px; \/* Reduzierter horizontaler Abstand *\/\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n \n \/* WICHTIGE ÄNDERUNG: TH (Kopfzeilen) dürfen jetzt brechen, damit sie auf Handys lesbar sind. *\/\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n white-space: normal; \/* Erlaubt Umbruch *\/\n word-break: break-word; \/* Wichtig für längere Wörter *\/\n }\n\n \/* WICHTIGE ÄNDERUNG: TD (Datenzellen) dürfen brechen. *\/\n .size-table td {\n white-space: normal; \/* Erlaubt Zeilenumbrüche in Datenzellen *\/\n }\n \n \/* ZIELGERICHTETE ÄNDERUNG: Stellt sicher, dass die erste TD (Größenbezeichnung) bei Bedarf umbricht und flexibel ist *\/\n .size-table td:first-child {\n \/* Entfernt die starre min-width, damit die Spalte flexibler reagiert und sich bei mehr Inhalt vergrößert *\/\n white-space: normal;\n word-break: break-word; \n font-weight: 600; \/* Hebt die Größe hervor *\/\n text-transform: uppercase;\n }\n\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\n \/* UNIT TOGGLE STYLES *\/\n .unit-toggle-wrapper {\n display: flex;\n justify-content: space-between; \/* Links: Titel, Rechts: Umschalter *\/\n align-items: center;\n padding-right: 5px;\n width: 100%;\n }\n \n \/* Neuer Titel für die Tabelle, der die Einheit anzeigt *\/\n .table-title {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n text-transform: uppercase;\n margin: 0;\n }\n\n .unit-toggle-label {\n \/* Wird jetzt durch .table-title ersetzt *\/\n display: none; \n }\n\n .unit-toggle-controls {\n display: flex;\n }\n\n .unit-toggle-button {\n background-color: #f0f0f0;\n color: #333;\n border: 1px solid #ccc;\n padding: 4px 8px;\n font-size: 11px;\n cursor: pointer;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n outline: none;\n font-family: 'Montserrat', sans-serif;\n }\n\n .unit-toggle-button:first-of-type {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n .unit-toggle-button:last-of-type {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-left: -1px; \/* Überlappung der Ränder korrigieren *\/\n }\n \n .unit-toggle-button.active {\n background-color: #333;\n color: #fff;\n border-color: #333;\n font-weight: 600;\n pointer-events: none; \/* Deaktivieren, wenn aktiv *\/\n }\n\n \u003c\/style\u003e\n\u003cdiv class=\"product-accordion\"\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"Produktinfo Icon\"\u003e PRODUKTINFORMATION \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cul\u003e\n\u003cli\u003eKlassischer Trenchcoat mit edlem Monogramm-Muster.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Bawmwolle \/ Cotton.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Doppelreiher, Bindegürtel, Seitentaschen, Freesize.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"Pflegehinweis Icon\"\u003e PFLEGEHINWEIS \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cul\u003e\n\u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n\u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n\u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n\u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n\u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n\u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003c!-- Das 'checked'-Attribut wurde entfernt, damit das Akkordeon beim Laden geschlossen ist --\u003e \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"Größeninformation Icon\"\u003e GRÖSSENINFORMATION \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cdiv class=\"size-guide-container\"\u003e\n\u003c!-- GRÖSSENTABELLE mit UNIT-TOGGLE --\u003e\n\u003cdiv class=\"size-info-wrapper\"\u003e\n\u003c!-- Umschalter cm\/inch --\u003e\n\u003cdiv class=\"unit-toggle-wrapper\"\u003e\n\u003cp class=\"table-title\" id=\"table-title\"\u003eGRÖSSENTABELLE (CM)\u003c\/p\u003e\n\u003c!-- Neuer Titel, der die Einheit anzeigt --\u003e\n\u003cdiv class=\"unit-toggle-controls\"\u003e\n\u003cbutton id=\"toggle-cm\" class=\"unit-toggle-button active\"\u003ecm\u003c\/button\u003e \u003cbutton id=\"toggle-inch\" class=\"unit-toggle-button\"\u003einch\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable class=\"size-table\" id=\"size-table\"\u003e\u003c!-- Tabelleninhalt wird von JavaScript gerendert --\u003e\u003c\/table\u003e\n\u003cp style=\"font-size: 11px; margin-top: 15px; text-align: left; color: #555;\"\u003e*Alle Angaben sind ungefähre Maße des Kleidungsstücks, gemessen in flachem Zustand.\u003c\/p\u003e\n\u003c!-- Modelgröße --\u003e\n\u003cdiv style=\"font-size: 12px; margin-top: 15px; padding-top: 10px; border-top: 1px solid #e1e1e1;\"\u003e\n\u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm (trägt Einheitsgröße).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"Versand Icon\"\u003e VERSAND UND RÜCKSENDUNG \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cul\u003e\n\u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n\u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n\u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n\u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"ELEXUA","offers":[{"title":"Graphit Schwarz \/ Einheitsgröße \/ Free Size","offer_id":54100964933955,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Rost Orange \/ Einheitsgröße \/ Free Size","offer_id":54100964966723,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Kiesel Grau \/ Einheitsgröße \/ Free Size","offer_id":54100964999491,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true},{"title":"Petrol Blau \/ Einheitsgröße \/ Free Size","offer_id":54100965032259,"sku":null,"price":69.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_248c00b1-ca54-4a83-a529-ab934d32b1d4.png?v=1769028303"},{"product_id":"ultra-soft-oversize-strickpullover","title":"Ultra Soft Oversize-Strickpullover","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStrickpullover mit hohem Kragen, lockerem Schnitt und weichem Tragegefühl.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 79% Polyacryl, 21% Polyamid\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Warme Materialmischung, zeitloses Design, hoher Kragen.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 65 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 145 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 45 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Warm Weiß \/ Einheitsgröße \/ Free Size","offer_id":54163789775171,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Kamel \/ Einheitsgröße \/ Free Size","offer_id":54163789840707,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_c6b86104-c36e-422e-bf7c-177f8dd7ffd4.png?v=1770149650"},{"product_id":"ultra-soft-oversize-strickpullover-1","title":"Ultra Soft Oversize-Strickpullover","description":"\u003cstyle\u003e\n \/* Montserrat-Schriftarten importieren *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400\u0026display=swap');\n\n .product-accordion {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n \/* Die äußere Rahmenlinie wurde entfernt *\/\n border-radius: 8px;\n overflow: hidden;\n }\n\n .accordion-item {\n \/* Standardmäßig keine festen Linien *\/\n }\n \n .accordion-item:first-child .accordion-label {\n \/* Die Linie am oberen Rand des Akkordeons wurde entfernt *\/\n }\n\n\n .accordion-checkbox {\n position: absolute;\n opacity: 0;\n z-index: -1;\n }\n\n .accordion-label {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n font-weight: 400; \/* Normal *\/\n font-size: 12px; \/* Kleinere Größe *\/\n text-transform: uppercase;\n cursor: pointer;\n background: transparent;\n position: relative;\n transition: background-color 0.3s ease;\n border-bottom: 1px solid #e1e1e1; \/* Feste Linie unter der Überschrift *\/\n }\n\n .accordion-label:hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n .accordion-label img {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n }\n\n .accordion-toggle {\n margin-left: auto;\n width: 16px; \/* Kleineres Feld für das Icon *\/\n height: 16px;\n position: relative;\n }\n\n \/* Stil für das Plus- und Minus-Zeichen (kleinere Größe) *\/\n .accordion-toggle::before,\n .accordion-toggle::after {\n content: '';\n position: absolute;\n background: #000;\n border-radius: 9999px; \/* Macht die Linien zu \"Pillen\" *\/\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n }\n\n .accordion-toggle::before {\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px; \/* Verringerte Dicke *\/\n transform: translateY(-50%);\n }\n\n .accordion-toggle::after {\n top: 0;\n left: 50%;\n width: 2px; \/* Verringerte Dicke *\/\n height: 100%;\n transform: translateX(-50%);\n }\n\n \/* Dreht das \"Minus\" um 90 Grad und blendet die vertikale Linie aus *\/\n .accordion-checkbox:checked + .accordion-label .accordion-toggle::after {\n transform: translateX(-50%) rotate(90deg);\n opacity: 0;\n }\n\n \/* CSS Grid für flüssigere Animation *\/\n .accordion-content {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n padding: 0 20px;\n background: transparent;\n font-weight: 300; \/* Montserrat Light *\/\n }\n\n .accordion-checkbox:checked + .accordion-label + .accordion-content {\n grid-template-rows: 1fr; \/* Öffnet den Inhalt flüssig *\/\n border-bottom: 1px solid #e1e1e1; \/* Fügt eine Linie unter dem geöffneten Inhalt hinzu *\/\n }\n\n .accordion-content-inner {\n min-height: 0; \/* Wichtig für die Grid-Animation *\/\n }\n\n .accordion-content ul {\n padding-left: 0;\n list-style: none;\n margin: 0;\n }\n\n .accordion-content li {\n padding: 5px 0;\n color: #333;\n line-height: 1.4;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px; \/* Kleinere Größe *\/\n }\n\n \/* Stil für die Größentabelle *\/\n .size-table {\n width: 100%;\n border-collapse: collapse;\n margin: 15px 0;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n }\n\n .size-table th,\n .size-table td {\n padding: 8px 12px;\n text-align: center;\n border: 1px solid #e1e1e1;\n }\n\n .size-table th {\n background-color: #f8f8f8;\n font-weight: 400;\n text-transform: uppercase;\n }\n\n .size-table tr:nth-child(even) {\n background-color: #fafafa;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-accordion\"\u003e\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc1\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_ce8ed881-d4f0-49c0-a95b-bc70c0aa2c0a.png?v=1751115497\" alt=\"\"\u003e\n PRODUKTINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eStrickpullover mit hohem Kragen, lockerem Schnitt und weichem Tragegefühl.\u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eMaterial:\u003c\/strong\u003e 79% Polyacryl, 21% Polyamid\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Warme Materialmischung, zeitloses Design, hoher Kragen.\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc2\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/3_90ab5f17-7da5-4aba-8ba6-cb29647be91b.png?v=1751115497\" alt=\"\"\u003e\n PFLEGEHINWEIS\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003eELEXUA - Produkte sind für Langlebigkeit gemacht. Bitte achte auf sorgfältige Pflege und Wäsche, um lange Freude daran zu haben.\u003c\/li\u003e\n \u003cli\u003e- 30°C Feinwäsche\u003c\/li\u003e\n \u003cli\u003e- Nicht bleichen\u003c\/li\u003e\n \u003cli\u003e- Niedrig bügeln\u003c\/li\u003e\n \u003cli\u003e- Nicht im Wäschetrockner\u003c\/li\u003e\n \u003cli\u003e- Chemische Reinigung möglich\u003c\/li\u003e\n \n \n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc3\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/2_5c3cbc66-309e-4762-867e-498b520f063a.png?v=1751115498\" alt=\"\"\u003e\n GRÖßENINFORMATION\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cstrong\u003eLänge:\u003c\/strong\u003e 65 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eBrustumfang:\u003c\/strong\u003e 145 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eÄrmel:\u003c\/strong\u003e 45 cm\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eGröße:\u003c\/strong\u003e Einheitsgröße \/ Free Size\n \u003c\/li\u003e\n \u003cli\u003e\n \u003c\/li\u003e\n \u003cli\u003e\n \u003cstrong\u003eModelgröße:\u003c\/strong\u003e 170 cm\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"accordion-item\"\u003e\n \u003cinput type=\"checkbox\" class=\"accordion-checkbox\" id=\"acc4\"\u003e\n \u003clabel class=\"accordion-label\" for=\"acc4\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/4_6205a061-a8f8-4d64-b08d-86e35bb52d57.png?v=1751115498\" alt=\"\"\u003e\n VERSAND UND RÜCKSENDUNG\n \u003cspan class=\"accordion-toggle\"\u003e\u003c\/span\u003e\n \u003c\/label\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cdiv class=\"accordion-content-inner\"\u003e\n \u003cul\u003e\n \u003cli\u003e- Kostenloser Versand\u003c\/li\u003e\n \u003cli\u003e- Lieferzeit: 2-3 Tage\u003c\/li\u003e\n \u003cli\u003e- Sendungsverfolgung per E-Mail\u003c\/li\u003e\n \u003cli\u003e- Rückgabe in 14 Tagen (Nur ungetragen \u0026amp; im Originalzustand).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.querySelectorAll('.accordion-checkbox').forEach(checkbox =\u003e {\n checkbox.addEventListener('change', function() {\n \/\/ Wenn eine Checkbox aktiviert wird, schließen Sie alle anderen\n if (this.checked) {\n document.querySelectorAll('.accordion-checkbox').forEach(otherCheckbox =\u003e {\n if (otherCheckbox !== this) {\n otherCheckbox.checked = false;\n }\n });\n }\n });\n });\n\u003c\/script\u003e","brand":"ELEXUA","offers":[{"title":"Kamel \/ Einheitsgröße \/ Free Size","offer_id":54163801866563,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Warm Weiß \/ Einheitsgröße \/ Free Size","offer_id":54163801833795,"sku":null,"price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/6_d13132cc-fe83-4e06-8877-96511c009ac4.png?v=1770149650"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/collections\/315e02c16ea1f35cbca72bb68151afac.webp?v=1768582646","url":"https:\/\/elexua.com\/collections\/herbst-winter-kollektion.oembed","provider":"ELEXUA","version":"1.0","type":"link"}