{"title":"Damen Jeans","description":"\u003cp data-path-to-node=\"6\"\u003eDer ultimative Klassiker neu interpretiert: Die \u003cb data-index-in-node=\"48\" data-path-to-node=\"6\"\u003eELEXUA Jeans-Kollektion\u003c\/b\u003e bietet zeitlose Denims und moderne Trend-Schnitte für jeden Figurentyp. Hochwertiger Baumwoll-Mix sorgt für den perfekten Sitz und optimalen Komfort – jeden Tag.\u003c\/p\u003e\n\u003cp data-path-to-node=\"7\"\u003e\u003cb data-index-in-node=\"0\" data-path-to-node=\"7\"\u003eDeine ELEXUA Vorteile:\u003c\/b\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-path-to-node=\"8,0,0\"\u003e\n\u003cb data-index-in-node=\"0\" data-path-to-node=\"8,0,0\"\u003eKostenloser Versand\u003c\/b\u003e innerhalb Deutschlands.\u003c\/li\u003e\n\u003cli data-path-to-node=\"8,0,0\"\u003e\n\u003cb data-index-in-node=\"0\" data-path-to-node=\"8,1,0\"\u003eSchnelle Lieferung\u003c\/b\u003e überall in Europa.\u003c\/li\u003e\n\u003cli data-path-to-node=\"8,0,0\"\u003e\n\u003cb data-index-in-node=\"0\" data-path-to-node=\"8,2,0\"\u003e24\/7 Kundensupport\u003c\/b\u003e für dein bestes Shopping-Erlebnis.\u003c\/li\u003e\n\u003c\/ul\u003e","products":[{"product_id":"high-waist-straight-leg-jeans-classic-blue","title":"High-Waist Denim \"Straight\"","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\u003eHigh-Waist Straight Leg Jeans im klassischen Look.\u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cstrong\u003eMaterial:\u003c\/strong\u003e Baumwolle, Polyester, Elastan\n                    \u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e Hoher Bund, gerades Bein, Mid-Blue Denim.\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- Auf links waschen.\u003c\/li\u003e\n                    \u003cli\u003e- 30°C Maschinenwä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                    \u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eGröße:\u003c\/strong\u003e 34 \/ XS\n\u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eGröße:\u003c\/strong\u003e 36 \/ S\n\u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eGröße:\u003c\/strong\u003e 38 \/ M\n\u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eGröße:\u003c\/strong\u003e 40 \/ L\n\u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eGröße:\u003c\/strong\u003e 42 \/ XL\n                    \u003c\/li\u003e\n                        \n                    \u003cli\u003e\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":"Mittelblau Denim \/ 34","offer_id":54074035765571,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Mittelblau Denim \/ 36","offer_id":54057992552771,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Mittelblau Denim \/ 38","offer_id":54057992585539,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Mittelblau Denim \/ 40","offer_id":54057992618307,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Mittelblau Denim \/ 42","offer_id":54057992651075,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_921c340f-5d0e-462f-9aac-919b25d83151.png?v=1769183808"},{"product_id":"extra-wide-leg-jeans-high-waist-grau","title":"Wide Leg Denim \"Washed Grey\"","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\u003eWide Leg Jeans im angesagten Washed Grey.\u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cstrong\u003eMaterial:\u003c\/strong\u003e \n                        Baumwolle\n                    \u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e High-Waist, weites Bein, robuster Denim.\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        '36': { Länge: 106, Hüfte: 98, TAILLE: 74, KÖRPER: 160, Saumweite: 90, TAILLElängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n        '38': { Länge: 110, Hüfte: 100, TAILLE: 77, KÖRPER: 170, Saumweite: 100, TAILLElängeAbAchsel: 30, Hüftumfang: 125, Armlochhöhe: 22 },\n        '40': { Länge: 112, Hüfte: 102, TAILLE: 80, KÖRPER: 175, Saumweite: 110, TAILLElängeAbAchsel: 32, Hüftumfang: 135, Armlochhöhe: 23 },\n        '42': { Länge: 114, Hüfte: 104, TAILLE: 83, KÖRPER: 180, Saumweite: 120, TAILLElängeAbAchsel: 34, Hüftumfang: 145, Armlochhöhe: 24 }\n    };\n    \n    \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n    const sizesOrder = ['36', '38', '40', '42'];\n    \/\/ Reihenfolge der Messungen (werden zu den ZEILEN)\n    const measurementsOrder = ['Länge', 'Hüfte', 'TAILLE', 'KÖRPER'];\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            'KÖRPER': 'KÖRPER',\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\u003eSIZE\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, Hüfte, TAILLE, KÖRPER)\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":"Washed Grey \/ 34","offer_id":54074034684227,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Washed Grey \/ 36","offer_id":54058157572419,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Washed Grey \/ 38","offer_id":54058157605187,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Washed Grey \/ 40","offer_id":54058157637955,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Washed Grey \/ 42","offer_id":54058157670723,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_898c1923-f5a3-493f-b399-aa0b393f42fc.png?v=1769188201"},{"product_id":"wide-leg-utility-jeans-dark-blue","title":"Wide Leg Utility Jeans – Dark Blue","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\u003eWide Leg Jeans im angesagten Washed Grey.\u003c\/li\u003e\n                    \u003cli\u003e\n                        \u003cstrong\u003eMaterial:\u003c\/strong\u003e \n                        Baumwolle\n                    \u003c\/li\u003e\n\u003cli\u003e\n                        \u003cstrong\u003eVerarbeitung:\u003c\/strong\u003e High-Waist, weites Bein, robuster Denim.\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        '36': { Länge: 106, Hüfte: 98, TAILLE: 74, KÖRPER: 160, Saumweite: 90, TAILLElängeAbAchsel: 28, Hüftumfang: 115, Armlochhöhe: 21 },\n        '38': { Länge: 110, Hüfte: 100, TAILLE: 77, KÖRPER: 170, Saumweite: 100, TAILLElängeAbAchsel: 30, Hüftumfang: 125, Armlochhöhe: 22 },\n        '40': { Länge: 112, Hüfte: 102, TAILLE: 80, KÖRPER: 175, Saumweite: 110, TAILLElängeAbAchsel: 32, Hüftumfang: 135, Armlochhöhe: 23 },\n        '42': { Länge: 114, Hüfte: 104, TAILLE: 83, KÖRPER: 180, Saumweite: 120, TAILLElängeAbAchsel: 34, Hüftumfang: 145, Armlochhöhe: 24 }\n    };\n    \n    \/\/ Reihenfolge der Größen (werden zu den SPALTEN)\n    const sizesOrder = ['36', '38', '40', '42'];\n    \/\/ Reihenfolge der Messungen (werden zu den ZEILEN)\n    const measurementsOrder = ['Länge', 'Hüfte', 'TAILLE', 'KÖRPER'];\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            'KÖRPER': 'KÖRPER',\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\u003eSIZE\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, Hüfte, TAILLE, KÖRPER)\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":"Deep Indigo \/ 34","offer_id":54073764839747,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Deep Indigo \/ 36","offer_id":54073764872515,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Deep Indigo \/ 38","offer_id":54073764905283,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Deep Indigo \/ 40","offer_id":54073764938051,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true},{"title":"Deep Indigo \/ 42","offer_id":54073764970819,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/files\/1_b6e79347-84ed-4597-9349-be981c021614.png?v=1768056742"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0948\/4664\/8643\/collections\/7CBEE38B-A0E6-44F8-88DC-BCAAF5DD59A6.jpg?v=1784634903","url":"https:\/\/elexua.com\/collections\/damen-jeans.oembed","provider":"ELEXUA","version":"1.0","type":"link"}