Kunden

{"uuid":"9ce0331a-c9ef-47f5-bdce-20da7d3f66a5","provider":"wsw-nova","model":"vega","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 {\n box-sizing: border-box;\n font-family: inherit;\n padding: 3rem 1.5rem;\n background: transparent;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 *,\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 *::before,\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header h2 {\n margin: 0 0 0.5rem;\n color: var(--wsw-color-dark, #292929);\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header span {\n color: var(--wsw-color-dark, #292929);\n opacity: 0.6;\n font-size: 1rem;\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n margin-bottom: 2rem;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn {\n display: inline-block;\n padding: 0.4rem 1rem;\n border: 1.5px solid var(--wsw-color-accent, #ffc859);\n background: transparent;\n color: var(--wsw-color-dark, #292929);\n border-radius: 2rem;\n cursor: pointer;\n font-size: 0.82rem;\n font-weight: 600;\n font-family: inherit;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n transition: background 0.2s ease-out, color 0.2s ease-out;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn.active,\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn:hover {\n background: var(--wsw-color-accent, #ffc859);\n color: var(--wsw-color-dark, #292929);\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #ffc859);\n outline-offset: 2px;\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search-wrap {\n display: flex;\n justify-content: center;\n margin-bottom: 2rem;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search {\n width: 100%;\n max-width: 420px;\n padding: 0.6rem 1.2rem;\n border: 1.5px solid rgba(41,41,41,0.2);\n border-radius: 2rem;\n font-family: inherit;\n font-size: 0.95rem;\n color: var(--wsw-color-dark, #292929);\n background: var(--wsw-color-white, #fff);\n outline: none;\n transition: border-color 0.2s ease-out;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search:focus {\n border-color: var(--wsw-color-accent, #ffc859);\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));\n gap: 1.5rem;\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card {\n background: var(--wsw-color-white, #fff);\n border-radius: 10px;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 1rem;\n box-shadow: 0 2px 12px rgba(0,0,0,0.07);\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n cursor: default;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 28px rgba(0,0,0,0.12);\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-logo-wrap {\n width: 100%;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-bottom: 1.5px solid var(--wsw-color-light, #f8f8f8);\n padding-bottom: 1rem;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-logo-wrap img {\n max-width: 140px;\n max-height: 64px;\n width: auto;\n height: auto;\n object-fit: contain;\n filter: grayscale(30%);\n transition: filter 0.2s ease-out;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card:hover .cs-logo-wrap img {\n filter: grayscale(0%);\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card-body {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n flex: 1;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-name {\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--wsw-color-dark, #292929);\n line-height: 1.3;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-industry {\n display: inline-block;\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n color: var(--wsw-color-dark, #292929);\n background: var(--wsw-color-accent, #ffc859);\n padding: 0.2rem 0.6rem;\n border-radius: 1rem;\n opacity: 0.85;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-desc {\n font-size: 0.82rem;\n color: var(--wsw-color-dark, #292929);\n opacity: 0.65;\n line-height: 1.5;\n margin-top: 0.25rem;\n }\n\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-empty {\n grid-column: 1 / -1;\n text-align: center;\n padding: 3rem;\n color: var(--wsw-color-dark, #292929);\n opacity: 0.4;\n font-size: 1rem;\n }\n\n /* Dark/black themes */\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header h2,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header h2,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header h2,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header span,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header span,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header span,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-header span {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-card {\n background: rgba(255,255,255,0.06);\n box-shadow: 0 2px 12px rgba(0,0,0,0.3);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-name,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-name,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-name,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-name {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-desc,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-desc,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-desc,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-desc {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn.active,\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn:hover,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn.active,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn:hover,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn.active,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn:hover,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn.active,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-filter-btn:hover {\n color: var(--wsw-color-dark, #292929);\n }\n section.wsw-theme-d #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search,\n section.wsw-theme-db #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search,\n section.wsw-theme-b #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search,\n section.wsw-theme-bb #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-search {\n background: rgba(255,255,255,0.08);\n color: var(--wsw-color-white, #fff);\n border-color: rgba(255,255,255,0.2);\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 *,\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 *::before,\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 {\n padding: 2rem 1rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5\">\n\n <div class=\"cs-header\">\n <h2>Unsere Kunden</h2>\n <span>Unternehmen, die uns ihr Vertrauen schenken</span>\n </div>\n\n <div class=\"cs-search-wrap\">\n <input class=\"cs-search\" type=\"search\" placeholder=\"Kunden suchen …\" aria-label=\"Kunden suchen\">\n </div>\n\n <div class=\"cs-filter-bar\" role=\"group\" aria-label=\"Branchenfilter\">\n <button class=\"cs-filter-btn active\" data-filter=\"all\">Alle</button>\n <button class=\"cs-filter-btn\" data-filter=\"Maschinenbau\">Maschinenbau</button>\n <button class=\"cs-filter-btn\" data-filter=\"Automobil\">Automobil</button>\n <button class=\"cs-filter-btn\" data-filter=\"Kunststoff\">Kunststoff</button>\n <button class=\"cs-filter-btn\" data-filter=\"Möbel\">Möbel</button>\n <button class=\"cs-filter-btn\" data-filter=\"Lebensmittel\">Lebensmittel</button>\n <button class=\"cs-filter-btn\" data-filter=\"Technik\">Technik</button>\n <button class=\"cs-filter-btn\" data-filter=\"Sonstige\">Sonstige</button>\n </div>\n\n <div class=\"cs-grid\" id=\"cs-grid\">\n\n <div class=\"cs-card\" data-industry=\"Kunststoff\" data-name=\"alpla werke alwin lehner\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out, transform 0.35s ease-out, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/logo-alpla.webp\" alt=\"ALPLA Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">ALPLA Werke Alwin Lehner GmbH &amp; Co KG</span>\n <span class=\"cs-industry\">Kunststoff</span>\n <span class=\"cs-desc\">Verpackungssysteme, Flaschen, Verschlüsse &amp; Spritzgussteile, Preforms</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Möbel\" data-name=\"blum\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.04s, transform 0.35s ease-out 0.04s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/blum-logo.webp\" alt=\"Blum Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Blum</span>\n <span class=\"cs-industry\">Möbel</span>\n <span class=\"cs-desc\">Weltweit tätiges Unternehmen, spezialisiert auf die Herstellung von Möbelfunktionsbeschlägen.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Automobil\" data-name=\"carcoustics\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.08s, transform 0.35s ease-out 0.08s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/logo-carcoustics.webp\" alt=\"Carcoustics Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Carcoustics</span>\n <span class=\"cs-industry\">Automobil</span>\n <span class=\"cs-desc\">Akustische und thermisch wirksame Bauteile für die Automobilindustrie.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"carla tex\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.12s, transform 0.35s ease-out 0.12s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/carla-tex.webp\" alt=\"Carla Tex Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Carla Tex</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Schöne Secondhand-Waren, professionelle Dienstleistungen und mehr.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"collini\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.16s, transform 0.35s ease-out 0.16s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/collini-logo.webp\" alt=\"Collini Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Collini Gesellschaft m.b.H.</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Hochspezialisiertes Unternehmen für Oberflächentechnik mit 13 Standorten in Europa.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"doppelmayr\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.2s, transform 0.35s ease-out 0.2s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/image329.webp\" alt=\"Doppelmayr Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Doppelmayr Seilbahnen GmbH</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Sichere, komfortable und naturnahe Freizeitgestaltung für Millionen Menschen.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"eisbär trockentechnik\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.24s, transform 0.35s ease-out 0.24s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/eisbaer-logo.webp\" alt=\"Eisbär Trockentechnik Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Eisbär Trockentechnik GmbH</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Entfeuchtung und Sanierung von Gebäuden, Anlagenbau für die Kunststoffindustrie.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"forstner maschinenbau\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.28s, transform 0.35s ease-out 0.28s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/forstner-logo.webp\" alt=\"Forstner Maschinenbau Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Forstner Maschinenbau GmbH</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Coil-Anlagen für anspruchsvollste Kundenanforderungen.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"gallus ferd rüesch\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.32s, transform 0.35s ease-out 0.32s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/gallus.webp\" alt=\"Gallus Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Gallus Ferd. Rüesch AG</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Partner des Etikettendruckers — Maschinen und Dienstleistungen für die Etikettenfertigung.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Möbel\" data-name=\"grass\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.36s, transform 0.35s ease-out 0.36s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/grass-logo.webp\" alt=\"GRASS Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">GRASS GmbH</span>\n <span class=\"cs-industry\">Möbel</span>\n <span class=\"cs-desc\">Möbel-Funktionsbeschläge für den industriellen und handwerklichen Küchen- und Möbelbau.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"hans künz\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.4s, transform 0.35s ease-out 0.4s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/image331.webp\" alt=\"Hans Künz Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Hans Künz GmbH</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Kranbau und Stahlwasserbau.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"helmut goll\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.44s, transform 0.35s ease-out 0.44s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/goll-logo.webp\" alt=\"Helmut Goll Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Helmut Goll GmbH</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Umfassendes Angebot an Dichtungsprofilen und Beschlägen.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"herburger maschinenbau\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.48s, transform 0.35s ease-out 0.48s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/herburgerlogo-neu-klein.webp\" alt=\"Herburger Maschinenbau Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Herburger Maschinenbau GmbH</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Maschinen und Anlagen für die Holz-, Blech- und Verpackungsindustrie.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Lebensmittel\" data-name=\"kalle austria\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.52s, transform 0.35s ease-out 0.52s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/kalle-austria-logo.webp\" alt=\"KALLE Austria Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">KALLE Austria GmbH</span>\n <span class=\"cs-industry\">Lebensmittel</span>\n <span class=\"cs-desc\">Wursthüllen für die Fleischindustrie — Technologieführer aus dem Raum Wien.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"ltw intralogistics\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.56s, transform 0.35s ease-out 0.56s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/image407.webp\" alt=\"LTW Intralogistics Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">LTW Intralogistics GmbH</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Regalbediengeräte, Förderanlagen und Software für Hochregallager.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"parotec\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.6s, transform 0.35s ease-out 0.6s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/parotec-logo.webp\" alt=\"PAROTEC Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">PAROTEC AG</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Spannsysteme von Werkstückpaletten für Bearbeitungsmaschinen.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Lebensmittel\" data-name=\"pfanner\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.64s, transform 0.35s ease-out 0.64s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/pfanner-logo.webp\" alt=\"Pfanner Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Pfanner</span>\n <span class=\"cs-industry\">Lebensmittel</span>\n <span class=\"cs-desc\">Fruchtsaft machen kann er, der Pfanner.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"plansee\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.68s, transform 0.35s ease-out 0.68s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/plansee-logo.webp\" alt=\"Plansee Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Plansee SE</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Spezialmetallverarbeitung.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"protec\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.72s, transform 0.35s ease-out 0.72s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/protec-logo.webp\" alt=\"PROTEC Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">PROTEC – Steuerungen + Prozesstechnik GmbH</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Maßgeschneiderte Dienstleistungen für Hard- und Software.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"rsb formwork\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.76s, transform 0.35s ease-out 0.76s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/rsb-logo.webp\" alt=\"RSB Formwork Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">RSB Formwork Technology GmbH</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Schalungslösungen im Betonbau.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"rudhardt gasser\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.8s, transform 0.35s ease-out 0.8s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/logo-rudhardt-gasser.webp\" alt=\"Rudhardt + Gasser Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Rudhardt + Gasser – Ziviltechniker</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Kompetenz- und Lösungspartner für Themen rund um Wasser.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Lebensmittel\" data-name=\"rudolf ölz meisterbäcker\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.84s, transform 0.35s ease-out 0.84s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/oelz-logo.webp\" alt=\"Rudolf Ölz Meisterbäcker Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Rudolf Ölz Meisterbäcker GmbH &amp; Co KG</span>\n <span class=\"cs-industry\">Lebensmittel</span>\n <span class=\"cs-desc\">Seit 1938 beliebteste Backwarenmarke Österreichs.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"sawatec\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.88s, transform 0.35s ease-out 0.88s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/logo-sawatec.webp\" alt=\"Sawatec Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Sawatec AG</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">High-Tech-Instrumente und Systeme für den Halbleiter- und MEMS-Bereich.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"schmid anlagenbau\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.92s, transform 0.35s ease-out 0.92s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/image304.webp\" alt=\"Schmid Anlagenbau Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Schmid Anlagenbau GmbH</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Anlagen- und Sondermaschinenbau.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"sola messwerkzeuge\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 0.96s, transform 0.35s ease-out 0.96s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/sols-logo.webp\" alt=\"SOLA Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">SOLA-Messwerkzeuge GmbH</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Seit über 60 Jahren Spezialist für Messen und Markieren im Bauhandwerk.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"team electronics\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1s, transform 0.35s ease-out 1s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/team-elektronics.webp\" alt=\"TEAM ELECTRONICS Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">TEAM ELECTRONICS GmbH</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Elektronische und elektrotechnische Ausrüstungen für den Maschinenbau.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"vat vakuumventile\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1.04s, transform 0.35s ease-out 1.04s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/vat-logo.webp\" alt=\"VAT Vakuumventile Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">VAT Vakuumventile AG</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Hochwertige Vakuumventile, Mehrventilmodule und Membranbälge.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"venturicon windturbines\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1.08s, transform 0.35s ease-out 1.08s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/venturicon-logo.webp\" alt=\"Venturicon Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Venturicon Windturbines GmbH</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Kleinwindturbinen aus modernsten Materialien mit höchster Energiegewinnung.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"walter bösch\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1.12s, transform 0.35s ease-out 1.12s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/heizboesch.webp\" alt=\"Walter Bösch Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Walter Bösch GmbH &amp; Co KG</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Komplettanbieter für Heizungs-, Klima- und Lüftungstechnik.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Sonstige\" data-name=\"wolford\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1.16s, transform 0.35s ease-out 1.16s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/wolford-logo.webp\" alt=\"Wolford Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Wolford AG</span>\n <span class=\"cs-industry\">Sonstige</span>\n <span class=\"cs-desc\">Fashion und Strümpfe.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Maschinenbau\" data-name=\"x-tech swiss\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1.2s, transform 0.35s ease-out 1.2s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/logowebxtec.webp\" alt=\"x-tech swiss Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">x-tech swiss AG</span>\n <span class=\"cs-industry\">Maschinenbau</span>\n <span class=\"cs-desc\">Mobile und stationäre Betonwerke.</span>\n </div>\n </div>\n\n <div class=\"cs-card\" data-industry=\"Technik\" data-name=\"zumtobel\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.35s ease-out 1.24s, transform 0.35s ease-out 1.24s, box-shadow 0.2s ease-out;\">\n <div class=\"cs-logo-wrap\">\n <img src=\"https://ogopljcb-tkmx-9ruo5.worldsoft-wsw.com/s3/c/wsw.website.14919/public/images/pages/folder.4/logo-zumtobel-pos.webp\" alt=\"Zumtobel Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Zumtobel</span>\n <span class=\"cs-industry\">Technik</span>\n <span class=\"cs-desc\">Innovative LED-Lichtlösungen und Lichtmanagement von einem der führenden Anbieter weltweit.</span>\n </div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n const el = document.getElementById('wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5');\n if (!el) return;\n\n const grid = el.querySelector('#cs-grid');\n const cards = Array.from(el.querySelectorAll('.cs-card'));\n const filterBtns = el.querySelectorAll('.cs-filter-btn');\n const searchInput = el.querySelector('.cs-search');\n\n let activeFilter = 'all';\n let searchTerm = '';\n\n function applyFilters() {\n let visibleCount = 0;\n cards.forEach(function(card) {\n const industry = card.getAttribute('data-industry') || '';\n const name = card.getAttribute('data-name') || '';\n const matchesFilter = activeFilter === 'all' || industry === activeFilter;\n const matchesSearch = name.includes(searchTerm) || industry.toLowerCase().includes(searchTerm);\n const visible = matchesFilter && matchesSearch;\n card.style.display = visible ? '' : 'none';\n if (visible) visibleCount++;\n });\n\n const existing = el.querySelector('.cs-empty');\n if (existing) existing.remove();\n\n if (visibleCount === 0) {\n const empty = document.createElement('div');\n empty.className = 'cs-empty';\n empty.textContent = 'Keine Kunden gefunden.';\n grid.appendChild(empty);\n }\n }\n\n filterBtns.forEach(function(btn) {\n btn.addEventListener('click', function() {\n filterBtns.forEach(function(b) {\n b.classList.remove('active');\n b.setAttribute('aria-pressed', 'false');\n });\n btn.classList.add('active');\n btn.setAttribute('aria-pressed', 'true');\n activeFilter = btn.getAttribute('data-filter');\n applyFilters();\n });\n });\n\n searchInput.addEventListener('input', function() {\n searchTerm = searchInput.value.toLowerCase().trim();\n applyFilters();\n });\n\n // Entrance animation\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n cards.forEach(function(card, i) {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.35s ease-out ' + (i * 0.04) + 's, transform 0.35s ease-out ' + (i * 0.04) + 's, box-shadow 0.2s ease-out';\n observer.observe(card);\n });\n\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":1.631699454,"total_messages_sent":6,"summarized_at_total":0}