{"uuid":"2248143d-b4eb-49c0-807f-5228d2cf7e96","provider":"wsw-nova","model":"vega","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 *,\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 *::before,\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 *::after {\n box-sizing: inherit;\n }\n\n /* ── Wrapper ── */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-shop {\n max-width: 900px;\n margin: 0 auto;\n padding: 0 0 2rem;\n }\n\n /* ── Toolbar ── */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-toolbar {\n display: flex;\n gap: 0.75rem;\n align-items: center;\n padding: 1rem 1rem 0.75rem;\n flex-wrap: wrap;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search-wrap {\n flex: 1 1 200px;\n position: relative;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search-icon {\n position: absolute;\n left: 0.75rem;\n top: 50%;\n transform: translateY(-50%);\n color: #888;\n font-size: 1rem;\n pointer-events: none;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search {\n width: 100%;\n padding: 0.6rem 0.75rem 0.6rem 2.25rem;\n border: 1.5px solid var(--wsw-color-light, #eeedeb);\n border-radius: 10px;\n font-size: 1rem;\n font-family: inherit;\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-black, #212529);\n outline: none;\n transition: border-color 0.2s ease-out;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search:focus {\n border-color: var(--wsw-color-accent, #bccf11);\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-sort {\n padding: 0.6rem 0.9rem;\n border: 1.5px solid var(--wsw-color-light, #eeedeb);\n border-radius: 10px;\n font-size: 0.95rem;\n font-family: inherit;\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-black, #212529);\n cursor: pointer;\n outline: none;\n transition: border-color 0.2s ease-out;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-sort:focus {\n border-color: var(--wsw-color-accent, #bccf11);\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-count {\n font-size: 0.85rem;\n color: #888;\n white-space: nowrap;\n }\n\n /* ── List ── */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-list {\n list-style: none;\n margin: 0;\n padding: 0 1rem;\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n /* ── Item (now an <a> tag) ── */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.85rem 0.5rem;\n border-bottom: 1px solid var(--wsw-color-light, #eeedeb);\n text-decoration: none;\n color: inherit;\n transition: background 0.15s ease-out, border-radius 0.15s ease-out;\n border-radius: 0;\n position: relative;\n margin: 0 -0.5rem;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 li:first-child .vr-item {\n border-top: 1px solid var(--wsw-color-light, #eeedeb);\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item:hover,\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item:focus-visible {\n background: var(--wsw-color-light, #eeedeb);\n border-radius: 12px;\n border-color: transparent;\n outline: none;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item:focus-visible {\n box-shadow: 0 0 0 3px var(--wsw-color-accent, #bccf11);\n }\n\n /* image */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-img-wrap {\n flex-shrink: 0;\n width: 64px;\n height: 64px;\n border-radius: 10px;\n overflow: hidden;\n background: var(--wsw-color-light, #eeedeb);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n /* meta */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-meta {\n flex: 1;\n min-width: 0;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-id {\n font-size: 0.75rem;\n color: #999;\n display: block;\n margin-bottom: 0.15rem;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-title {\n font-size: 1rem;\n font-weight: 600;\n color: var(--wsw-color-black, #212529);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n }\n\n /* arrow icon */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-arrow {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n border-radius: 10px;\n background: var(--wsw-color-dark, #004ebf);\n color: var(--wsw-color-white, #fff);\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.15s ease-out, background 0.15s ease-out;\n pointer-events: none;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item:hover .vr-arrow,\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item:focus-visible .vr-arrow {\n background: var(--wsw-color-accent, #bccf11);\n color: var(--wsw-color-black, #212529);\n transform: scale(1.08);\n }\n\n /* ── Load more ── */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-loadmore-wrap {\n text-align: center;\n padding: 1.5rem 1rem 0;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-loadmore {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 2rem;\n background: var(--wsw-color-dark, #004ebf);\n color: var(--wsw-color-white, #fff);\n border: none;\n border-radius: 10px;\n font-size: 1rem;\n font-family: inherit;\n cursor: pointer;\n transition: background 0.2s ease-out, transform 0.15s ease-out;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-loadmore:hover {\n background: var(--wsw-color-accent, #bccf11);\n color: var(--wsw-color-black, #212529);\n transform: scale(1.02);\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-loadmore:disabled {\n opacity: 0.5;\n cursor: default;\n transform: none;\n }\n\n /* ── Empty state ── */\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-empty {\n text-align: center;\n padding: 3rem 1rem;\n color: #999;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-empty-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n display: block;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-empty-text {\n font-size: 1rem;\n color: #aaa;\n display: block;\n }\n\n /* ── Dark themes ── */\n section.wsw-theme-d #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search,\n section.wsw-theme-db #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search,\n section.wsw-theme-b #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search,\n section.wsw-theme-bb #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-search,\n section.wsw-theme-d #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-sort,\n section.wsw-theme-db #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-sort,\n section.wsw-theme-b #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-sort,\n section.wsw-theme-bb #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-sort {\n background: rgba(255,255,255,0.08);\n border-color: rgba(255,255,255,0.2);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-title,\n section.wsw-theme-db #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-title,\n section.wsw-theme-b #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-title,\n section.wsw-theme-bb #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-title {\n color: var(--wsw-color-white, #fff);\n }\n\n /* ── Reduced motion ── */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 *,\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 *::before,\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* ── Mobile ── */\n @media (max-width: 480px) {\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-toolbar {\n gap: 0.5rem;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-img-wrap {\n width: 54px;\n height: 54px;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-item-title {\n font-size: 0.92rem;\n }\n #wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96 .vr-arrow {\n width: 36px;\n height: 36px;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96\">\n <div class=\"vr-shop\">\n\n <!-- Toolbar -->\n <div class=\"vr-toolbar\">\n <div class=\"vr-search-wrap\">\n <span class=\"vr-search-icon\" aria-hidden=\"true\">🔍</span>\n <input type=\"search\" class=\"vr-search\" placeholder=\"Artikel suchen …\" aria-label=\"Artikel suchen\" id=\"vr-search-input-2248143d\">\n </div>\n <select class=\"vr-sort\" id=\"vr-sort-select-2248143d\" aria-label=\"Sortierung\">\n <option value=\"az\">A – Z</option>\n <option value=\"za\">Z – A</option>\n <option value=\"id_asc\">Nr. aufsteigend</option>\n <option value=\"id_desc\">Nr. absteigend</option>\n </select>\n <span class=\"vr-count\" id=\"vr-count-2248143d\" aria-live=\"polite\">50 Artikel</span>\n </div>\n\n <!-- List -->\n <ul class=\"vr-list\" id=\"vr-list-2248143d\" role=\"list\" aria-label=\"Artikelübersicht\"><li><a class=\"vr-item\" href=\"/shop/product/3568\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/3\" alt=\"Agar Agar 30g\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1553</span><span class=\"vr-item-title\">Agar Agar 30g</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3569\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/4\" alt=\"Ahornsirup 250 ml\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1233</span><span class=\"vr-item-title\">Ahornsirup 250 ml</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3570\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/5\" alt=\"Aioli 200 g\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1502</span><span class=\"vr-item-title\">Aioli 200 g</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3571\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/6\" alt=\"Ajvar 2650 ml\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1776</span><span class=\"vr-item-title\">Ajvar 2650 ml</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3572\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/7\" alt=\"Ajvar 535 ml\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1212</span><span class=\"vr-item-title\">Ajvar 535 ml</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3573\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/2\" alt=\"Allzweckreiniger 10 L\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#719</span><span class=\"vr-item-title\">Allzweckreiniger 10 L</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3574\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/8\" alt=\"Allzweckreiniger Mr. Proper 2 L\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1380</span><span class=\"vr-item-title\">Allzweckreiniger Mr. Proper 2 L</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3575\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/9\" alt=\"Alufolie 4 x 30cmx80m\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1173</span><span class=\"vr-item-title\">Alufolie 4 x 30cmx80m</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3576\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/10\" alt=\"Alufolie 4 x 45cmx260m\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#706</span><span class=\"vr-item-title\">Alufolie 4 x 45cmx260m</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3577\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/11\" alt=\"Aluteller mit Deckel 23mm\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1344</span><span class=\"vr-item-title\">Aluteller mit Deckel 23mm</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3578\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/12\" alt=\"Amarenakirschen 720 ml\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#836</span><span class=\"vr-item-title\">Amarenakirschen 720 ml</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3579\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/13\" alt=\"Amarettini 1 kg\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1552</span><span class=\"vr-item-title\">Amarettini 1 kg</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3580\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/14\" alt=\"Ananas - 1 Stück\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#108</span><span class=\"vr-item-title\">Ananas - 1 Stück</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3581\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/15\" alt=\"Ananas 6 Stück\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#107</span><span class=\"vr-item-title\">Ananas 6 Stück</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3582\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/16\" alt=\"Ananas Stücke 580 ml\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1453</span><span class=\"vr-item-title\">Ananas Stücke 580 ml</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3583\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/17\" alt=\"Ananassaft 1 L\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1619</span><span class=\"vr-item-title\">Ananassaft 1 L</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3584\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/18\" alt=\"Ananasstücke 3 kg\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#629</span><span class=\"vr-item-title\">Ananasstücke 3 kg</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3585\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/19\" alt=\"Apfel Berlepsch 65/70 - 10 kg\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1181</span><span class=\"vr-item-title\">Apfel Berlepsch 65/70 - 10 kg</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3586\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/20\" alt=\"Apfel Boskoop 10 kg\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#1583</span><span class=\"vr-item-title\">Apfel Boskoop 10 kg</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li><li><a class=\"vr-item\" href=\"/shop/product/3587\"><div class=\"vr-img-wrap\"><img src=\"https://worldsoft-wsw.com/wbs/images/view/55579760/21\" alt=\"Apfel Braeburn - kg\" loading=\"lazy\" width=\"64\" height=\"64\"></div><div class=\"vr-meta\"><span class=\"vr-item-id\">#110</span><span class=\"vr-item-title\">Apfel Braeburn - kg</span></div><span class=\"vr-arrow\" aria-hidden=\"true\">›</span></a></li></ul>\n\n <!-- Empty -->\n <div class=\"vr-empty\" id=\"vr-empty-2248143d\" style=\"display:none;\" aria-live=\"polite\">\n <span class=\"vr-empty-icon\" aria-hidden=\"true\">🔍</span>\n <span class=\"vr-empty-text\">Keine Artikel gefunden.</span>\n </div>\n\n <!-- Load more -->\n <div class=\"vr-loadmore-wrap\" id=\"vr-loadmore-wrap-2248143d\" style=\"\">\n <button class=\"vr-loadmore\" id=\"vr-loadmore-btn-2248143d\">\n <span>Mehr laden (30 weitere)</span>\n </button>\n </div>\n\n </div>\n</div>\n\n<script>\n(function () {\n 'use strict';\n\n const el = document.getElementById('wsw-snippet-2248143d-b4eb-49c0-807f-5228d2cf7e96');\n if (!el) return;\n\n const ALL_PRODUCTS = [\n {\"id\":\"1553\",\"title\":\"Agar Agar 30g\",\"slug\":\"/shop/product/3568\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/3\"},\n {\"id\":\"1233\",\"title\":\"Ahornsirup 250 ml\",\"slug\":\"/shop/product/3569\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/4\"},\n {\"id\":\"1502\",\"title\":\"Aioli 200 g\",\"slug\":\"/shop/product/3570\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/5\"},\n {\"id\":\"1776\",\"title\":\"Ajvar 2650 ml\",\"slug\":\"/shop/product/3571\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/6\"},\n {\"id\":\"1212\",\"title\":\"Ajvar 535 ml\",\"slug\":\"/shop/product/3572\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/7\"},\n {\"id\":\"719\",\"title\":\"Allzweckreiniger 10 L\",\"slug\":\"/shop/product/3573\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/2\"},\n {\"id\":\"1380\",\"title\":\"Allzweckreiniger Mr. Proper 2 L\",\"slug\":\"/shop/product/3574\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/8\"},\n {\"id\":\"1173\",\"title\":\"Alufolie 4 x 30cmx80m\",\"slug\":\"/shop/product/3575\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/9\"},\n {\"id\":\"706\",\"title\":\"Alufolie 4 x 45cmx260m\",\"slug\":\"/shop/product/3576\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/10\"},\n {\"id\":\"1344\",\"title\":\"Aluteller mit Deckel 23mm\",\"slug\":\"/shop/product/3577\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/11\"},\n {\"id\":\"836\",\"title\":\"Amarenakirschen 720 ml\",\"slug\":\"/shop/product/3578\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/12\"},\n {\"id\":\"1552\",\"title\":\"Amarettini 1 kg\",\"slug\":\"/shop/product/3579\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/13\"},\n {\"id\":\"108\",\"title\":\"Ananas - 1 Stück\",\"slug\":\"/shop/product/3580\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/14\"},\n {\"id\":\"107\",\"title\":\"Ananas 6 Stück\",\"slug\":\"/shop/product/3581\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/15\"},\n {\"id\":\"1453\",\"title\":\"Ananas Stücke 580 ml\",\"slug\":\"/shop/product/3582\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/16\"},\n {\"id\":\"1619\",\"title\":\"Ananassaft 1 L\",\"slug\":\"/shop/product/3583\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/17\"},\n {\"id\":\"629\",\"title\":\"Ananasstücke 3 kg\",\"slug\":\"/shop/product/3584\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/18\"},\n {\"id\":\"1181\",\"title\":\"Apfel Berlepsch 65/70 - 10 kg\",\"slug\":\"/shop/product/3585\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/19\"},\n {\"id\":\"1583\",\"title\":\"Apfel Boskoop 10 kg\",\"slug\":\"/shop/product/3586\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/20\"},\n {\"id\":\"110\",\"title\":\"Apfel Braeburn - kg\",\"slug\":\"/shop/product/3587\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/21\"},\n {\"id\":\"109\",\"title\":\"Apfel Braeburn 10 kg 70/80\",\"slug\":\"/shop/product/3588\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/22\"},\n {\"id\":\"698\",\"title\":\"Apfel Braeburn 10 kg klein\",\"slug\":\"/shop/product/3589\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/23\"},\n {\"id\":\"686\",\"title\":\"Apfel Coxorange (kleine) 10 kg\",\"slug\":\"/shop/product/3590\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/24\"},\n {\"id\":\"1091\",\"title\":\"Apfel Elstar 10 kg\",\"slug\":\"/shop/product/3591\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/25\"},\n {\"id\":\"111\",\"title\":\"Apfel Gala Royal 10 kg\",\"slug\":\"/shop/product/3592\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/26\"},\n {\"id\":\"648\",\"title\":\"Apfel Gala Royal 10 kg GROSS\",\"slug\":\"/shop/product/3593\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/27\"},\n {\"id\":\"965\",\"title\":\"Apfel Golden Delicius - 10 kg\",\"slug\":\"/shop/product/3594\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/28\"},\n {\"id\":\"113\",\"title\":\"Apfel Granny Smith 8 kg\",\"slug\":\"/shop/product/3595\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/29\"},\n {\"id\":\"879\",\"title\":\"Apfel Jazz 12,5 kg\",\"slug\":\"/shop/product/3596\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/30\"},\n {\"id\":\"864\",\"title\":\"Apfel Jonagold 10 kg\",\"slug\":\"/shop/product/3597\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/31\"},\n {\"id\":\"523\",\"title\":\"Apfel Pink Lady 6,5 kg\",\"slug\":\"/shop/product/3598\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/32\"},\n {\"id\":\"115\",\"title\":\"Apfel rot - kg\",\"slug\":\"/shop/product/3599\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/33\"},\n {\"id\":\"1614\",\"title\":\"Apfelmus 4250 ml\",\"slug\":\"/shop/product/3600\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/34\"},\n {\"id\":\"1745\",\"title\":\"Apfelmus 710 g\",\"slug\":\"/shop/product/3601\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/35\"},\n {\"id\":\"567\",\"title\":\"Apfelsaft 12 x 1 L\",\"slug\":\"/shop/product/3602\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/36\"},\n {\"id\":\"1607\",\"title\":\"Apfelschorle Lift 24 x 0,33 L - Glas\",\"slug\":\"/shop/product/3603\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/37\"},\n {\"id\":\"116\",\"title\":\"Aprikosen 6 kg\",\"slug\":\"/shop/product/3604\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/38\"},\n {\"id\":\"799\",\"title\":\"Aprikosen getrocknet 1 kg\",\"slug\":\"/shop/product/3605\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/39\"},\n {\"id\":\"118\",\"title\":\"Artischocken - 1 Stück\",\"slug\":\"/shop/product/3606\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/40\"},\n {\"id\":\"682\",\"title\":\"Artischocken 2,65 L\",\"slug\":\"/shop/product/3607\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/41\"},\n {\"id\":\"360\",\"title\":\"Artischocken 20 St.\",\"slug\":\"/shop/product/3608\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/42\"},\n {\"id\":\"1450\",\"title\":\"Artischockenherzen 425 ml\",\"slug\":\"/shop/product/3609\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/43\"},\n {\"id\":\"995\",\"title\":\"Artischoken Violette 20/24 St.\",\"slug\":\"/shop/product/3610\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/44\"},\n {\"id\":\"102\",\"title\":\"Aubergine - kg\",\"slug\":\"/shop/product/3611\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/45\"},\n {\"id\":\"101\",\"title\":\"Aubergine 5 kg\",\"slug\":\"/shop/product/3612\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/46\"},\n {\"id\":\"104\",\"title\":\"Aubergine Türk. 15er\",\"slug\":\"/shop/product/3614\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/48\"},\n {\"id\":\"1034\",\"title\":\"Aubergine VIOLETTE 5 kg\",\"slug\":\"/shop/product/3615\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/49\"},\n {\"id\":\"1068\",\"title\":\"Aubergine gegrillt eingelegt 2,4 kg\",\"slug\":\"/shop/product/3613\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/47\"},\n {\"id\":\"119\",\"title\":\"Austernpilze 2 kg\",\"slug\":\"/shop/product/3616\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/50\"},\n {\"id\":\"663\",\"title\":\"Austernpilze 4000 g\",\"slug\":\"/shop/product/3617\",\"image\":\"https://worldsoft-wsw.com/wbs/images/view/55579760/51\"}\n ];\n\n const PAGE_SIZE = 20;\n\n const searchInput = el.querySelector('#vr-search-input-2248143d');\n const sortSelect = el.querySelector('#vr-sort-select-2248143d');\n const listEl = el.querySelector('#vr-list-2248143d');\n const countEl = el.querySelector('#vr-count-2248143d');\n const emptyEl = el.querySelector('#vr-empty-2248143d');\n const loadMoreWrap = el.querySelector('#vr-loadmore-wrap-2248143d');\n const loadMoreBtn = el.querySelector('#vr-loadmore-btn-2248143d');\n\n let filtered = [];\n let displayed = 0;\n\n /* ── Sorting ── */\n function sortProducts(arr, key) {\n return arr.slice().sort(function(a, b) {\n if (key === 'az') return a.title.localeCompare(b.title, 'de');\n if (key === 'za') return b.title.localeCompare(a.title, 'de');\n if (key === 'id_asc') return parseInt(a.id) - parseInt(b.id);\n if (key === 'id_desc') return parseInt(b.id) - parseInt(a.id);\n return 0;\n });\n }\n\n /* ── Filter ── */\n function filterProducts(query) {\n const q = query.toLowerCase().trim();\n if (!q) return ALL_PRODUCTS.slice();\n return ALL_PRODUCTS.filter(function(p) {\n return p.title.toLowerCase().includes(q) || p.id.includes(q);\n });\n }\n\n /* ── Render one item as native <a> — no JS navigation needed ── */\n function renderItem(product) {\n const li = document.createElement('li');\n\n const link = document.createElement('a');\n link.className = 'vr-item';\n link.href = product.slug;\n\n const imgWrap = document.createElement('div');\n imgWrap.className = 'vr-img-wrap';\n const img = document.createElement('img');\n img.src = product.image;\n img.alt = product.title;\n img.loading = 'lazy';\n img.width = 64;\n img.height = 64;\n imgWrap.appendChild(img);\n\n const meta = document.createElement('div');\n meta.className = 'vr-meta';\n\n const idSpan = document.createElement('span');\n idSpan.className = 'vr-item-id';\n idSpan.textContent = '#' + product.id;\n\n const titleSpan = document.createElement('span');\n titleSpan.className = 'vr-item-title';\n titleSpan.textContent = product.title;\n\n meta.appendChild(idSpan);\n meta.appendChild(titleSpan);\n\n const arrow = document.createElement('span');\n arrow.className = 'vr-arrow';\n arrow.setAttribute('aria-hidden', 'true');\n arrow.textContent = '›';\n\n link.appendChild(imgWrap);\n link.appendChild(meta);\n link.appendChild(arrow);\n li.appendChild(link);\n\n return li;\n }\n\n /* ── Render batch ── */\n function renderBatch() {\n const batch = filtered.slice(displayed, displayed + PAGE_SIZE);\n const frag = document.createDocumentFragment();\n batch.forEach(function(p) { frag.appendChild(renderItem(p)); });\n listEl.appendChild(frag);\n displayed += batch.length;\n\n const remaining = filtered.length - displayed;\n if (remaining > 0) {\n loadMoreWrap.style.display = '';\n loadMoreBtn.querySelector('span').textContent =\n 'Mehr laden (' + remaining + ' weitere)';\n } else {\n loadMoreWrap.style.display = 'none';\n }\n }\n\n /* ── Full re-render ── */\n function render() {\n const query = searchInput.value;\n const sortKey = sortSelect.value;\n filtered = sortProducts(filterProducts(query), sortKey);\n displayed = 0;\n\n while (listEl.firstChild) listEl.removeChild(listEl.firstChild);\n\n if (filtered.length === 0) {\n emptyEl.style.display = '';\n loadMoreWrap.style.display = 'none';\n countEl.textContent = '';\n } else {\n emptyEl.style.display = 'none';\n countEl.textContent = filtered.length + ' Artikel';\n renderBatch();\n }\n }\n\n /* ── Events ── */\n var searchTimer;\n searchInput.addEventListener('input', function() {\n clearTimeout(searchTimer);\n searchTimer = setTimeout(render, 200);\n });\n\n sortSelect.addEventListener('change', render);\n\n loadMoreBtn.addEventListener('click', function() {\n renderBatch();\n loadMoreBtn.blur();\n });\n\n /* ── Initial render ── */\n render();\n\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":0.58503375,"total_messages_sent":2,"summarized_at_total":0}