Partner

{"uuid":"64222aa9-6b20-4aba-a9d8-3edeb6581270","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-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(min(280px, 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: 160px;\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-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-link {\n display: inline-block;\n margin-top: 0.75rem;\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--wsw-color-accent, #ffc859);\n text-decoration: none;\n border-bottom: 1.5px solid transparent;\n transition: border-color 0.2s ease-out, color 0.2s ease-out;\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-link:hover,\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-link:focus-visible {\n border-bottom-color: var(--wsw-color-accent, #ffc859);\n color: var(--wsw-color-accent, #ffc859);\n }\n #wsw-snippet-9ce0331a-c9ef-47f5-bdce-20da7d3f66a5 .cs-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #ffc859);\n outline-offset: 2px;\n border-radius: 2px;\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\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 Partner</h2>\n <span>Unternehmen, mit denen wir erfolgreich zusammenarbeiten</span>\n </div>\n\n <div class=\"cs-grid\">\n\n <div class=\"cs-card\" data-name=\"gutweniger logistik\" 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.5/logo-gutweniger.webp\" alt=\"Gutweniger Logistik Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Gutweniger Logistik GmbH</span>\n <span class=\"cs-desc\">Ingenieurbüro für Unternehmenslogistik — professionelle Konzeptplanung, Detailplanung und Koordination von Logistikprojekten mit anerkannten Partnern der Branche.</span>\n <a class=\"cs-link\" href=\"http://www.gutweniger.at/\" target=\"_blank\" rel=\"noopener noreferrer\">Website besuchen ↗</a>\n </div>\n </div>\n\n <div class=\"cs-card\" data-name=\"ingenieurbüro huber\" 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.5/image375.webp\" alt=\"Ingenieurbüro Huber Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Ingenieurbüro Huber</span>\n <span class=\"cs-desc\">Das brandschutztechnische und sicherheitstechnische Zentrum.</span>\n <a class=\"cs-link\" href=\"https://www.hig-gruppe.at/\" target=\"_blank\" rel=\"noopener noreferrer\">Website besuchen ↗</a>\n </div>\n </div>\n\n <div class=\"cs-card\" data-name=\"künz systemautomation\" 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.5/logo-kuenz-felix.webp\" alt=\"Künz Systemautomation Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Künz-Systemautomation</span>\n <span class=\"cs-desc\">Von der Konzepterstellung über die Herstellung bis zur Inbetriebnahme — Ihr Ansprechpartner für individuelle Automatisierungslösungen.</span>\n <a class=\"cs-link\" href=\"https://www.kuenz-system.at/\" target=\"_blank\" rel=\"noopener noreferrer\">Website besuchen ↗</a>\n </div>\n </div>\n\n <div class=\"cs-card\" data-name=\"weissquadrat\" 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.5/weissquadrat.webp\" alt=\"WeissQuadrat Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">WeissQuadrat AG</span>\n <span class=\"cs-desc\">Kompetenz in FEM-Simulation, Konstruktion und 3D-Druck.</span>\n <a class=\"cs-link\" href=\"https://www.weissquadrat.ch/\" target=\"_blank\" rel=\"noopener noreferrer\">Website besuchen ↗</a>\n </div>\n </div>\n\n <div class=\"cs-card\" data-name=\"computer service harder\" 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.5/computer-service-harder-logo.webp\" alt=\"Computer-Service Harder Logo\" loading=\"lazy\">\n </div>\n <div class=\"cs-card-body\">\n <span class=\"cs-name\">Computer-Service Harder</span>\n <span class=\"cs-desc\">Kompetenter IT-Service und Computertechnik für Unternehmen und Privatkunden.</span>\n <a class=\"cs-link\" href=\"https://computer-harder.at/\" target=\"_blank\" rel=\"noopener noreferrer\">Website besuchen ↗</a>\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 cards = el.querySelectorAll('.cs-card');\n\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.08) + 's, transform 0.35s ease-out ' + (i * 0.08) + 's, box-shadow 0.2s ease-out';\n observer.observe(card);\n });\n\n})();\n</script>","summary":null,"version":5,"inserted_version":5,"total_cost":3.066081018,"total_messages_sent":10,"summarized_at_total":0}