{"uuid":"53943316-5818-415d-8f38-0ca8b5d6c305","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 {\n font-family: inherit;\n box-sizing: border-box;\n padding: 3.5rem 1.5rem;\n background: transparent;\n }\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 *,\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 *::before,\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading {\n text-align: center;\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 3rem 0;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card {\n background: var(--wsw-color-white, #ffffff);\n border-radius: 16px;\n padding: 2.5rem 2rem 2rem;\n position: relative;\n overflow: hidden;\n transition: transform 0.25s ease-out, border-color 0.25s ease-out;\n border: 1.5px solid rgba(0, 0, 0, 0.1);\n box-shadow: none;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--wsw-color-accent, #f69c1e);\n border-radius: 16px 16px 0 0;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.35s ease-out;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover {\n transform: translateY(-6px);\n border-color: var(--wsw-color-accent, #f69c1e);\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover::before {\n transform: scaleX(1);\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-icon-wrap {\n width: 64px;\n height: 64px;\n border-radius: 14px;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), rgba(246, 156, 30, 0.7));\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n flex-shrink: 0;\n transition: transform 0.3s ease-out;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover .benefit-icon-wrap {\n transform: scale(1.08) rotate(-3deg);\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-icon-wrap svg {\n width: 32px;\n height: 32px;\n fill: none;\n stroke: var(--wsw-color-white, #ffffff);\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card h3 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 0.75rem 0;\n }\n\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-desc {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0;\n line-height: 1.6;\n opacity: 0.78;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading,\n section.wsw-theme-db #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading,\n section.wsw-theme-b #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading,\n section.wsw-theme-bb #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card,\n section.wsw-theme-db #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card,\n section.wsw-theme-b #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card,\n section.wsw-theme-bb #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card {\n background: rgba(255, 255, 255, 0.04);\n border-color: rgba(255, 255, 255, 0.12);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n\n section.wsw-theme-d #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover,\n section.wsw-theme-db #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover,\n section.wsw-theme-b #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover,\n section.wsw-theme-bb #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover {\n border-color: var(--wsw-color-accent, #f69c1e);\n }\n\n section.wsw-theme-d #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card h3,\n section.wsw-theme-db #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card h3,\n section.wsw-theme-b #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card h3,\n section.wsw-theme-bb #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-desc,\n section.wsw-theme-db #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-desc,\n section.wsw-theme-b #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-desc,\n section.wsw-theme-bb #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-desc {\n color: var(--wsw-color-white, #fff);\n opacity: 0.82;\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card:hover {\n border-color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-desc {\n color: var(--wsw-color-white, #fff);\n opacity: 0.88;\n }\n\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-icon-wrap {\n background: rgba(255, 255, 255, 0.2);\n }\n\n section.wsw-theme-a #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card::before {\n background: var(--wsw-color-white, #fff);\n }\n\n /* Responsive */\n @media (max-width: 1024px) {\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-grid {\n gap: 1.5rem;\n }\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefit-card {\n padding: 2rem 1.5rem 1.75rem;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 {\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-grid {\n grid-template-columns: 1fr;\n max-width: 520px;\n }\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 .benefits-heading {\n margin-bottom: 2rem;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 *,\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 *::before,\n #wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-53943316-5818-415d-8f38-0ca8b5d6c305\">\n <h2 class=\"benefits-heading\">Ihre Vorteile</h2>\n\n <div class=\"benefits-grid\">\n <!-- Card 1: Handshake -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-wrap\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M7 11l1.5-1.5c.7-.7 1.8-.7 2.5 0L13 11l3.5-3.5c.7-.7 1.8-.7 2.5 0L21 9.5\"></path>\n <path d=\"M3 14.5L7 11\"></path>\n <path d=\"M21 9.5l-4.5 4.5-2-2-3 3-1.5-1.5L7 16.5 3 14.5\"></path>\n <path d=\"M2 17l5-2.5 2 2 3-3 2 2 4.5-4.5 2.5 1\"></path>\n <path d=\"M14.5 17l-3 3-4-2\"></path>\n <path d=\"M17 15l-2.5 2.5\"></path>\n </svg>\n </div>\n <h3>Persönliche Begleitung statt anonymer Lösungen</h3>\n <span class=\"benefit-desc\">Sie erhalten keine Standardlösung, sondern eine persönliche Betreuung – verständlich, praxisnah und auf Ihr Unternehmen abgestimmt.</span>\n </div>\n\n <!-- Card 2: Glühbirne -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-wrap\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M9 21h6\"></path>\n <path d=\"M9 18h6\"></path>\n <path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"></path>\n <line x1=\"12\" y1=\"10\" x2=\"12\" y2=\"14\"></line>\n <line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"></line>\n </svg>\n </div>\n <h3>Klarheit statt Unsicherheit</h3>\n <span class=\"benefit-desc\">Sie wissen, was zu tun ist – mit klaren Empfehlungen, nachvollziehbaren Schritten und ohne Fachchinesisch.</span>\n </div>\n\n <!-- Card 3: Zahnrad -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon-wrap\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>\n <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1.08-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1.08 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9c.26.6.84 1 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"></path>\n </svg>\n </div>\n <h3>Lösungen, die im Alltag funktionieren</h3>\n <span class=\"benefit-desc\">Alles ist darauf ausgerichtet, dass Ihre Website Ihnen wirklich hilft – bei Sichtbarkeit, Anfragen und Kundengewinnung.</span>\n </div>\n </div>\n</div>","summary":null,"version":3,"inserted_version":3,"total_cost":0.8709151499999999,"total_messages_sent":3,"summarized_at_total":0}

Ihre Vorteile