{"uuid":"f33622c1-0699-4403-9483-4c85649aaf44","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":"4:3","use_website_data":true,"html":"<style>\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 {\n font-family: inherit;\n box-sizing: border-box;\n background: linear-gradient(135deg, #f0f7ff 0%, #f8fbff 40%, #ffffff 100%);\n padding: 3rem 2rem 0 2rem;\n overflow: hidden;\n position: relative;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 *,\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 *::before,\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 *::after {\n box-sizing: inherit;\n }\n\n /* ── Layout ── */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-grid {\n max-width: 1360px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 2.5rem;\n align-items: start;\n }\n\n /* ── LEFT COLUMN ── */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-left {\n padding-top: 1rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .badge-kmu {\n display: inline-block;\n border: 1.5px solid #22c55e;\n color: #16a34a;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n padding: 0.3rem 0.85rem;\n border-radius: 999px;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-headline {\n font-size: clamp(1.8rem, 3.2vw, 2.8rem);\n line-height: 1.1;\n color: var(--wsw-color-black, #212529);\n margin: 0 0 1.25rem 0;\n font-weight: 700;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-headline .accent {\n color: #1558a5;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-subtext {\n color: #6b7280;\n font-size: 1.06rem;\n line-height: 1.6;\n margin: 0 0 1.75rem 0;\n max-width: 440px;\n }\n\n /* Benefits row */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefits-row {\n display: flex;\n gap: 1.5rem;\n flex-wrap: wrap;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-icon {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: #e8f5e9;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-icon svg {\n width: 18px;\n height: 18px;\n stroke: #22c55e;\n fill: none;\n stroke-width: 2;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-label {\n font-size: 0.88rem;\n color: var(--wsw-color-black, #212529);\n font-weight: 500;\n }\n\n /* Google Business Card Mock */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-card-area {\n position: relative;\n min-height: 340px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-card {\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n width: 240px;\n overflow: hidden;\n position: relative;\n z-index: 2;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-card-img {\n width: 100%;\n height: 130px;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-card-body {\n padding: 0.75rem 0.85rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-name {\n font-weight: 700;\n font-size: 0.85rem;\n color: #1a1a1a;\n margin-bottom: 0.15rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-category {\n font-size: 0.72rem;\n color: #6b7280;\n margin-bottom: 0.3rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-stars-row {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-bottom: 0.2rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-stars-row .rating-num {\n font-size: 0.72rem;\n font-weight: 600;\n color: #1a1a1a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-stars-row .stars {\n color: #facc15;\n font-size: 0.7rem;\n letter-spacing: 1px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-stars-row .review-count {\n font-size: 0.68rem;\n color: #6b7280;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-open {\n font-size: 0.7rem;\n color: #16a34a;\n font-weight: 500;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-open .close-time {\n color: #6b7280;\n font-weight: 400;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-actions {\n display: flex;\n gap: 0.1rem;\n padding: 0.5rem 0.85rem 0.75rem;\n border-top: 1px solid #f0f0f0;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.2rem;\n flex: 1;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-action-circle {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background: #e8f4fd;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-action-circle svg {\n width: 14px;\n height: 14px;\n stroke: #1a73e8;\n fill: none;\n stroke-width: 2;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-action-label {\n font-size: 0.58rem;\n color: #1a73e8;\n font-weight: 500;\n }\n\n /* Floating badges around GBP card */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .floating-badge {\n position: absolute;\n background: #fff;\n border-radius: 14px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n padding: 0.6rem 0.85rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n z-index: 3;\n white-space: nowrap;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-rating {\n top: 60px;\n right: -10px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-rating .fb-icon {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n background: #e8f4fd;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-rating .fb-icon svg {\n width: 16px;\n height: 16px;\n fill: #1a73e8;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-rating-text .fb-num {\n font-size: 0.85rem;\n font-weight: 700;\n color: #1a1a1a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-rating-text .fb-stars {\n color: #facc15;\n font-size: 0.72rem;\n letter-spacing: 0.5px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-rating-text .fb-count {\n font-size: 0.68rem;\n color: #6b7280;\n display: block;\n }\n\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-post {\n top: 160px;\n right: -30px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-post .fb-post-icon {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n background: #fff3e0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-post .fb-post-icon svg {\n width: 16px;\n height: 16px;\n fill: #f59e0b;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-post-text .fb-post-title {\n font-size: 0.8rem;\n font-weight: 600;\n color: #1a73e8;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-post-text .fb-post-sub {\n font-size: 0.66rem;\n color: #6b7280;\n display: block;\n }\n\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-open {\n bottom: 30px;\n right: -20px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-open .fb-open-icon {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n background: #e8f5e9;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-open .fb-open-icon svg {\n width: 16px;\n height: 16px;\n fill: #16a34a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-open-text .fb-open-title {\n font-size: 0.78rem;\n font-weight: 600;\n color: #16a34a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .fb-open-text .fb-open-sub {\n font-size: 0.68rem;\n color: #6b7280;\n display: block;\n }\n\n /* Map pin */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .map-pin {\n position: absolute;\n bottom: -10px;\n left: 100px;\n z-index: 4;\n width: 48px;\n height: 48px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .map-pin svg {\n width: 48px;\n height: 48px;\n filter: drop-shadow(0 4px 8px rgba(26,115,232,0.3));\n }\n\n /* Map background */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .map-bg {\n position: absolute;\n bottom: 0;\n left: -20px;\n right: -20px;\n height: 120px;\n background: linear-gradient(to top, #e8f0e2 0%, #eef3ea 40%, transparent 100%);\n border-radius: 0 0 16px 16px;\n z-index: 1;\n opacity: 0.6;\n }\n\n /* ── RIGHT COLUMN ── */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-right {\n display: grid;\n grid-template-columns: 1.4fr 1fr;\n gap: 1rem;\n align-items: start;\n }\n\n /* Quiz Card */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-card {\n background: #fff;\n border-radius: 20px;\n box-shadow: 0 8px 40px rgba(0,0,0,0.07), 0 1px 4px rgba(0,0,0,0.03);\n padding: 1.75rem 1.75rem 1.5rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n background: #e8f5e9;\n color: #16a34a;\n font-size: 0.78rem;\n font-weight: 600;\n padding: 0.35rem 0.85rem;\n border-radius: 999px;\n margin-bottom: 1rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-badge svg {\n width: 14px;\n height: 14px;\n fill: #16a34a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-title {\n font-size: clamp(1.25rem, 2.2vw, 1.75rem);\n line-height: 1.2;\n color: var(--wsw-color-black, #212529);\n margin: 0 0 1.25rem 0;\n font-weight: 700;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-title .green {\n color: #16a34a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-progress-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.4rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-progress-label {\n font-size: 0.78rem;\n color: #6b7280;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-progress-pct {\n font-size: 0.78rem;\n color: #9ca3af;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-progress-bar {\n width: 100%;\n height: 6px;\n background: #e5e7eb;\n border-radius: 999px;\n margin-bottom: 1.5rem;\n overflow: hidden;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-progress-fill {\n height: 100%;\n width: 7%;\n background: #1a73e8;\n border-radius: 999px;\n transition: width 0.4s ease;\n }\n\n /* Question block */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .question-block {\n background: #f9fafb;\n border-radius: 16px;\n padding: 1.25rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .question-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: #e5e7eb;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .question-icon svg {\n width: 24px;\n height: 24px;\n fill: #6b7280;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .question-text {\n font-size: 0.92rem;\n font-weight: 600;\n color: var(--wsw-color-black, #212529);\n line-height: 1.4;\n margin-bottom: 0.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .question-hint {\n font-size: 0.75rem;\n color: #9ca3af;\n line-height: 1.4;\n }\n\n /* Answer buttons */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .answer-row {\n display: flex;\n gap: 0.75rem;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .answer-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.75rem 0.5rem;\n border-radius: 12px;\n border: 1.5px solid;\n font-size: 0.85rem;\n font-weight: 600;\n cursor: pointer;\n background: #fff;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .answer-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .answer-btn:focus-visible {\n outline: 2px solid #1a73e8;\n outline-offset: 2px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .btn-yes {\n border-color: #d1fae5;\n color: #16a34a;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .btn-yes:hover {\n background: #f0fdf4;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .btn-partial {\n border-color: #dbeafe;\n color: #1a73e8;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .btn-partial:hover {\n background: #eff6ff;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .btn-no {\n border-color: #fee2e2;\n color: #ef4444;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .btn-no:hover {\n background: #fef2f2;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .answer-btn svg {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n }\n\n /* Anonymous note */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .anon-note {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 0.72rem;\n color: #9ca3af;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .anon-note svg {\n width: 14px;\n height: 14px;\n stroke: #9ca3af;\n fill: none;\n stroke-width: 2;\n }\n\n /* ── Results Preview Card ── */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-card {\n background: #fff;\n border-radius: 20px;\n box-shadow: 0 8px 40px rgba(0,0,0,0.07), 0 1px 4px rgba(0,0,0,0.03);\n padding: 1.5rem 1.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-title {\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--wsw-color-black, #212529);\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-info {\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 1.5px solid #d1d5db;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.65rem;\n color: #9ca3af;\n font-weight: 600;\n }\n\n /* Gauge / Tacho */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gauge-container {\n position: relative;\n width: 180px;\n height: 110px;\n margin: 0 auto 0.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gauge-svg {\n width: 180px;\n height: 110px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gauge-score {\n text-align: center;\n font-size: 2.2rem;\n font-weight: 800;\n color: var(--wsw-color-black, #212529);\n margin: -0.25rem 0 0.2rem;\n line-height: 1;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gauge-desc {\n text-align: center;\n font-size: 0.72rem;\n color: #6b7280;\n line-height: 1.4;\n max-width: 180px;\n margin: 0 auto 1.25rem;\n }\n\n /* Benefits list in results */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .result-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .result-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.65rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-icon {\n width: 36px;\n height: 36px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-icon svg {\n width: 18px;\n height: 18px;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-icon-green { background: #e8f5e9; }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-icon-blue { background: #e8f4fd; }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-icon-teal { background: #e0f7f6; }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-text .rb-title {\n font-size: 0.82rem;\n font-weight: 700;\n color: var(--wsw-color-black, #212529);\n margin-bottom: 0.1rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .rb-text .rb-desc {\n font-size: 0.7rem;\n color: #6b7280;\n line-height: 1.4;\n }\n\n /* Disclaimer */\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-disclaimer {\n font-size: 0.65rem;\n color: #c0bfbd;\n line-height: 1.4;\n }\n\n /* ── Reduced motion ── */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 *,\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 *::before,\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* ── Responsive ── */\n @media (max-width: 1100px) {\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-right {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-card {\n max-width: 380px;\n }\n }\n @media (max-width: 900px) {\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-right {\n grid-template-columns: 1fr 1fr;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .gbp-card-area {\n display: flex;\n justify-content: center;\n min-height: auto;\n padding-bottom: 2rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .floating-badge {\n display: none;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .map-pin,\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .map-bg {\n display: none;\n }\n }\n @media (max-width: 600px) {\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 {\n padding: 2rem 1rem 0 1rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-right {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .answer-row {\n flex-direction: column;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefits-row {\n gap: 0.75rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .quiz-card {\n padding: 1.25rem;\n }\n #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .results-card {\n max-width: 100%;\n }\n }\n\n /* ── Theme overrides ── */\n section.wsw-theme-d #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44,\n section.wsw-theme-db #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44,\n section.wsw-theme-b #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44,\n section.wsw-theme-bb #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 {\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n }\n section.wsw-theme-d #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-headline,\n section.wsw-theme-db #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-headline,\n section.wsw-theme-b #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-headline,\n section.wsw-theme-bb #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-headline {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-subtext,\n section.wsw-theme-db #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-subtext,\n section.wsw-theme-b #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-subtext,\n section.wsw-theme-bb #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .hero-subtext {\n color: #94a3b8;\n }\n section.wsw-theme-d #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-label,\n section.wsw-theme-db #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-label,\n section.wsw-theme-b #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-label,\n section.wsw-theme-bb #wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44 .benefit-label {\n color: var(--wsw-color-white, #fff);\n }\n</style>\n\n<div id=\"wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44\">\n <div class=\"hero-grid\">\n\n <!-- ════ LEFT COLUMN ════ -->\n <div class=\"hero-left\">\n <span class=\"badge-kmu\">Für Schweizer KMU</span>\n <h1 class=\"hero-headline\">Mehr lokale Sichtbarkeit.<br><span class=\"accent\">Mehr Kunden. Mehr Umsatz.</span></h1>\n <span class=\"hero-subtext\">Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.</span>\n\n <div class=\"benefits-row\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z\"></path></svg>\n </div>\n <span class=\"benefit-label\">Mehr Aufrufe</span>\n </div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" fill=\"#22c55e\" stroke=\"none\"></polygon></svg>\n </div>\n <span class=\"benefit-label\">Mehr Vertrauen</span>\n </div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"></path></svg>\n </div>\n <span class=\"benefit-label\">Mehr Anfragen</span>\n </div>\n </div>\n\n <!-- GBP Card Mock -->\n <div class=\"gbp-card-area\">\n <div class=\"gbp-card\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.5s, transform 0.5s;\">\n <img src=\"/s3/a/wsw.website.2844/public/images/pages/folder.33/ai-snippet-69f303ac608f5.jpg\" alt=\"Bäckerei Weber – Inhaber\" class=\"gbp-card-img\" loading=\"lazy\" width=\"1408\" height=\"768\">\n <div class=\"gbp-card-body\">\n <span class=\"gbp-name\">Bäckerei Weber</span>\n <span class=\"gbp-category\">Bäckerei · Zürich</span>\n <div class=\"gbp-stars-row\">\n <span class=\"rating-num\">4,8</span>\n <span class=\"stars\">★★★★★</span>\n <span class=\"review-count\">(128)</span>\n </div>\n <span class=\"gbp-open\">Geöffnet <span class=\"close-time\">· Schließt um 18:30</span></span>\n </div>\n <div class=\"gbp-actions\">\n <div class=\"gbp-action\">\n <div class=\"gbp-action-circle\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92V19.92a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"></path></svg>\n </div>\n <span class=\"gbp-action-label\">Anruf</span>\n </div>\n <div class=\"gbp-action\">\n <div class=\"gbp-action-circle\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"></polygon></svg>\n </div>\n <span class=\"gbp-action-label\">Route</span>\n </div>\n <div class=\"gbp-action\">\n <div class=\"gbp-action-circle\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"></path></svg>\n </div>\n <span class=\"gbp-action-label\">Speichern</span>\n </div>\n <div class=\"gbp-action\">\n <div class=\"gbp-action-circle\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"></line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z\"></path></svg>\n </div>\n <span class=\"gbp-action-label\">Website</span>\n </div>\n </div>\n </div>\n\n <!-- Floating Badges -->\n <div class=\"floating-badge fb-rating\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;\">\n <div class=\"fb-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\"></path></svg>\n </div>\n <div class=\"fb-rating-text\">\n <span class=\"fb-num\">4,8</span> <span class=\"fb-stars\">★★★★★</span>\n <span class=\"fb-count\">128 Bewertungen</span>\n </div>\n </div>\n\n <div class=\"floating-badge fb-post\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;\">\n <div class=\"fb-post-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path><polyline points=\"9 22 9 12 15 12 15 22\"></polyline></svg>\n </div>\n <div class=\"fb-post-text\">\n <span class=\"fb-post-title\">Neuer Beitrag</span>\n <span class=\"fb-post-sub\">Vor 2 Tagen</span>\n </div>\n </div>\n\n <div class=\"floating-badge fb-open\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;\">\n <div class=\"fb-open-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"2\"></circle><polyline points=\"12 6 12 12 16 14\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"2\"></polyline></svg>\n </div>\n <div class=\"fb-open-text\">\n <span class=\"fb-open-title\">Heute geöffnet</span>\n <span class=\"fb-open-sub\">07:00 – 18:30</span>\n </div>\n </div>\n\n <!-- Map Pin -->\n <div class=\"map-pin\">\n <svg viewBox=\"0 0 48 64\" fill=\"none\">\n <path d=\"M24 0C10.745 0 0 10.745 0 24c0 18 24 40 24 40s24-22 24-40C48 10.745 37.255 0 24 0z\" fill=\"#1a73e8\"></path>\n <circle cx=\"24\" cy=\"22\" r=\"9\" fill=\"#fff\"></circle>\n </svg>\n </div>\n <div class=\"map-bg\"></div>\n </div>\n </div>\n\n <!-- ════ RIGHT COLUMN ════ -->\n <div class=\"hero-right\">\n\n <!-- Quiz Card -->\n <div class=\"quiz-card\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;\">\n <div class=\"quiz-badge\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"></path></svg>\n <span>Interaktiver Schnellcheck</span>\n </div>\n <h2 class=\"quiz-title\">Wie stark ist Ihr<br><span class=\"green\">Google-Profil</span> wirklich?</h2>\n\n <div class=\"quiz-progress-row\">\n <span class=\"quiz-progress-label\">Frage 1 von 15</span>\n <span class=\"quiz-progress-pct\">7%</span>\n </div>\n <div class=\"quiz-progress-bar\">\n <div class=\"quiz-progress-fill\"></div>\n </div>\n\n <div class=\"question-block\">\n <div class=\"question-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM6 12h.01M10 12h.01\"></path></svg>\n </div>\n <div>\n <span class=\"question-text\">Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?</span>\n <span class=\"question-hint\">z. B. Adresse, Öffnungszeiten, Telefonnummer, Website</span>\n </div>\n </div>\n\n <div class=\"answer-row\">\n <button class=\"answer-btn btn-yes\" type=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path><polyline points=\"22 4 12 14.01 9 11.01\"></polyline></svg>\n <span>Ja</span>\n </button>\n <button class=\"answer-btn btn-partial\" type=\"button\">\n <span>Teilweise / unsicher</span>\n </button>\n <button class=\"answer-btn btn-no\" type=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"></line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"></line></svg>\n <span>Nein</span>\n </button>\n </div>\n\n <div class=\"anon-note\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"></path><path d=\"M9 12l2 2 4-4\"></path></svg>\n <span>Ihre Antworten bleiben anonym und werden nicht gespeichert.</span>\n </div>\n </div>\n\n <!-- Results Preview Card -->\n <div class=\"results-card\" style=\"opacity: 1; transform: translateY(0px); transition: opacity 0.5s 0.5s, transform 0.5s 0.5s;\">\n <div class=\"results-header\">\n <span class=\"results-title\">Ihre Ergebnis-Vorschau</span>\n <span class=\"results-info\">i</span>\n </div>\n\n <!-- Gauge -->\n <div class=\"gauge-container\">\n <svg class=\"gauge-svg\" viewBox=\"0 0 200 120\">\n <!-- Gauge arc segments -->\n <defs>\n <linearGradient id=\"gaugeGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#ef4444\"></stop>\n <stop offset=\"25%\" stop-color=\"#f97316\"></stop>\n <stop offset=\"50%\" stop-color=\"#facc15\"></stop>\n <stop offset=\"75%\" stop-color=\"#84cc16\"></stop>\n <stop offset=\"100%\" stop-color=\"#22c55e\"></stop>\n </linearGradient>\n </defs>\n <!-- Background arc -->\n <path d=\"M 20 105 A 80 80 0 0 1 180 105\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"16\" stroke-linecap=\"round\"></path>\n <!-- Colored arc -->\n <path d=\"M 20 105 A 80 80 0 0 1 180 105\" fill=\"none\" stroke=\"url(#gaugeGrad)\" stroke-width=\"16\" stroke-linecap=\"round\"></path>\n <!-- Tick marks -->\n <line x1=\"20\" y1=\"105\" x2=\"26\" y2=\"99\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <line x1=\"38\" y1=\"68\" x2=\"44\" y2=\"72\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <line x1=\"72\" y1=\"35\" x2=\"75\" y2=\"41\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <line x1=\"100\" y1=\"25\" x2=\"100\" y2=\"32\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <line x1=\"128\" y1=\"35\" x2=\"125\" y2=\"41\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <line x1=\"162\" y1=\"68\" x2=\"156\" y2=\"72\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <line x1=\"180\" y1=\"105\" x2=\"174\" y2=\"99\" stroke=\"#d1d5db\" stroke-width=\"1.5\"></line>\n <!-- Needle (68% → ~122.4° from left) -->\n <g transform=\"rotate(52.8, 100, 105)\">\n <line x1=\"100\" y1=\"105\" x2=\"100\" y2=\"38\" stroke=\"#1a1a1a\" stroke-width=\"3\" stroke-linecap=\"round\"></line>\n <circle cx=\"100\" cy=\"105\" r=\"6\" fill=\"#1a1a1a\"></circle>\n <circle cx=\"100\" cy=\"105\" r=\"3\" fill=\"#fff\"></circle>\n </g>\n </svg>\n </div>\n <span class=\"gauge-score\">68%</span>\n <span class=\"gauge-desc\">Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.</span>\n\n <div class=\"result-benefits\">\n <div class=\"result-benefit\">\n <div class=\"rb-icon rb-icon-green\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><circle cx=\"12\" cy=\"12\" r=\"4\"></circle><line x1=\"21.17\" y1=\"8\" x2=\"12\" y2=\"8\"></line><line x1=\"3.95\" y1=\"6.06\" x2=\"8.54\" y2=\"14\"></line><line x1=\"10.88\" y1=\"21.94\" x2=\"15.46\" y2=\"14\"></line></svg>\n </div>\n <div class=\"rb-text\">\n <span class=\"rb-title\">Mehr lokale Sichtbarkeit</span>\n <span class=\"rb-desc\">Werden Sie häufiger gefunden.</span>\n </div>\n </div>\n <div class=\"result-benefit\">\n <div class=\"rb-icon rb-icon-blue\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"></path></svg>\n </div>\n <div class=\"rb-text\">\n <span class=\"rb-title\">Mehr Vertrauen</span>\n <span class=\"rb-desc\">Überzeugen Sie mit einem starken Auftritt.</span>\n </div>\n </div>\n <div class=\"result-benefit\">\n <div class=\"rb-icon rb-icon-teal\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"></polyline><polyline points=\"17 6 23 6 23 12\"></polyline></svg>\n </div>\n <div class=\"rb-text\">\n <span class=\"rb-title\">Mehr Anfragen</span>\n <span class=\"rb-desc\">Verwandeln Sie Aufrufe in Kunden.</span>\n </div>\n </div>\n </div>\n\n <span class=\"results-disclaimer\">Dies ist eine Vorschau. Ihr Ergebnis erhalten Sie am Ende des Schnellchecks.</span>\n </div>\n\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n const el = document.getElementById('wsw-snippet-f33622c1-0699-4403-9483-4c85649aaf44');\n if (!el) return;\n\n /* Subtle entrance animations */\n const cards = el.querySelectorAll('.quiz-card, .results-card, .gbp-card, .floating-badge');\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.5s ease ' + (i * 0.1) + 's, transform 0.5s ease ' + (i * 0.1) + 's';\n observer.observe(card);\n });\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.8290282,"total_messages_sent":1,"summarized_at_total":0}
Für Schweizer KMU
Mehr lokale Sichtbarkeit.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.
Anruf
Route
Speichern
Website
Mehr lokale Sichtbarkeit.
Mehr Kunden. Mehr Umsatz.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.
Mehr Aufrufe
Mehr Vertrauen
Mehr Anfragen
Bäckerei Weber
Bäckerei · Zürich
★★★★★
(128)
Geöffnet · Schließt um 18:30
Neuer Beitrag
Vor 2 Tagen
Heute geöffnet
07:00 – 18:30
Interaktiver Schnellcheck
Wie stark ist Ihr
Google-Profil wirklich?
Frage 1 von 15
7%
Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?
z. B. Adresse, Öffnungszeiten, Telefonnummer, Website
Ihre Antworten bleiben anonym und werden nicht gespeichert.
Ihre Ergebnis-Vorschau
i
Mehr lokale Sichtbarkeit
Werden Sie häufiger gefunden.
Mehr Vertrauen
Überzeugen Sie mit einem starken Auftritt.
Mehr Anfragen
Verwandeln Sie Aufrufe in Kunden.
{"uuid":"f8d25919-4160-4905-aea0-7f32caa9bc80","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":"4:3","use_website_data":true,"html":"<style>\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 {\n font-family: inherit;\n box-sizing: border-box;\n background-color: #eef3f9;\n padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem);\n text-align: center;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 *,\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 *::before,\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 *::after {\n box-sizing: inherit;\n }\n\n /* Inner container */\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-inner {\n max-width: 800px;\n margin: 0 auto;\n }\n\n /* Badge */\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-badge {\n display: inline-block;\n padding: 0.45rem 1.25rem;\n border: 1.5px solid #34c271;\n border-radius: 50px;\n color: #2a9d5c;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n }\n\n /* Heading */\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-heading {\n font-weight: 800;\n line-height: 1.15;\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\n color: var(--wsw-color-black, #212529);\n margin: 0 0 1.25rem;\n text-align: left;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-heading .highlight {\n color: var(--wsw-color-accent, #1558a5);\n }\n\n /* Subheadline */\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-sub {\n font-size: clamp(1rem, 2.2vw, 1.15rem);\n line-height: 1.6;\n color: #5a6370;\n font-weight: 400;\n max-width: 560px;\n margin: 0 0 3rem;\n text-align: left;\n }\n\n /* CTA Button */\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-cta-wrap {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-cta {\n display: inline-block;\n padding: 0.9rem 2.2rem;\n background-color: var(--wsw-color-accent, #1558a5);\n color: var(--wsw-color-white, #ffffff);\n font-size: 1rem;\n font-weight: 600;\n border: none;\n border-radius: 8px;\n text-decoration: none;\n cursor: pointer;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(21, 88, 165, 0.3);\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-cta:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #1558a5);\n outline-offset: 3px;\n }\n\n /* Benefits row */\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-benefits {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .benefit-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.7rem 1.4rem;\n background: var(--wsw-color-white, #ffffff);\n border: none;\n border-radius: 10px;\n font-size: 0.92rem;\n font-weight: 500;\n color: var(--wsw-color-black, #212529);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n cursor: default;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .benefit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n flex-shrink: 0;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .benefit-icon svg {\n width: 28px;\n height: 28px;\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 *,\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 *::before,\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .hero-benefits {\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }\n #wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80 .benefit-btn {\n width: 100%;\n max-width: 280px;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-f8d25919-4160-4905-aea0-7f32caa9bc80\">\n <div class=\"hero-inner\">\n\n <span class=\"hero-badge\">Für Ihr Unternehmen</span>\n\n <h1 class=\"hero-heading\">\n Mehr lokale Sichtbarkeit.<br><span class=\"highlight\">Mehr Kunden. Mehr Umsatz.</span>\n </h1>\n\n <span class=\"hero-sub\">\n Stärken Sie Ihr Google-Profil und werden Sie dort gefunden,\n wo Ihre Kunden suchen – in Ihrer Region.\n </span>\n\n <div class=\"hero-cta-wrap\">\n <a href=\"#\" class=\"hero-cta\">Jetzt kostenlosen SEO Check starten!</a>\n </div>\n\n <div class=\"hero-benefits\">\n\n <div class=\"benefit-btn\">\n <span class=\"benefit-icon\">\n <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"2\" y=\"6\" width=\"16\" height=\"18\" rx=\"2\" stroke=\"#2a9d5c\" stroke-width=\"1.8\" fill=\"none\"></rect>\n <path d=\"M10 6V4a4 4 0 0 1 8 0v2\" stroke=\"#2a9d5c\" stroke-width=\"1.8\" fill=\"none\"></path>\n <circle cx=\"21\" cy=\"10\" r=\"5.5\" fill=\"#e8f5ee\" stroke=\"#2a9d5c\" stroke-width=\"1.8\"></circle>\n <path d=\"M19 10l1.5 1.5L23 8.5\" stroke=\"#2a9d5c\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path d=\"M6 14h8M6 18h5\" stroke=\"#2a9d5c\" stroke-width=\"1.8\" stroke-linecap=\"round\"></path>\n </svg>\n </span>\n <span>Mehr Aufrufe</span>\n </div>\n\n <div class=\"benefit-btn\">\n <span class=\"benefit-icon\">\n <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 3l3.09 6.26L24 10.27l-5 4.87 1.18 6.88L14 18.77l-6.18 3.25L9 15.14l-5-4.87 6.91-1.01L14 3z\" stroke=\"#4a7cff\" stroke-width=\"1.8\" fill=\"#eef3ff\" stroke-linejoin=\"round\"></path>\n </svg>\n </span>\n <span>Mehr Vertrauen</span>\n </div>\n\n <div class=\"benefit-btn\">\n <span class=\"benefit-icon\">\n <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"2\" y=\"4\" width=\"24\" height=\"18\" rx=\"2.5\" stroke=\"#1558a5\" stroke-width=\"1.8\" fill=\"none\"></rect>\n <polyline points=\"6,16 11,10 16,14 22,7\" stroke=\"#2a9d5c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"></polyline>\n <circle cx=\"22\" cy=\"7\" r=\"2\" fill=\"#2a9d5c\"></circle>\n <line x1=\"6\" y1=\"25\" x2=\"22\" y2=\"25\" stroke=\"#1558a5\" stroke-width=\"1.8\" stroke-linecap=\"round\"></line>\n </svg>\n </span>\n <span>Mehr Anfragen</span>\n </div>\n\n </div>\n\n </div>\n</div>","summary":"The user requested a hero section recreated from a screenshot, adapted for all SMEs (not just Swiss) with \"FÜR IHR UNTERNEHMEN\" as a green-bordered pill badge at the top, a two-line headline (\"Mehr lokale Sichtbarkeit.\" / \"Mehr Kunden. Mehr Umsatz.\" in #1558a5 accent blue) with font-weight 800 at clamp(1.6rem, 3.5vw, 2.4rem), and a subheadline in #5a6370 with font-weight 400 — both left-aligned. A centered blue CTA button (#1558a5, 8px border-radius, text \"Jetzt kostenlosen SEO Check starten!\") sits below the subtext with 3rem spacing, followed by three centered white benefit buttons (\"Mehr Aufrufe\", \"Mehr Vertrauen\", \"Mehr Anfragen\") with SVG icons, 10px border-radius (rectangular with rounded corners, not pill-shaped), and subtle box-shadows with hover lift effects. The background is light blue (#eef3f9), the layout uses an 800px max-width inner container, and the design is responsive with benefit buttons stacking vertically on mobile below 768px. The user is currently re-requesting that the subtext be left-aligned, which it already is in the current snippet.","version":9,"inserted_version":9,"total_cost":3.4852182750000003,"total_messages_sent":12,"summarized_at_total":12}
Für Ihr Unternehmen
Mehr lokale Sichtbarkeit.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden,
wo Ihre Kunden suchen – in Ihrer Region.
Mehr lokale Sichtbarkeit.
Mehr Kunden. Mehr Umsatz.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden,
wo Ihre Kunden suchen – in Ihrer Region.
Mehr Aufrufe
Mehr Vertrauen
Mehr Anfragen
{"uuid":"7c2d5165-3498-43a1-a375-9bfad1141bf8","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":"4:3","use_website_data":true,"html":"<style>\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 {\n font-family: inherit;\n box-sizing: border-box;\n background-color: var(--wsw-color-white, #ffffff);\n padding: 2.5rem;\n border-radius: 20px;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 *,\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 *::before,\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 *::after {\n box-sizing: inherit;\n }\n\n /* Layout */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-layout {\n display: flex;\n gap: 2.5rem;\n max-width: 1100px;\n margin: 0 auto;\n align-items: stretch;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-left {\n flex: 1.15;\n display: flex;\n flex-direction: column;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-right {\n flex: 0.85;\n background: var(--wsw-color-white, #ffffff);\n border-radius: 16px;\n padding: 2rem 1.75rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n /* Badge */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n border: 1.5px solid #34c78e;\n border-radius: 999px;\n padding: 0.35rem 1rem;\n margin-bottom: 1.25rem;\n color: #1a8a5a;\n font-size: 0.9rem;\n font-weight: 600;\n width: fit-content;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-badge-icon {\n font-size: 1rem;\n }\n\n /* Heading */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-heading {\n color: var(--wsw-color-black, #212529);\n margin: 0 0 1.75rem 0;\n line-height: 1.15;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-heading .sc-accent {\n color: var(--wsw-color-accent, #1558a5);\n }\n\n /* Progress */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-progress-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-progress-label {\n font-size: 0.9rem;\n color: var(--wsw-color-black, #212529);\n font-weight: 500;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-progress-pct {\n font-size: 0.9rem;\n color: #888;\n font-weight: 500;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-progress-bar {\n width: 100%;\n height: 6px;\n background: #e0e0e0;\n border-radius: 999px;\n overflow: hidden;\n margin-bottom: 2rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-progress-fill {\n height: 100%;\n width: 7%;\n background: var(--wsw-color-accent, #1558a5);\n border-radius: 999px;\n transition: width 0.5s ease-out;\n }\n\n /* Question card — light blue background */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-question-card {\n background: rgba(21, 88, 165, 0.06);\n border-radius: 16px;\n padding: 1.5rem 1.75rem;\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n margin-bottom: 1.75rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-q-icon-wrap {\n width: 56px;\n height: 56px;\n min-width: 56px;\n background: var(--wsw-color-white, #ffffff);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wsw-color-accent, #1558a5);\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-q-icon-wrap svg {\n width: 28px;\n height: 28px;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-q-text-wrap {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-q-title {\n font-weight: 700;\n color: var(--wsw-color-black, #212529);\n font-size: 1.05rem;\n line-height: 1.4;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-q-hint {\n color: #888;\n font-size: 0.88rem;\n line-height: 1.4;\n }\n\n /* Answer buttons — light blue background */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answers {\n display: flex;\n gap: 0.75rem;\n margin-bottom: 2rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.9rem 1rem;\n border-radius: 12px;\n border: 1.5px solid #ddd;\n background: rgba(21, 88, 165, 0.06);\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: border-color 0.2s ease-out, background-color 0.2s ease-out, transform 0.2s ease-out;\n color: var(--wsw-color-black, #212529);\n font-family: inherit;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn:hover {\n transform: translateY(-2px);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #1558a5);\n outline-offset: 2px;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.sc-yes {\n border-color: #34c78e;\n color: #1a8a5a;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.sc-yes:hover {\n background: rgba(52, 199, 142, 0.12);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.sc-maybe {\n border-color: var(--wsw-color-accent, #1558a5);\n color: var(--wsw-color-accent, #1558a5);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.sc-maybe:hover {\n background: rgba(21, 88, 165, 0.1);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.sc-no {\n border-color: #e74c3c;\n color: #e74c3c;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.sc-no:hover {\n background: rgba(231, 76, 60, 0.1);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-btn-icon {\n font-size: 1.15rem;\n line-height: 1;\n }\n\n /* Active / selected state */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.active.sc-yes {\n background: rgba(52, 199, 142, 0.2);\n border-color: #1a8a5a;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.active.sc-maybe {\n background: rgba(21, 88, 165, 0.16);\n border-color: var(--wsw-color-dark, #10427b);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn.active.sc-no {\n background: rgba(231, 76, 60, 0.16);\n border-color: #c0392b;\n }\n\n /* Disclaimer */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-disclaimer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #999;\n font-size: 0.82rem;\n margin-top: auto;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-disclaimer-icon {\n color: #bbb;\n font-size: 1rem;\n }\n\n /* RIGHT SIDE */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-preview-title {\n font-weight: 700;\n font-size: 1rem;\n color: var(--wsw-color-black, #212529);\n margin-bottom: 1.5rem;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-info-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #ddd;\n color: #888;\n font-size: 0.7rem;\n font-weight: 700;\n cursor: help;\n }\n\n /* Gauge image */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-gauge-img-wrap {\n width: 100%;\n max-width: 380px;\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-gauge-img-wrap img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-gauge-desc {\n text-align: center;\n color: #666;\n font-size: 0.88rem;\n line-height: 1.45;\n margin-bottom: 1.5rem;\n max-width: 280px;\n }\n\n /* Benefit items */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefits {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.85rem;\n padding: 0.85rem 1rem;\n background: #f7f7f7;\n border-radius: 12px;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefit-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n border-radius: 50%;\n background: rgba(52, 199, 142, 0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #34c78e;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefit-icon svg {\n width: 20px;\n height: 20px;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefit-text {\n display: flex;\n flex-direction: column;\n gap: 0.1rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefit-title {\n font-weight: 700;\n font-size: 0.92rem;\n color: var(--wsw-color-black, #212529);\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-benefit-desc {\n font-size: 0.82rem;\n color: #888;\n line-height: 1.4;\n }\n\n /* Preview note */\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-preview-note {\n text-align: center;\n font-size: 0.78rem;\n color: #aaa;\n font-style: italic;\n line-height: 1.4;\n margin-top: auto;\n }\n\n /* Theme overrides */\n section.wsw-theme-d #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8,\n section.wsw-theme-db #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8,\n section.wsw-theme-b #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8,\n section.wsw-theme-bb #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 {\n background-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 {\n background-color: var(--wsw-color-white, #ffffff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 *,\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 *::before,\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 {\n padding: 1.5rem 1rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-layout {\n flex-direction: column;\n gap: 2rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answers {\n flex-direction: row;\n flex-wrap: wrap;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn {\n min-width: 0;\n flex: 1 1 calc(33.333% - 0.5rem);\n padding: 0.75rem 0.5rem;\n font-size: 0.9rem;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-gauge-img-wrap {\n max-width: 280px;\n }\n }\n @media (max-width: 480px) {\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-answer-btn {\n flex: 1 1 100%;\n }\n #wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8 .sc-q-icon-wrap {\n display: none;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8\">\n <div class=\"sc-layout\">\n\n <!-- LEFT SIDE -->\n <div class=\"sc-left\">\n <div class=\"sc-badge\">\n <span class=\"sc-badge-icon\">✦</span>\n <span>Interaktiver Schnellcheck</span>\n </div>\n\n <h2 class=\"sc-heading\">Wie stark ist Ihr<br><span class=\"sc-accent\">Google-Profil</span> wirklich?</h2>\n\n <div class=\"sc-progress-row\">\n <span class=\"sc-progress-label\">Frage 1 von 15</span>\n <span class=\"sc-progress-pct\">7%</span>\n </div>\n <div class=\"sc-progress-bar\">\n <div class=\"sc-progress-fill\"></div>\n </div>\n\n <div class=\"sc-question-card\">\n <div class=\"sc-q-icon-wrap\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 9h18l-1.5-5h-15L3 9z\"></path>\n <path d=\"M3 9c0 1.5 1.2 2.5 2.5 2.5S8 10.5 8 9\"></path>\n <path d=\"M8 9c0 1.5 1.2 2.5 2.5 2.5S13 10.5 13 9\"></path>\n <path d=\"M13 9c0 1.5 1.2 2.5 2.5 2.5S18 10.5 18 9\"></path>\n <path d=\"M18 9c0 1.5 1.2 2.5 2.5 2.5\"></path>\n <path d=\"M4 11.5V20h16v-8.5\"></path>\n <rect x=\"9\" y=\"14\" width=\"6\" height=\"6\" rx=\"0.5\"></rect>\n </svg>\n </div>\n <div class=\"sc-q-text-wrap\">\n <span class=\"sc-q-title\">Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?</span>\n <span class=\"sc-q-hint\">z. B. Adresse, Öffnungszeiten, Telefonnummer, Website</span>\n </div>\n </div>\n\n <div class=\"sc-answers\">\n <button class=\"sc-answer-btn sc-yes\" type=\"button\" aria-label=\"Ja\">\n <span class=\"sc-btn-icon\">✔</span>\n <span>Ja</span>\n </button>\n <button class=\"sc-answer-btn sc-maybe\" type=\"button\" aria-label=\"Teilweise / unsicher\">\n <span>Teilweise / unsicher</span>\n </button>\n <button class=\"sc-answer-btn sc-no\" type=\"button\" aria-label=\"Nein\">\n <span class=\"sc-btn-icon\">✕</span>\n <span>Nein</span>\n </button>\n </div>\n\n <div class=\"sc-disclaimer\">\n <span class=\"sc-disclaimer-icon\">☑</span>\n <span>Ihre Antworten bleiben anonym und werden nicht gespeichert.</span>\n </div>\n </div>\n\n <!-- RIGHT SIDE -->\n <div class=\"sc-right\">\n <div class=\"sc-preview-title\">\n <span>Ihre Ergebnis-Vorschau</span>\n <span class=\"sc-info-icon\" title=\"Die Vorschau aktualisiert sich mit Ihren Antworten\">i</span>\n </div>\n\n <div class=\"sc-gauge-img-wrap\">\n <img src=\"/s3/a/wsw.website.2844/public/images/pages/folder.33/ai-snippet-69f263b3a556b.jpg\" alt=\"Tachometer-Skala zeigt 68 %\" loading=\"lazy\" width=\"1408\" height=\"768\">\n </div>\n\n <div class=\"sc-gauge-desc\">\n <span>Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.</span>\n </div>\n\n <div class=\"sc-benefits\">\n <div class=\"sc-benefit\">\n <div class=\"sc-benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path><circle cx=\"12\" cy=\"12\" r=\"3\"></circle></svg>\n </div>\n <div class=\"sc-benefit-text\">\n <span class=\"sc-benefit-title\">Mehr lokale Sichtbarkeit</span>\n <span class=\"sc-benefit-desc\">Werden Sie häufiger gefunden.</span>\n </div>\n </div>\n <div class=\"sc-benefit\">\n <div class=\"sc-benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"></path></svg>\n </div>\n <div class=\"sc-benefit-text\">\n <span class=\"sc-benefit-title\">Mehr Vertrauen</span>\n <span class=\"sc-benefit-desc\">Überzeugen Sie mit einem starken Auftritt.</span>\n </div>\n </div>\n <div class=\"sc-benefit\">\n <div class=\"sc-benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"></polyline><polyline points=\"17 6 23 6 23 12\"></polyline></svg>\n </div>\n <div class=\"sc-benefit-text\">\n <span class=\"sc-benefit-title\">Mehr Anfragen</span>\n <span class=\"sc-benefit-desc\">Verwandeln Sie Aufrufe in Kunden.</span>\n </div>\n </div>\n </div>\n\n <div class=\"sc-preview-note\">\n <span>Dies ist eine Vorschau. Ihr Ergebnis erhalten Sie am Ende des Schnellchecks.</span>\n </div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-7c2d5165-3498-43a1-a375-9bfad1141bf8');\n if (!el) return;\n\n var buttons = el.querySelectorAll('.sc-answer-btn');\n buttons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n buttons.forEach(function(b) { b.classList.remove('active'); });\n btn.classList.add('active');\n });\n });\n})();\n</script>","summary":null,"version":8,"inserted_version":8,"total_cost":6.17010856,"total_messages_sent":8,"summarized_at_total":0}
Interaktiver Schnellcheck
Wie stark ist Ihr
Google-Profil wirklich?
Frage 1 von 15
7%
Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?
z. B. Adresse, Öffnungszeiten, Telefonnummer, Website
Ihre Antworten bleiben anonym und werden nicht gespeichert.
Ihre Ergebnis-Vorschau
Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.
Mehr lokale Sichtbarkeit
Werden Sie häufiger gefunden.
Mehr Vertrauen
Überzeugen Sie mit einem starken Auftritt.
Mehr Anfragen
Verwandeln Sie Aufrufe in Kunden.
Dies ist eine Vorschau. Ihr Ergebnis erhalten Sie am Ende des Schnellchecks.
{"uuid":"49483cc5-53fb-4703-a4b4-b90710daae8e","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e {\n font-family: inherit;\n box-sizing: border-box;\n padding: 3.5rem 2rem 3rem;\n background: transparent;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e *,\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e *::before,\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e *::after {\n box-sizing: inherit;\n }\n\n /* Badge */\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-badge {\n display: inline-block;\n padding: 0.4rem 1.1rem;\n border: 1.5px solid #34c770;\n border-radius: 999px;\n color: #1a7a42;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n background: rgba(52, 199, 112, 0.06);\n }\n\n /* Heading */\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading {\n margin: 0 0 1.25rem 0;\n line-height: 1.1;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-dark {\n display: block;\n color: var(--wsw-color-black, #212529);\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-accent {\n display: block;\n color: var(--wsw-color-accent, #1558a5);\n }\n\n /* Subtext */\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-subtext {\n color: #5a6370;\n max-width: 540px;\n margin: 0 0 2rem 0;\n line-height: 1.65;\n }\n\n /* CTA Button */\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta {\n display: inline-block;\n padding: 0.875rem 2rem;\n background-color: var(--wsw-color-accent, #1558a5);\n color: var(--wsw-color-white, #ffffff);\n font-size: 1.06rem;\n font-weight: 600;\n text-decoration: none;\n border-radius: 6px;\n border: none;\n cursor: pointer;\n margin-bottom: 2.5rem;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n box-shadow: 0 2px 8px rgba(21, 88, 165, 0.18);\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(21, 88, 165, 0.28);\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #1558a5);\n outline-offset: 3px;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:active {\n transform: translateY(0);\n box-shadow: 0 1px 4px rgba(21, 88, 165, 0.18);\n }\n\n /* Benefits row */\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefits {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n align-items: center;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-icon {\n width: 40px;\n height: 40px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-icon svg {\n width: 36px;\n height: 36px;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-label {\n font-size: 1rem;\n font-weight: 500;\n color: var(--wsw-color-black, #212529);\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-dark,\n section.wsw-theme-db #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-dark,\n section.wsw-theme-b #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-dark,\n section.wsw-theme-bb #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-dark {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-accent,\n section.wsw-theme-db #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-accent,\n section.wsw-theme-b #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-accent,\n section.wsw-theme-bb #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-accent {\n color: #5ba3f5;\n }\n section.wsw-theme-d #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-subtext,\n section.wsw-theme-db #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-subtext,\n section.wsw-theme-b #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-subtext,\n section.wsw-theme-bb #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-subtext {\n color: #b0b8c4;\n }\n section.wsw-theme-d #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-label,\n section.wsw-theme-db #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-label,\n section.wsw-theme-b #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-label,\n section.wsw-theme-bb #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-label {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta,\n section.wsw-theme-db #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta,\n section.wsw-theme-b #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta,\n section.wsw-theme-bb #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta {\n background-color: #5ba3f5;\n box-shadow: 0 2px 8px rgba(91, 163, 245, 0.25);\n }\n section.wsw-theme-d #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:hover,\n section.wsw-theme-db #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:hover,\n section.wsw-theme-b #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:hover,\n section.wsw-theme-bb #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta:hover {\n box-shadow: 0 4px 16px rgba(91, 163, 245, 0.35);\n }\n section.wsw-theme-a #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-dark {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-heading .line-accent {\n color: #b8dffb;\n }\n section.wsw-theme-a #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-subtext {\n color: #d0e4f5;\n }\n section.wsw-theme-a #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefit-label {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta {\n background-color: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #1558a5);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e {\n padding: 2.5rem 1.25rem 2rem;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefits {\n gap: 1.25rem;\n }\n }\n @media (max-width: 480px) {\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-benefits {\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n }\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e .hero-cta {\n width: 100%;\n text-align: center;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e *,\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e *::before,\n #wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-49483cc5-53fb-4703-a4b4-b90710daae8e\">\n\n <span class=\"hero-badge\">Für Ihr Unternehmen</span>\n\n <h1 class=\"hero-heading\">\n <span class=\"line-dark\">Mehr lokale Sichtbarkeit.</span>\n <span class=\"line-accent\">Mehr Kunden. Mehr Umsatz.</span>\n </h1>\n\n <p class=\"hero-subtext\">Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.</p>\n\n <a href=\"#\" class=\"hero-cta\" draggable=\"false\">Jetzt kostenlosen Check starten!</a>\n\n <div class=\"hero-benefits\">\n\n <div class=\"hero-benefit\">\n <div class=\"hero-benefit-icon\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"4\" y=\"8\" width=\"28\" height=\"28\" rx=\"6\" stroke=\"#2e7d5b\" stroke-width=\"2.2\" fill=\"none\"></rect>\n <path d=\"M18 22c3.3-5 9.7-5 13 0\" stroke=\"#2e7d5b\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"></path>\n <path d=\"M18 22c3.3 5 9.7 5 13 0\" stroke=\"#2e7d5b\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"></path>\n <circle cx=\"24.5\" cy=\"22\" r=\"2.2\" fill=\"#2e7d5b\"></circle>\n <rect x=\"30\" y=\"12\" width=\"10\" height=\"10\" rx=\"3\" fill=\"#d4f5e2\" stroke=\"#2e7d5b\" stroke-width=\"1.5\"></rect>\n <path d=\"M33 17h4M35 15v4\" stroke=\"#2e7d5b\" stroke-width=\"1.6\" stroke-linecap=\"round\"></path>\n </svg>\n </div>\n <span class=\"hero-benefit-label\">Mehr Aufrufe</span>\n </div>\n\n <div class=\"hero-benefit\">\n <div class=\"hero-benefit-icon\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M24 6l4.9 10.1L40 17.6l-8 7.8 1.9 11.1L24 31.4l-9.9 5.1L16 25.4l-8-7.8 11.1-1.5z\" stroke=\"#3b6ec9\" stroke-width=\"2.2\" fill=\"none\" stroke-linejoin=\"round\"></path>\n </svg>\n </div>\n <span class=\"hero-benefit-label\">Mehr Vertrauen</span>\n </div>\n\n <div class=\"hero-benefit\">\n <div class=\"hero-benefit-icon\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"6\" y=\"10\" width=\"30\" height=\"24\" rx=\"4\" stroke=\"#2e7d5b\" stroke-width=\"2.2\" fill=\"none\"></rect>\n <polyline points=\"12,28 18,22 23,25 30,16\" stroke=\"#3b6ec9\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"></polyline>\n <circle cx=\"30\" cy=\"16\" r=\"2\" fill=\"#3b6ec9\"></circle>\n <rect x=\"32\" y=\"14\" width=\"10\" height=\"10\" rx=\"3\" fill=\"#d4f5e2\" stroke=\"#2e7d5b\" stroke-width=\"1.5\"></rect>\n <path d=\"M35 19h4M37 17v4\" stroke=\"#2e7d5b\" stroke-width=\"1.6\" stroke-linecap=\"round\"></path>\n </svg>\n </div>\n <span class=\"hero-benefit-label\">Mehr Anfragen</span>\n </div>\n\n </div>\n\n</div>","summary":null,"version":3,"inserted_version":3,"total_cost":0.9651360950000001,"total_messages_sent":5,"summarized_at_total":0}
Für Ihr Unternehmen
Mehr lokale Sichtbarkeit. Mehr Kunden. Mehr Umsatz.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.
Jetzt kostenlosen Check starten!
Mehr Aufrufe
Mehr Vertrauen
Mehr Anfragen
{"uuid":"e3193baf-e814-4935-9413-db741681d2d9","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 {\n font-family: inherit;\n box-sizing: border-box;\n background: linear-gradient(180deg, #eef4fb 0%, #f0f6fd 60%, #ffffff 100%);\n padding: 0;\n overflow: hidden;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 *,\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 *::before,\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 *::after {\n box-sizing: inherit;\n }\n\n /* ===== NAVBAR ===== */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-navbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem 2.5rem;\n background: rgba(255,255,255,0.85);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n position: relative;\n z-index: 10;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-logo {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 1.35rem;\n font-weight: 700;\n color: #1a73e8;\n text-decoration: none;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-logo svg {\n width: 22px;\n height: 22px;\n fill: #1a73e8;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-nav-links {\n display: flex;\n align-items: center;\n gap: 2rem;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-nav-links li a {\n text-decoration: none;\n color: #333;\n font-size: 0.95rem;\n font-weight: 500;\n transition: color 0.2s ease-out;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-nav-links li a:hover {\n color: #1a73e8;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-nav-actions {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-btn-outline {\n display: inline-block;\n padding: 0.55rem 1.25rem;\n border: 1.5px solid #1a73e8;\n color: #1a73e8;\n background: transparent;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s ease-out;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-btn-outline:hover {\n background: #1a73e8;\n color: #fff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-btn-primary {\n display: inline-block;\n padding: 0.6rem 1.35rem;\n background: #1a73e8;\n color: #fff;\n border: none;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.2s ease-out;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-btn-primary:hover {\n background: #1558a5;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-mobile-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: #333;\n }\n\n /* ===== HERO SECTION ===== */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero {\n display: grid;\n grid-template-columns: 1fr 1.1fr 0.9fr;\n gap: 2rem;\n padding: 3rem 2.5rem 2.5rem;\n align-items: start;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n /* LEFT COLUMN */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-left {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n padding-top: 0.5rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-badge {\n display: inline-block;\n padding: 0.3rem 0.85rem;\n border: 1.5px solid #1a73e8;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 700;\n color: #1a73e8;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n width: fit-content;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-left h1 {\n font-size: clamp(1.6rem, 3vw, 2.2rem);\n line-height: 1.15;\n color: #1a1a2e;\n margin: 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-left h1 .highlight {\n color: #1a73e8;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-desc {\n font-size: 0.95rem;\n color: #555;\n line-height: 1.55;\n margin: 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-features-row {\n display: flex;\n gap: 1.25rem;\n flex-wrap: wrap;\n margin-top: 0.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-feature-item {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 0.85rem;\n color: #444;\n font-weight: 500;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-feature-item svg {\n width: 28px;\n height: 28px;\n flex-shrink: 0;\n }\n\n /* Google Business Card Mock */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-card {\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n padding: 1rem;\n margin-top: 1rem;\n position: relative;\n max-width: 380px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-top {\n display: flex;\n gap: 0.75rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-photo {\n width: 100px;\n height: 120px;\n border-radius: 10px;\n object-fit: cover;\n flex-shrink: 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-info {\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-name {\n font-weight: 700;\n font-size: 0.95rem;\n color: #1a1a2e;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-category {\n font-size: 0.8rem;\n color: #777;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-rating {\n display: flex;\n align-items: center;\n gap: 0.3rem;\n font-size: 0.8rem;\n color: #333;\n margin-top: 0.1rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-stars {\n color: #f5b503;\n font-size: 0.85rem;\n letter-spacing: 1px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-status {\n font-size: 0.78rem;\n color: #555;\n margin-top: 0.1rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-actions {\n display: flex;\n gap: 0.5rem;\n margin-top: 0.65rem;\n padding-top: 0.5rem;\n border-top: 1px solid #eee;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.2rem;\n font-size: 0.68rem;\n color: #1a73e8;\n cursor: default;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-action-icon {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: 1.5px solid #d0dff3;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.85rem;\n }\n /* floating badges on card */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-badge {\n position: absolute;\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n padding: 0.4rem 0.65rem;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n font-size: 0.75rem;\n color: #333;\n white-space: nowrap;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-rating {\n top: -12px;\n right: -20px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-rating .lb-stars-small {\n color: #f5b503;\n font-size: 0.7rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-rating .lb-rating-count {\n font-size: 0.68rem;\n color: #888;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-post {\n right: -30px;\n top: 50%;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-post .lb-post-label {\n color: #1a73e8;\n font-weight: 600;\n font-size: 0.78rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-post .lb-post-sub {\n font-size: 0.68rem;\n color: #888;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-open {\n right: -20px;\n bottom: 30px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-open .lb-open-label {\n color: #22a355;\n font-weight: 600;\n font-size: 0.78rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-open .lb-open-sub {\n font-size: 0.68rem;\n color: #888;\n }\n /* map placeholder */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-map-area {\n background: linear-gradient(135deg, #e8f0e2, #d4e4cc);\n border-radius: 0 0 16px 16px;\n height: 80px;\n margin: 0.5rem -1rem -1rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-map-pin {\n font-size: 2rem;\n color: #1a73e8;\n }\n\n /* CENTER COLUMN — Schnellcheck */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-center {\n background: #fff;\n border-radius: 18px;\n box-shadow: 0 6px 32px rgba(0,0,0,0.08);\n padding: 2rem 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-check-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n padding: 0.35rem 0.85rem;\n border: 1.5px solid #22a355;\n border-radius: 20px;\n font-size: 0.78rem;\n font-weight: 600;\n color: #22a355;\n width: fit-content;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-check-badge svg {\n width: 14px;\n height: 14px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-center h2 {\n font-size: clamp(1.3rem, 2.5vw, 1.7rem);\n line-height: 1.2;\n color: #1a1a2e;\n margin: 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-center h2 .highlight {\n color: #1a73e8;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-progress-bar-wrap {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.75rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-progress-label {\n font-size: 0.82rem;\n color: #555;\n white-space: nowrap;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-progress-pct {\n font-size: 0.82rem;\n color: #888;\n white-space: nowrap;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-progress-track {\n flex: 1;\n height: 6px;\n background: #e8ecf1;\n border-radius: 3px;\n overflow: hidden;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-progress-fill {\n width: 7%;\n height: 100%;\n background: #1a73e8;\n border-radius: 3px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-question-card {\n background: #f8fafb;\n border-radius: 12px;\n padding: 1.25rem;\n display: flex;\n gap: 0.85rem;\n align-items: flex-start;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-q-icon {\n width: 42px;\n height: 42px;\n background: #eaf0f8;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-size: 1.1rem;\n color: #1a73e8;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-q-text {\n font-size: 0.9rem;\n font-weight: 600;\n color: #1a1a2e;\n line-height: 1.4;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-q-sub {\n font-size: 0.78rem;\n color: #888;\n margin-top: 0.2rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-row {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn {\n flex: 1;\n min-width: 100px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.7rem 1rem;\n border-radius: 10px;\n font-size: 0.88rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease-out;\n text-decoration: none;\n border: 1.5px solid;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn.yes {\n border-color: #1a73e8;\n color: #1a73e8;\n background: #f0f6ff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn.yes:hover {\n background: #1a73e8;\n color: #fff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn.maybe {\n border-color: #e6a817;\n color: #c49000;\n background: #fef9eb;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn.maybe:hover {\n background: #e6a817;\n color: #fff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn.no {\n border-color: #e53e3e;\n color: #e53e3e;\n background: #fef2f2;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-btn.no:hover {\n background: #e53e3e;\n color: #fff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-privacy-note {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n font-size: 0.72rem;\n color: #aaa;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-privacy-note svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n }\n\n /* RIGHT COLUMN — Ergebnis-Vorschau + Phone */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-right {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-result-card {\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.07);\n padding: 1.5rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n min-width: 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-result-header {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n font-size: 0.85rem;\n font-weight: 600;\n color: #1a1a2e;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-result-header .info-icon {\n width: 16px;\n height: 16px;\n background: #e0e5ea;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6rem;\n color: #666;\n }\n\n /* Gauge */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gauge-wrap {\n position: relative;\n width: 160px;\n height: 100px;\n margin: 0 auto;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gauge-svg {\n width: 100%;\n height: 100%;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gauge-value {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n font-size: 2rem;\n font-weight: 800;\n color: #1a1a2e;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gauge-desc {\n font-size: 0.78rem;\n color: #777;\n text-align: center;\n line-height: 1.4;\n }\n\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-result-benefits {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-result-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.6rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-benefit-icon {\n width: 32px;\n height: 32px;\n background: #eaf4f0;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-size: 0.85rem;\n color: #22a355;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-benefit-text {\n display: flex;\n flex-direction: column;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-benefit-title {\n font-size: 0.82rem;\n font-weight: 600;\n color: #1a1a2e;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-benefit-sub {\n font-size: 0.72rem;\n color: #888;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-result-footer {\n font-size: 0.68rem;\n color: #aaa;\n text-align: center;\n line-height: 1.4;\n border-top: 1px solid #f0f0f0;\n padding-top: 0.75rem;\n width: 100%;\n }\n\n /* Phone mock */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-mock {\n width: 190px;\n flex-shrink: 0;\n background: #fff;\n border-radius: 24px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n overflow: hidden;\n border: 6px solid #222;\n position: relative;\n margin-top: 3rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-notch {\n height: 22px;\n background: #222;\n border-radius: 0 0 16px 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-notch span {\n font-size: 0.6rem;\n color: #fff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-content {\n padding: 0.5rem;\n background: #fff;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-biz-name {\n font-size: 0.85rem;\n font-weight: 700;\n color: #1a1a2e;\n padding: 0.25rem 0.25rem 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-rating-row {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.65rem;\n color: #555;\n padding: 0 0.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-rating-row .lb-stars-small {\n color: #f5b503;\n font-size: 0.6rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-cat {\n font-size: 0.6rem;\n color: #888;\n padding: 0 0.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-status {\n font-size: 0.6rem;\n color: #22a355;\n font-weight: 600;\n padding: 0.15rem 0.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-actions-row {\n display: flex;\n justify-content: space-around;\n padding: 0.35rem 0;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n margin: 0.25rem 0;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-action-sm {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.1rem;\n font-size: 0.5rem;\n color: #1a73e8;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-action-sm .icon-circle-sm {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n border: 1px solid #d0dff3;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-tabs {\n display: flex;\n justify-content: space-around;\n padding: 0.35rem 0;\n font-size: 0.5rem;\n color: #888;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-tabs span:first-child {\n color: #1a73e8;\n font-weight: 600;\n text-decoration: underline;\n text-underline-offset: 4px;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-img {\n width: 100%;\n height: 120px;\n object-fit: cover;\n border-radius: 8px;\n margin-top: 0.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-post-badge {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem;\n font-size: 0.55rem;\n color: #555;\n margin-top: 0.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-post-text {\n font-size: 0.55rem;\n color: #555;\n padding: 0 0.25rem;\n line-height: 1.3;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-post-date {\n font-size: 0.5rem;\n color: #aaa;\n padding: 0 0.25rem;\n }\n\n /* ===== TRUST BAR ===== */\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-trust-bar {\n text-align: center;\n padding: 2.5rem 2rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-trust-headline {\n font-size: 0.9rem;\n font-weight: 600;\n color: #555;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-trust-items {\n display: flex;\n justify-content: center;\n gap: 2.5rem;\n flex-wrap: wrap;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-trust-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.85rem;\n color: #555;\n font-weight: 500;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-trust-item svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n }\n\n /* ===== RESPONSIVE ===== */\n @media (max-width: 1100px) {\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero {\n grid-template-columns: 1fr 1fr;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-right {\n grid-column: 1 / -1;\n justify-content: center;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-mock {\n display: none;\n }\n }\n @media (max-width: 768px) {\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-navbar {\n padding: 0.75rem 1.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-nav-links {\n display: none;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-nav-actions .lb-btn-outline {\n display: none;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-mobile-toggle {\n display: block;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero {\n grid-template-columns: 1fr;\n padding: 2rem 1.25rem;\n gap: 1.5rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-left h1 {\n font-size: 1.5rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-gbp-card {\n max-width: 100%;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-float-badge {\n display: none;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-right {\n flex-direction: column;\n align-items: stretch;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-phone-mock {\n display: none;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-hero-center {\n padding: 1.25rem;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-answer-row {\n flex-direction: column;\n }\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 .lb-trust-items {\n gap: 1.25rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 *,\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 *::before,\n #wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-e3193baf-e814-4935-9413-db741681d2d9\">\n\n <!-- NAVBAR -->\n <nav class=\"lb-navbar\">\n <a href=\"#\" class=\"lb-logo\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z\"></path></svg>\n <span>LocalBoost</span>\n </a>\n <ul class=\"lb-nav-links\">\n <li><a href=\"#\">Lösungen ▾</a></li>\n <li><a href=\"#\">Für wen?</a></li>\n <li><a href=\"#\">So funktioniert's</a></li>\n <li><a href=\"#\">Preise</a></li>\n <li><a href=\"#\">Wissen ▾</a></li>\n </ul>\n <div class=\"lb-nav-actions\">\n <a href=\"#\" class=\"lb-btn-outline\">Anmelden</a>\n <a href=\"#\" class=\"lb-btn-primary\">Kostenlos starten</a>\n </div>\n <button class=\"lb-mobile-toggle\" aria-label=\"Menü öffnen\">☰</button>\n </nav>\n\n <!-- HERO 3-COLUMN -->\n <div class=\"lb-hero\">\n\n <!-- LEFT -->\n <div class=\"lb-hero-left\">\n <span class=\"lb-badge\">FÜR SCHWEIZER KMU</span>\n <h1>Mehr lokale Sichtbarkeit.<br><span class=\"highlight\">Mehr Kunden. Mehr Umsatz.</span></h1>\n <span class=\"lb-hero-desc\">Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.</span>\n\n <div class=\"lb-features-row\">\n <div class=\"lb-feature-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M8 12l2.5 2.5L16 9\"></path></svg>\n <span>Mehr Aufrufe</span>\n </div>\n <div class=\"lb-feature-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"></polygon></svg>\n <span>Mehr Vertrauen</span>\n </div>\n <div class=\"lb-feature-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"></path></svg>\n <span>Mehr Anfragen</span>\n </div>\n </div>\n\n <!-- Google Business Card -->\n <div class=\"lb-gbp-card\">\n <div class=\"lb-float-badge lb-float-rating\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M16 12l-4 4-4-4\" fill=\"none\"></path></svg>\n <span>4,8</span>\n <span class=\"lb-stars-small\">★★★★★</span>\n <span class=\"lb-rating-count\">128 Bewertungen</span>\n </div>\n <div class=\"lb-float-badge lb-float-post\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line></svg>\n <div style=\"display:flex;flex-direction:column;\">\n <span class=\"lb-post-label\">Neuer Beitrag</span>\n <span class=\"lb-post-sub\">Vor 2 Tagen</span>\n </div>\n </div>\n <div class=\"lb-float-badge lb-float-open\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22a355\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><polyline points=\"12 6 12 12 16 14\"></polyline></svg>\n <div style=\"display:flex;flex-direction:column;\">\n <span class=\"lb-open-label\">Heute geöffnet</span>\n <span class=\"lb-open-sub\">07:00 – 18:30</span>\n </div>\n </div>\n <div class=\"lb-gbp-top\">\n <img src=\"https://images.unsplash.com/photo-1583394838336-acd977736f90?w=200&q=80\" alt=\"Bäckerei Weber Inhaber\" class=\"lb-gbp-photo\" loading=\"lazy\">\n <div class=\"lb-gbp-info\">\n <span class=\"lb-gbp-name\">Bäckerei Weber</span>\n <span class=\"lb-gbp-category\">Bäckerei · Zürich</span>\n <div class=\"lb-gbp-rating\">\n <span>4,8</span>\n <span class=\"lb-stars\">★★★★★</span>\n <span>(128)</span>\n </div>\n <span class=\"lb-gbp-status\">Geöffnet · Schliesst um 18:30</span>\n </div>\n </div>\n <div class=\"lb-gbp-actions\">\n <div class=\"lb-gbp-action\">\n <div class=\"lb-gbp-action-icon\">📞</div>\n <span>Anruf</span>\n </div>\n <div class=\"lb-gbp-action\">\n <div class=\"lb-gbp-action-icon\">🧭</div>\n <span>Route</span>\n </div>\n <div class=\"lb-gbp-action\">\n <div class=\"lb-gbp-action-icon\">🔖</div>\n <span>Speichern</span>\n </div>\n <div class=\"lb-gbp-action\">\n <div class=\"lb-gbp-action-icon\">🌐</div>\n <span>Website</span>\n </div>\n </div>\n <div class=\"lb-map-area\">\n <span class=\"lb-map-pin\">📍</span>\n </div>\n </div>\n </div>\n\n <!-- CENTER — Schnellcheck -->\n <div class=\"lb-hero-center\">\n <div class=\"lb-check-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path><polyline points=\"22 4 12 14.01 9 11.01\"></polyline></svg>\n <span>Interaktiver Schnellcheck</span>\n </div>\n <h2>Wie stark ist Ihr<br><span class=\"highlight\">Google-Profil</span> wirklich?</h2>\n\n <div class=\"lb-progress-bar-wrap\">\n <span class=\"lb-progress-label\">Frage 1 von 15</span>\n <div class=\"lb-progress-track\">\n <div class=\"lb-progress-fill\"></div>\n </div>\n <span class=\"lb-progress-pct\">7%</span>\n </div>\n\n <div class=\"lb-question-card\">\n <div class=\"lb-q-icon\">📋</div>\n <div>\n <span class=\"lb-q-text\">Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?</span>\n <span class=\"lb-q-sub\">z. B. Adresse, Öffnungszeiten, Telefonnummer, Website</span>\n </div>\n </div>\n\n <div class=\"lb-answer-row\">\n <a href=\"#\" class=\"lb-answer-btn yes\">✓ Ja</a>\n <a href=\"#\" class=\"lb-answer-btn maybe\">Teilweise / unsicher</a>\n <a href=\"#\" class=\"lb-answer-btn no\">✕ Nein</a>\n </div>\n\n <div class=\"lb-privacy-note\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"></path></svg>\n <span>Ihre Antworten bleiben anonym und werden nicht gespeichert.</span>\n </div>\n </div>\n\n <!-- RIGHT — Ergebnis-Vorschau + Phone -->\n <div class=\"lb-hero-right\">\n <div class=\"lb-result-card\">\n <div class=\"lb-result-header\">\n <span>Ihre Ergebnis-Vorschau</span>\n <span class=\"info-icon\">ℹ</span>\n </div>\n\n <!-- Gauge -->\n <div class=\"lb-gauge-wrap\">\n <svg class=\"lb-gauge-svg\" viewBox=\"0 0 200 120\">\n <defs>\n <linearGradient id=\"gaugeGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#e53e3e\"></stop>\n <stop offset=\"25%\" stop-color=\"#e6a817\"></stop>\n <stop offset=\"50%\" stop-color=\"#f5b503\"></stop>\n <stop offset=\"75%\" stop-color=\"#66bb6a\"></stop>\n <stop offset=\"100%\" stop-color=\"#22a355\"></stop>\n </linearGradient>\n </defs>\n <path d=\"M 20 110 A 80 80 0 0 1 180 110\" fill=\"none\" stroke=\"#e8ecf1\" stroke-width=\"16\" stroke-linecap=\"round\"></path>\n <path d=\"M 20 110 A 80 80 0 0 1 180 110\" fill=\"none\" stroke=\"url(#gaugeGrad)\" stroke-width=\"16\" stroke-linecap=\"round\" stroke-dasharray=\"251\" stroke-dashoffset=\"0\"></path>\n <!-- needle -->\n <line x1=\"100\" y1=\"110\" x2=\"72\" y2=\"50\" stroke=\"#333\" stroke-width=\"2.5\" stroke-linecap=\"round\"></line>\n <circle cx=\"100\" cy=\"110\" r=\"5\" fill=\"#333\"></circle>\n </svg>\n <span class=\"lb-gauge-value\">68%</span>\n </div>\n\n <span class=\"lb-gauge-desc\">Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.</span>\n\n <div class=\"lb-result-benefits\">\n <div class=\"lb-result-benefit\">\n <div class=\"lb-benefit-icon\">🔍</div>\n <div class=\"lb-benefit-text\">\n <span class=\"lb-benefit-title\">Mehr lokale Sichtbarkeit</span>\n <span class=\"lb-benefit-sub\">Werden Sie häufiger gefunden.</span>\n </div>\n </div>\n <div class=\"lb-result-benefit\">\n <div class=\"lb-benefit-icon\">💚</div>\n <div class=\"lb-benefit-text\">\n <span class=\"lb-benefit-title\">Mehr Vertrauen</span>\n <span class=\"lb-benefit-sub\">Überzeugen Sie mit einem starken Auftritt.</span>\n </div>\n </div>\n <div class=\"lb-result-benefit\">\n <div class=\"lb-benefit-icon\">📈</div>\n <div class=\"lb-benefit-text\">\n <span class=\"lb-benefit-title\">Mehr Anfragen</span>\n <span class=\"lb-benefit-sub\">Verwandeln Sie Aufrufe in Kunden.</span>\n </div>\n </div>\n </div>\n\n <div class=\"lb-result-footer\">\n <span>Dies ist eine Vorschau. Ihr Ergebnis erhalten Sie am Ende des Schnellchecks.</span>\n </div>\n </div>\n\n <!-- Phone Mock -->\n <div class=\"lb-phone-mock\">\n <div class=\"lb-phone-notch\"><span>9:41</span></div>\n <div class=\"lb-phone-content\">\n <span class=\"lb-phone-biz-name\">Blumenhaus Meier</span>\n <div class=\"lb-phone-rating-row\">\n <span>4,9</span>\n <span class=\"lb-stars-small\">★★★★★</span>\n <span>(86)</span>\n </div>\n <span class=\"lb-phone-cat\">Florist · Zürich</span>\n <span class=\"lb-phone-status\">Geöffnet · Schliesst um 18:30</span>\n <div class=\"lb-phone-actions-row\">\n <div class=\"lb-phone-action-sm\">\n <div class=\"icon-circle-sm\">📞</div>\n <span>Anruf</span>\n </div>\n <div class=\"lb-phone-action-sm\">\n <div class=\"icon-circle-sm\">🧭</div>\n <span>Route</span>\n </div>\n <div class=\"lb-phone-action-sm\">\n <div class=\"icon-circle-sm\">🔖</div>\n <span>Speichern</span>\n </div>\n <div class=\"lb-phone-action-sm\">\n <div class=\"icon-circle-sm\">🌐</div>\n <span>Website</span>\n </div>\n </div>\n <div class=\"lb-phone-tabs\">\n <span>Übersicht</span>\n <span>Beiträge</span>\n <span>Bewertungen</span>\n <span>Info</span>\n </div>\n <img src=\"https://images.unsplash.com/photo-1490750967868-88aa4f44baee?w=400&q=80\" alt=\"Blumenstrauss\" class=\"lb-phone-img\" loading=\"lazy\">\n <div class=\"lb-phone-post-badge\">\n <span>📝</span>\n <span style=\"font-weight:600;\">Neuer Beitrag</span>\n </div>\n <span class=\"lb-phone-post-text\">Frische Blumen für jeden Anlass.</span>\n <span class=\"lb-phone-post-date\">Vor 3 Tagen</span>\n </div>\n </div>\n </div>\n\n </div>\n\n <!-- TRUST BAR -->\n <div class=\"lb-trust-bar\">\n <span class=\"lb-trust-headline\">Über 1.200 Schweizer Unternehmen vertrauen auf LocalBoost</span>\n <div class=\"lb-trust-items\">\n <div class=\"lb-trust-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"></path><polyline points=\"9 12 11 14 15 10\"></polyline></svg>\n <span>DSGVO-konform</span>\n </div>\n <div class=\"lb-trust-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e53e3e\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"></rect><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"></line><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"></line></svg>\n <span>In der Schweiz entwickelt</span>\n </div>\n <div class=\"lb-trust-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.8\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"></path><circle cx=\"12\" cy=\"7\" r=\"4\"></circle></svg>\n <span>Persönlicher Support</span>\n </div>\n <div class=\"lb-trust-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.8\"><polyline points=\"20 12 20 22 4 22 4 12\"></polyline><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\" rx=\"1\"></rect><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"></line></svg>\n <span>Transparente Preise</span>\n </div>\n </div>\n </div>\n\n</div>","summary":null,"version":1,"inserted_version":1,"total_cost":0.739163425,"total_messages_sent":1,"summarized_at_total":0}
FÜR SCHWEIZER KMU
Mehr lokale Sichtbarkeit.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.
Mehr lokale Sichtbarkeit.
Mehr Kunden. Mehr Umsatz.
Stärken Sie Ihr Google-Profil und werden Sie dort gefunden, wo Ihre Kunden suchen – in Ihrer Region.
Mehr Aufrufe
Mehr Vertrauen
Mehr Anfragen
Neuer Beitrag
Vor 2 Tagen
Heute geöffnet
07:00 – 18:30
Bäckerei Weber
Bäckerei · Zürich
Geöffnet · Schliesst um 18:30
Anruf
Route
Speichern
Website
📍
Interaktiver Schnellcheck
Wie stark ist Ihr
Google-Profil wirklich?
Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?
z. B. Adresse, Öffnungszeiten, Telefonnummer, Website
Ihre Antworten bleiben anonym und werden nicht gespeichert.
Ihre Ergebnis-Vorschau
68%
Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.
Mehr lokale Sichtbarkeit
Werden Sie häufiger gefunden.
Mehr Vertrauen
Überzeugen Sie mit einem starken Auftritt.
Mehr Anfragen
Verwandeln Sie Aufrufe in Kunden.
9:41
Blumenhaus Meier
Florist · Zürich
Geöffnet · Schliesst um 18:30
📞
Anruf
🧭
Route
🔖
Speichern
🌐
Website
Übersicht
Beiträge
Bewertungen
Info
📝
Neuer Beitrag
Frische Blumen für jeden Anlass.
Vor 3 Tagen
{"uuid":"4294fc49-848c-4baf-87dd-f0d837ae2c87","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 {\n font-family: inherit;\n box-sizing: border-box;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 *,\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 *::before,\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 *::after {\n box-sizing: inherit;\n }\n\n /* ── Main wrapper ── */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-wrap {\n background: var(--wsw-color-light, #eeedeb);\n border-radius: 16px;\n padding: clamp(1.5rem, 4vw, 3rem);\n max-width: 960px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-wrap {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n padding: 2.5rem 3rem;\n }\n }\n\n /* ── Left column ── */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-left {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n /* Badge */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n border: 1.5px solid #34d399;\n border-radius: 999px;\n padding: 0.35rem 1rem;\n font-size: 0.85rem;\n font-weight: 600;\n color: #059669;\n background: rgba(52, 211, 153, 0.08);\n width: fit-content;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-badge svg {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n }\n\n /* Heading */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-heading {\n margin: 0;\n line-height: 1.1;\n color: var(--wsw-color-black, #212529);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-heading .sc-accent {\n color: #059669;\n }\n\n /* Progress bar area */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.9rem;\n color: var(--wsw-color-black, #212529);\n gap: 0.5rem;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-bar {\n width: 100%;\n height: 6px;\n background: #d1d5db;\n border-radius: 999px;\n overflow: hidden;\n margin-top: 0.35rem;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-fill {\n height: 100%;\n width: 7%;\n background: var(--wsw-color-dark, #10427b);\n border-radius: 999px;\n transition: width 0.4s ease-out;\n }\n\n /* Question card */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-question-card {\n background: var(--wsw-color-white, #fff);\n border-radius: 12px;\n padding: 1.25rem 1.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n box-shadow: 0 1px 3px rgba(0,0,0,0.06);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-icon {\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: #f0f4f8;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-icon svg {\n width: 26px;\n height: 26px;\n color: var(--wsw-color-accent, #1558a5);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-text {\n font-weight: 600;\n color: var(--wsw-color-black, #212529);\n line-height: 1.4;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-sub {\n font-weight: 400;\n color: #6b7280;\n font-size: 0.85rem;\n margin-top: 0.25rem;\n display: block;\n }\n\n /* Answer buttons */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answers {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n @media (min-width: 768px) {\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answers {\n flex-direction: row;\n gap: 1rem;\n }\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.85rem 1.25rem;\n border-radius: 10px;\n border: 2px solid;\n background: var(--wsw-color-white, #fff);\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n font-family: inherit;\n transition: background 0.2s ease-out, transform 0.15s ease-out, box-shadow 0.2s ease-out;\n flex: 1;\n min-height: 48px;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #1558a5);\n outline-offset: 2px;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-yes {\n border-color: #34d399;\n color: #059669;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-yes:hover {\n background: rgba(52, 211, 153, 0.07);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-partial {\n border-color: #93c5fd;\n color: var(--wsw-color-dark, #10427b);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-partial:hover {\n background: rgba(147, 197, 253, 0.1);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-no {\n border-color: #fca5a5;\n color: #dc2626;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-no:hover {\n background: rgba(252, 165, 165, 0.08);\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n }\n\n /* Active/selected state */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-selected.sc-yes {\n background: rgba(52, 211, 153, 0.15);\n box-shadow: 0 0 0 1px #34d399;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-selected.sc-partial {\n background: rgba(147, 197, 253, 0.18);\n box-shadow: 0 0 0 1px #93c5fd;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn.sc-selected.sc-no {\n background: rgba(252, 165, 165, 0.15);\n box-shadow: 0 0 0 1px #fca5a5;\n }\n\n /* Anon note */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-anon {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 0.8rem;\n color: #9ca3af;\n margin-top: 0.25rem;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-anon svg {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n color: #9ca3af;\n }\n\n /* ── Right column — Result preview ── */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-right {\n background: var(--wsw-color-white, #fff);\n border-radius: 14px;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.25rem;\n box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n }\n\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-preview-header {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n align-self: flex-start;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-preview-title {\n font-weight: 700;\n color: var(--wsw-color-black, #212529);\n font-size: 1rem;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-info-icon {\n width: 18px;\n height: 18px;\n color: #9ca3af;\n cursor: help;\n }\n\n /* Gauge */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-wrap {\n position: relative;\n width: 200px;\n height: 120px;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-svg {\n width: 100%;\n height: 100%;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-value {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n font-size: 2.2rem;\n font-weight: 800;\n color: var(--wsw-color-black, #212529);\n line-height: 1;\n }\n\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-caption {\n text-align: center;\n color: #6b7280;\n font-size: 0.85rem;\n line-height: 1.4;\n max-width: 260px;\n }\n\n /* Benefits list */\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n background: rgba(52, 211, 153, 0.04);\n border-radius: 10px;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-icon {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n background: rgba(52, 211, 153, 0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-icon svg {\n width: 20px;\n height: 20px;\n color: #059669;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-text {\n display: flex;\n flex-direction: column;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-label {\n font-weight: 700;\n color: var(--wsw-color-black, #212529);\n font-size: 0.95rem;\n }\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-desc {\n color: #6b7280;\n font-size: 0.85rem;\n line-height: 1.4;\n }\n\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-disclaimer {\n text-align: center;\n font-size: 0.75rem;\n color: #9ca3af;\n font-style: italic;\n line-height: 1.4;\n }\n\n /* ── Theme overrides ── */\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-wrap,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-wrap,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-wrap,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-wrap {\n background: rgba(255,255,255,0.06);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-heading,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-heading,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-heading,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-heading {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-row,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-row,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-row,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-progress-row {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-question-card,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-question-card,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-question-card,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-question-card {\n background: rgba(255,255,255,0.08);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-text,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-text,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-text,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-q-text {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-answer-btn {\n background: rgba(255,255,255,0.05);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-right,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-right,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-right,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-right {\n background: rgba(255,255,255,0.08);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-preview-title,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-preview-title,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-preview-title,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-preview-title {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-value,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-value,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-value,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-gauge-value {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-label,\n section.wsw-theme-db #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-label,\n section.wsw-theme-b #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-label,\n section.wsw-theme-bb #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 .sc-benefit-label {\n color: var(--wsw-color-white, #fff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 *,\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 *::before,\n #wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87\">\n <div class=\"sc-wrap\">\n\n <!-- LEFT COLUMN -->\n <div class=\"sc-left\">\n <!-- Badge -->\n <div class=\"sc-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l2.09 6.26L21 9.27l-5 3.86L17.18 22 12 17.77 6.82 22 8 13.13l-5-3.86 6.91-1.01L12 2z\"></path></svg>\n <span>Interaktiver Schnellcheck</span>\n </div>\n\n <!-- Heading -->\n <h2 class=\"sc-heading\">Wie stark ist Ihr<br><span class=\"sc-accent\">Google-Profil</span> wirklich?</h2>\n\n <!-- Progress -->\n <div>\n <div class=\"sc-progress-row\">\n <span>Frage <span class=\"sc-current-q\">1</span> von <span class=\"sc-total-q\">15</span></span>\n <span class=\"sc-percent\">7%</span>\n </div>\n <div class=\"sc-progress-bar\">\n <div class=\"sc-progress-fill\"></div>\n </div>\n </div>\n\n <!-- Question card -->\n <div class=\"sc-question-card\">\n <div class=\"sc-q-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"></path><path d=\"M5 21V7l7-4 7 4v14\"></path><path d=\"M9 21v-6h6v6\"></path><path d=\"M9 10h.01\"></path><path d=\"M15 10h.01\"></path></svg>\n </div>\n <div>\n <span class=\"sc-q-text\">Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?</span>\n <span class=\"sc-q-sub\">z. B. Adresse, Öffnungszeiten, Telefonnummer, Website</span>\n </div>\n </div>\n\n <!-- Answer buttons -->\n <div class=\"sc-answers\">\n <button type=\"button\" class=\"sc-answer-btn sc-yes\" data-value=\"yes\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M9 12l2 2 4-4\"></path></svg>\n <span>Ja</span>\n </button>\n <button type=\"button\" class=\"sc-answer-btn sc-partial\" data-value=\"partial\">\n <span>Teilweise / unsicher</span>\n </button>\n <button type=\"button\" class=\"sc-answer-btn sc-no\" data-value=\"no\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M15 9l-6 6\"></path><path d=\"M9 9l6 6\"></path></svg>\n <span>Nein</span>\n </button>\n </div>\n\n <!-- Anon note -->\n <div class=\"sc-anon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"></path><path d=\"M22 4L12 14.01l-3-3\"></path></svg>\n <span>Ihre Antworten bleiben anonym und werden nicht gespeichert.</span>\n </div>\n </div>\n\n <!-- RIGHT COLUMN — Result Preview -->\n <div class=\"sc-right\">\n <div class=\"sc-preview-header\">\n <span class=\"sc-preview-title\">Ihre Ergebnis-Vorschau</span>\n <svg class=\"sc-info-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line></svg>\n </div>\n\n <!-- Gauge -->\n <div class=\"sc-gauge-wrap\">\n <svg class=\"sc-gauge-svg\" viewBox=\"0 0 200 120\">\n <defs>\n <linearGradient id=\"gaugeGrad1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#059669\"></stop>\n <stop offset=\"100%\" stop-color=\"#34d399\"></stop>\n </linearGradient>\n <linearGradient id=\"gaugeGrad2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#34d399\"></stop>\n <stop offset=\"100%\" stop-color=\"#a3e635\"></stop>\n </linearGradient>\n <linearGradient id=\"gaugeGrad3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#facc15\"></stop>\n <stop offset=\"100%\" stop-color=\"#f97316\"></stop>\n </linearGradient>\n <linearGradient id=\"gaugeGrad4\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#f97316\"></stop>\n <stop offset=\"100%\" stop-color=\"#dc2626\"></stop>\n </linearGradient>\n </defs>\n <!-- Arc segments: excellent → good → warning → critical -->\n <path d=\"M20,110 A80,80 0 0,1 56,38\" stroke=\"url(#gaugeGrad1)\" stroke-width=\"18\" fill=\"none\" stroke-linecap=\"round\"></path>\n <path d=\"M56,38 A80,80 0 0,1 100,30\" stroke=\"url(#gaugeGrad2)\" stroke-width=\"18\" fill=\"none\"></path>\n <path d=\"M100,30 A80,80 0 0,1 144,38\" stroke=\"url(#gaugeGrad3)\" stroke-width=\"18\" fill=\"none\"></path>\n <path d=\"M144,38 A80,80 0 0,1 180,110\" stroke=\"url(#gaugeGrad4)\" stroke-width=\"18\" fill=\"none\" stroke-linecap=\"round\"></path>\n <!-- Needle -->\n <g class=\"sc-needle\" transform=\"rotate(-18, 100, 110)\">\n <line x1=\"100\" y1=\"110\" x2=\"100\" y2=\"42\" stroke=\"var(--wsw-color-black, #212529)\" stroke-width=\"3\" stroke-linecap=\"round\"></line>\n <circle cx=\"100\" cy=\"110\" r=\"6\" fill=\"var(--wsw-color-black, #212529)\"></circle>\n </g>\n </svg>\n <span class=\"sc-gauge-value\">68%</span>\n </div>\n\n <span class=\"sc-gauge-caption\">Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.</span>\n\n <!-- Benefits -->\n <div class=\"sc-benefits\">\n <div class=\"sc-benefit\">\n <div class=\"sc-benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path><circle cx=\"12\" cy=\"12\" r=\"3\"></circle></svg>\n </div>\n <div class=\"sc-benefit-text\">\n <span class=\"sc-benefit-label\">Mehr lokale Sichtbarkeit</span>\n <span class=\"sc-benefit-desc\">Werden Sie häufiger gefunden.</span>\n </div>\n </div>\n <div class=\"sc-benefit\">\n <div class=\"sc-benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"></path></svg>\n </div>\n <div class=\"sc-benefit-text\">\n <span class=\"sc-benefit-label\">Mehr Vertrauen</span>\n <span class=\"sc-benefit-desc\">Überzeugen Sie mit einem starken Auftritt.</span>\n </div>\n </div>\n <div class=\"sc-benefit\">\n <div class=\"sc-benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"></polyline></svg>\n </div>\n <div class=\"sc-benefit-text\">\n <span class=\"sc-benefit-label\">Mehr Anfragen</span>\n <span class=\"sc-benefit-desc\">Verwandeln Sie Aufrufe in Kunden.</span>\n </div>\n </div>\n </div>\n\n <span class=\"sc-disclaimer\">Dies ist eine Vorschau. Ihr Ergebnis erhalten Sie am Ende des Schnellchecks.</span>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-4294fc49-848c-4baf-87dd-f0d837ae2c87');\n if (!el) return;\n\n var buttons = el.querySelectorAll('.sc-answer-btn');\n buttons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n buttons.forEach(function(b) { b.classList.remove('sc-selected'); });\n btn.classList.add('sc-selected');\n });\n });\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":1.0651991349999999,"total_messages_sent":2,"summarized_at_total":0}
Interaktiver Schnellcheck
Wie stark ist Ihr
Google-Profil wirklich?
Frage 1 von 15
7%
Haben Sie alle wichtigen Informationen auf Ihrem Profil vollständig hinterlegt?
z. B. Adresse, Öffnungszeiten, Telefonnummer, Website
Ihre Antworten bleiben anonym und werden nicht gespeichert.
Ihre Ergebnis-Vorschau
68%
Stärken Sie Ihr Profil und gewinnen Sie mehr Kunden.
Mehr lokale Sichtbarkeit
Werden Sie häufiger gefunden.
Mehr Vertrauen
Überzeugen Sie mit einem starken Auftritt.
Mehr Anfragen
Verwandeln Sie Aufrufe in Kunden.
{"uuid":"f83ece70-d44a-44de-a735-76a5ab26d16a","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a {\n font-family: inherit;\n box-sizing: border-box;\n background: linear-gradient(135deg, var(--wsw-color-dark, #10427b) 0%, var(--wsw-color-accent, #1558a5) 50%, #1a6fcc 100%);\n padding: clamp(2.5rem, 6vw, 5rem) 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a *,\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a *::before,\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a *::after {\n box-sizing: inherit;\n}\n\n/* Background decoration */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -30%;\n width: 80%;\n height: 200%;\n background: radial-gradient(ellipse, rgba(255,255,255,0.05) 0%, transparent 70%);\n pointer-events: none;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a::after {\n content: '';\n position: absolute;\n bottom: -40%;\n right: -20%;\n width: 60%;\n height: 160%;\n background: radial-gradient(ellipse, rgba(255,255,255,0.04) 0%, transparent 70%);\n pointer-events: none;\n}\n\n/* Badge */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 50px;\n padding: 0.4rem 1.2rem;\n margin-bottom: 1.5rem;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .hero-badge span {\n color: #fff;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .hero-badge-dot {\n width: 8px;\n height: 8px;\n background: #4ade80;\n border-radius: 50%;\n animation: snippetPulse 2s ease-in-out infinite;\n}\n\n@keyframes snippetPulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.3); }\n}\n\n/* Countdown */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-row {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 2rem;\n position: relative;\n z-index: 1;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.4rem;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-circle {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n border: 3px solid rgba(255,255,255,0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: border-color 0.3s ease;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-circle-progress {\n position: absolute;\n inset: -3px;\n border-radius: 50%;\n border: 3px solid transparent;\n border-top-color: #60a5fa;\n transition: transform 0.5s ease;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-number {\n color: #fff;\n font-size: 1.6rem;\n font-weight: 700;\n line-height: 1;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-label {\n color: rgba(255,255,255,0.7);\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-sep {\n color: rgba(255,255,255,0.4);\n font-size: 1.6rem;\n font-weight: 700;\n align-self: flex-start;\n margin-top: 1.35rem;\n}\n\n/* Content wrapper */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .hero-content {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n\n/* Subheadline */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .hero-sub {\n color: #93c5fd;\n font-size: clamp(1rem, 2.5vw, 1.3rem);\n font-weight: 600;\n margin-bottom: 0.75rem;\n letter-spacing: 0.02em;\n}\n\n/* Main headline */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a h1 {\n color: #fff;\n font-size: clamp(1.5rem, 4vw, 2.8rem);\n line-height: 1.1;\n margin: 0 0 1.25rem 0;\n font-weight: 700;\n}\n\n/* Description */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .hero-desc {\n color: rgba(255,255,255,0.85);\n font-size: clamp(1rem, 2vw, 1.2rem);\n line-height: 1.6;\n max-width: 65ch;\n margin: 0 auto 2.5rem auto;\n}\n\n/* CTA area */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-area {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-arrow {\n color: rgba(255,255,255,0.5);\n font-size: 1.5rem;\n animation: snippetBounce 1.5s ease-in-out infinite;\n}\n@keyframes snippetBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-hint {\n color: rgba(255,255,255,0.6);\n font-size: 0.85rem;\n font-style: italic;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-btn {\n display: inline-block;\n padding: 1rem 2.5rem;\n background: linear-gradient(135deg, #f59e0b, #f97316);\n color: #fff;\n font-size: clamp(1rem, 2vw, 1.15rem);\n font-weight: 700;\n border: none;\n border-radius: 60px;\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n box-shadow: 0 4px 20px rgba(249,115,22,0.4);\n letter-spacing: 0.01em;\n min-height: 44px;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-btn:hover {\n transform: scale(1.03);\n box-shadow: 0 6px 30px rgba(249,115,22,0.55);\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-btn:focus-visible {\n outline: 3px solid #fbbf24;\n outline-offset: 3px;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-btn:active {\n transform: scale(0.98);\n}\n\n/* 48h floating badge */\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .time-badge {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 12px;\n padding: 0.75rem 1rem;\n text-align: center;\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n z-index: 2;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .time-badge-number {\n display: block;\n color: #fbbf24;\n font-size: 2rem;\n font-weight: 800;\n line-height: 1;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .time-badge-unit {\n display: block;\n color: rgba(255,255,255,0.7);\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n#wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .time-badge-label {\n display: block;\n color: #fff;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.25rem;\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a *,\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a *::before,\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n}\n\n/* Mobile */\n@media (max-width: 768px) {\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a {\n padding: 2rem 1rem 2.5rem 1rem;\n }\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .time-badge {\n position: relative;\n top: auto;\n right: auto;\n display: inline-flex;\n gap: 0.5rem;\n align-items: center;\n margin-bottom: 1.25rem;\n padding: 0.5rem 1rem;\n }\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .time-badge-number {\n font-size: 1.5rem;\n }\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-circle {\n width: 60px;\n height: 60px;\n }\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .countdown-number {\n font-size: 1.3rem;\n }\n #wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a .cta-btn {\n width: 100%;\n max-width: 360px;\n padding: 1rem 1.5rem;\n }\n}\n</style>\n\n<div id=\"wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a\">\n <!-- 48h Badge -->\n <div class=\"time-badge\">\n <span class=\"time-badge-number\">48</span>\n <span class=\"time-badge-unit\">Stunden</span>\n <span class=\"time-badge-label\">Gratis Zugang</span>\n </div>\n\n <div class=\"hero-content\">\n <!-- Live badge -->\n <div class=\"hero-badge\">\n <div class=\"hero-badge-dot\"></div>\n <span>Für kurze Zeit kostenlos</span>\n </div>\n\n <!-- Countdown -->\n <div class=\"countdown-row\">\n <div class=\"countdown-item\">\n <div class=\"countdown-circle\">\n <div class=\"countdown-circle-progress\" data-role=\"min-ring\" style=\"transform: rotate(0deg);\"></div>\n <span class=\"countdown-number\" data-role=\"min-num\">00</span>\n </div>\n <span class=\"countdown-label\">Minuten</span>\n </div>\n <span class=\"countdown-sep\">:</span>\n <div class=\"countdown-item\">\n <div class=\"countdown-circle\">\n <div class=\"countdown-circle-progress\" data-role=\"sec-ring\" style=\"transform: rotate(0deg);\"></div>\n <span class=\"countdown-number\" data-role=\"sec-num\">00</span>\n </div>\n <span class=\"countdown-label\">Sekunden</span>\n </div>\n </div>\n\n <!-- Subheadline -->\n <span class=\"hero-sub\">Neues Video für kurze Zeit kostenlos!</span>\n\n <!-- Main headline -->\n <h1>Der einfachste Verkaufsprozess der Welt, der neue Leads generiert und innerhalb von 48 Stunden zu Kunden macht.</h1>\n\n <!-- Description -->\n <span class=\"hero-desc\">Hole dir jetzt hier dein 48-Stunden-Ticket zu diesem einzigartigen Video! Nach deinem Eintrag hast du 48 Stunden Zugang zu dieser Geheim-Strategie.</span>\n\n <!-- CTA -->\n <div class=\"cta-area\">\n <span class=\"cta-arrow\">▼</span>\n <span class=\"cta-hint\">Hier klicken</span>\n <a href=\"#\" class=\"cta-btn\" data-role=\"cta-main\">Ja, schick mir den 48-Stunden-Zugang</a>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-f83ece70-d44a-44de-a735-76a5ab26d16a');\n if (!el) return;\n\n var remaining = 600;\n var minNum = el.querySelector('[data-role=\"min-num\"]');\n var secNum = el.querySelector('[data-role=\"sec-num\"]');\n var minRing = el.querySelector('[data-role=\"min-ring\"]');\n var secRing = el.querySelector('[data-role=\"sec-ring\"]');\n var minLabel = minNum ? minNum.closest('.countdown-item').querySelector('.countdown-label') : null;\n var secLabel = secNum ? secNum.closest('.countdown-item').querySelector('.countdown-label') : null;\n\n function pad(n) { return n < 10 ? '0' + n : '' + n; }\n\n function update() {\n if (remaining > 0) remaining--;\n var m = Math.floor(remaining / 60);\n var s = remaining % 60;\n\n if (minNum) minNum.textContent = pad(m);\n if (secNum) secNum.textContent = pad(s);\n\n if (minLabel) minLabel.textContent = m === 1 ? 'Minute' : 'Minuten';\n if (secLabel) secLabel.textContent = s === 1 ? 'Sekunde' : 'Sekunden';\n\n var minDeg = (m / 10) * 360;\n var secDeg = (s / 60) * 360;\n if (minRing) minRing.style.transform = 'rotate(' + minDeg + 'deg)';\n if (secRing) secRing.style.transform = 'rotate(' + secDeg + 'deg)';\n }\n\n update();\n setInterval(update, 1000);\n\n})();\n</script>","summary":null,"version":0,"inserted_version":0,"total_cost":0.42468387500000004,"total_messages_sent":1,"summarized_at_total":0}
48
Stunden
Gratis Zugang
Für kurze Zeit kostenlos
00
Minuten
00
Sekunden