{"uuid":"2f9cb6ef-c505-4030-9422-60b86795e281","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-2f9cb6ef-c505-4030-9422-60b86795e281 {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n }\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 *,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 *::before,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 *::after {\n box-sizing: inherit;\n }\n\n /* CSS Custom Properties */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 {\n --hero-radius: 8px;\n --hero-transition: 0.3s ease-out;\n --hero-gap: 3rem;\n --c-anthracite: #2b2d31;\n --c-anthracite-deep: #1e1f23;\n --c-orange: #e8762a;\n --c-orange-light: #f0913e;\n --c-text-light: #f5f5f5;\n --c-text-muted: rgba(245, 245, 245, 0.65);\n --c-text-subtle: rgba(245, 245, 245, 0.45);\n }\n\n /* Hero Container */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-wrapper {\n position: relative;\n overflow: hidden;\n min-height: 85vh;\n display: flex;\n align-items: center;\n padding: clamp(3rem, 8vw, 6rem) clamp(1.5rem, 5vw, 4rem);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 30%;\n display: block;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 135deg,\n rgba(43, 45, 49, 0.94) 0%,\n rgba(43, 45, 49, 0.82) 40%,\n rgba(232, 118, 42, 0.3) 100%\n );\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-content {\n position: relative;\n z-index: 1;\n max-width: 720px;\n width: 100%;\n }\n\n /* Badge */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: rgba(232, 118, 42, 0.18);\n border: 1px solid rgba(232, 118, 42, 0.35);\n border-radius: 100px;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateY(20px);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-badge .badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--c-orange);\n animation: wsw-hero-pulse 2s ease-in-out infinite;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-badge span:last-child {\n font-size: 0.85rem;\n font-weight: 500;\n color: var(--c-text-light);\n letter-spacing: 0.04rem;\n text-transform: uppercase;\n }\n\n @keyframes wsw-hero-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.3); }\n }\n\n /* Headings */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-content h1 {\n color: var(--c-text-light);\n font-size: clamp(2rem, 5vw, 3.2rem);\n line-height: 1.15;\n margin: 0 0 1.5rem 0;\n opacity: 0;\n transform: translateY(30px);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-content h1 .accent-text {\n color: var(--c-orange);\n display: inline;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-subtitle {\n color: var(--c-text-muted);\n font-size: clamp(1.05rem, 2vw, 1.25rem);\n line-height: 1.65;\n max-width: 600px;\n margin: 0 0 2.5rem 0;\n opacity: 0;\n transform: translateY(30px);\n }\n\n /* CTA Area */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-cta {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1rem;\n opacity: 0;\n transform: translateY(30px);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.6rem 1.25rem;\n background: var(--c-orange);\n color: var(--c-text-light);\n text-decoration: none;\n border-radius: var(--hero-radius);\n font-weight: 600;\n font-size: 0.85rem;\n letter-spacing: 0.02rem;\n transition: transform var(--hero-transition), box-shadow var(--hero-transition), background var(--hero-transition);\n border: none;\n cursor: pointer;\n min-height: 44px;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary:hover {\n transform: translateY(-2px);\n background: var(--c-orange-light);\n box-shadow: 0 6px 24px rgba(232, 118, 42, 0.4);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary:focus-visible {\n outline: 2px solid var(--c-orange-light);\n outline-offset: 3px;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary:active {\n transform: translateY(0);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary .btn-arrow {\n transition: transform var(--hero-transition);\n font-size: 0.9rem;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary:hover .btn-arrow {\n transform: translateX(4px);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-trust-note {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--c-text-subtle);\n font-size: 0.8rem;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-trust-note .check-icon {\n color: var(--c-orange);\n font-size: 0.9rem;\n }\n\n /* Stats Bar */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stats {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n margin-top: 3.5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(232, 118, 42, 0.2);\n opacity: 0;\n transform: translateY(30px);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stat {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stat .stat-number {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--c-orange);\n line-height: 1.2;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stat .stat-label {\n font-size: 0.82rem;\n color: var(--c-text-subtle);\n text-transform: uppercase;\n letter-spacing: 0.06rem;\n }\n\n /* Decorative elements */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-deco {\n position: absolute;\n bottom: 2rem;\n right: clamp(1.5rem, 5vw, 4rem);\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 0.75rem;\n opacity: 0;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-deco .deco-line {\n width: 40px;\n height: 3px;\n background: var(--c-orange);\n border-radius: 2px;\n opacity: 0.6;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-deco .deco-line:nth-child(2) {\n width: 24px;\n opacity: 0.3;\n }\n\n /* Scroll Indicator */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .scroll-indicator {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n opacity: 0;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .scroll-indicator .scroll-text {\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 0.15rem;\n color: var(--c-text-subtle);\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .scroll-indicator .scroll-line {\n width: 1px;\n height: 40px;\n background: linear-gradient(to bottom, rgba(232, 118, 42, 0.5), transparent);\n animation: wsw-scroll-bounce 2s ease-in-out infinite;\n }\n\n @keyframes wsw-scroll-bounce {\n 0%, 100% { transform: scaleY(1); opacity: 0.4; }\n 50% { transform: scaleY(0.5); opacity: 1; }\n }\n\n /* Animated state */\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-animate {\n opacity: 1 !important;\n transform: translateY(0) !important;\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-animate-delay-1 { transition-delay: 0.15s !important; }\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-animate-delay-2 { transition-delay: 0.3s !important; }\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-animate-delay-3 { transition-delay: 0.45s !important; }\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-animate-delay-4 { transition-delay: 0.6s !important; }\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-animate-deco { transition-delay: 0.75s !important; }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-wrapper {\n min-height: 90vh;\n padding: 5rem 1.25rem 4rem;\n align-items: flex-end;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-bg::after {\n background: linear-gradient(\n 180deg,\n rgba(43, 45, 49, 0.4) 0%,\n rgba(43, 45, 49, 0.88) 50%,\n rgba(43, 45, 49, 0.96) 100%\n );\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stats {\n gap: 1.25rem;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stat .stat-number {\n font-size: 1.25rem;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-cta {\n flex-direction: column;\n align-items: flex-start;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-btn-primary {\n width: 100%;\n justify-content: center;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-deco {\n display: none;\n }\n\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .scroll-indicator {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stats {\n flex-direction: column;\n gap: 1rem;\n }\n }\n\n /* Reduced Motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 *,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 *::before,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-badge,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-content h1,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-subtitle,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-cta,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-stats,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .hero-deco,\n #wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281 .scroll-indicator {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281\">\n <div class=\"hero-wrapper\">\n <div class=\"hero-bg\">\n <img src=\"https://images.unsplash.com/photo-1556761175-5973dc0f32e7?w=1600&q=80\" alt=\"Unternehmer im Kundengespräch mit Laptop in modernem Büro\">\n </div>\n\n <div class=\"hero-content\">\n <div class=\"hero-badge hero-animate\">\n <span class=\"badge-dot\"></span>\n <span>Online-Präsenz-Management</span>\n </div>\n\n <h1 class=\"hero-animate hero-animate-delay-1\">Persönliche Betreuung für <span class=\"accent-text\">Google-Profil</span> und Webseite</h1>\n\n <span class=\"hero-subtitle hero-animate hero-animate-delay-2\">Google verändert die Suche ständig. Damit Ihr Unternehmen sichtbar bleibt, übernehme ich die laufende Pflege und Betreuung Ihrer Online-Präsenz.</span>\n\n <div class=\"hero-cta hero-animate hero-animate-delay-3\">\n <a href=\"#\" class=\"hero-btn-primary\">\n <span>Kostenlose Beratung anfragen</span>\n <span class=\"btn-arrow\">→</span>\n </a>\n <span class=\"hero-trust-note\">\n <span class=\"check-icon\">✓</span>\n <span>Unverbindlich & kostenlos</span>\n </span>\n </div>\n\n <div class=\"hero-stats hero-animate hero-animate-delay-4\">\n <div class=\"hero-stat\">\n <span class=\"stat-number\">150+</span>\n <span class=\"stat-label\">Betreute Profile</span>\n </div>\n <div class=\"hero-stat\">\n <span class=\"stat-number\">98 %</span>\n <span class=\"stat-label\">Zufriedenheit</span>\n </div>\n <div class=\"hero-stat\">\n <span class=\"stat-number\">5+ Jahre</span>\n <span class=\"stat-label\">Erfahrung</span>\n </div>\n </div>\n </div>\n\n <div class=\"hero-deco hero-animate hero-animate-deco\" aria-hidden=\"true\">\n <div class=\"deco-line\"></div>\n <div class=\"deco-line\"></div>\n </div>\n\n <div class=\"scroll-indicator hero-animate hero-animate-deco\" aria-hidden=\"true\">\n <span class=\"scroll-text\">Mehr erfahren</span>\n <div class=\"scroll-line\"></div>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-2f9cb6ef-c505-4030-9422-60b86795e281');\n if (!el) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var badge = el.querySelector('.hero-badge');\n var h1 = el.querySelector('.hero-content h1');\n var subtitle = el.querySelector('.hero-subtitle');\n var cta = el.querySelector('.hero-cta');\n var stats = el.querySelector('.hero-stats');\n var deco = el.querySelector('.hero-deco');\n var scroll = el.querySelector('.scroll-indicator');\n\n if (badge) { badge.classList.add('hero-animate'); }\n if (h1) { h1.classList.add('hero-animate', 'hero-animate-delay-1'); }\n if (subtitle) { subtitle.classList.add('hero-animate', 'hero-animate-delay-2'); }\n if (cta) { cta.classList.add('hero-animate', 'hero-animate-delay-3'); }\n if (stats) { stats.classList.add('hero-animate', 'hero-animate-delay-4'); }\n if (deco) { deco.classList.add('hero-animate', 'hero-animate-deco'); }\n if (scroll) { scroll.classList.add('hero-animate', 'hero-animate-deco'); }\n\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(el);\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":1.086063825,"total_messages_sent":4,"summarized_at_total":0}
Online-Präsenz-Management
Persönliche Betreuung für Google-Profil und Webseite
Google verändert die Suche ständig. Damit Ihr Unternehmen sichtbar bleibt, übernehme ich die laufende Pflege und Betreuung Ihrer Online-Präsenz.
Kostenlose Beratung anfragen
→
Unverbindlich & kostenlos
150+
Betreute Profile
98 %
Zufriedenheit
5+ Jahre
Erfahrung
{"uuid":"794e27fb-4679-4f99-b904-2bd4f786a715","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 *,\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 *::before,\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 {\n --why-transition: 0.25s ease-out;\n --why-highlight: #e07b20;\n --why-highlight-light: #f0932e;\n --why-anthracite: #3a3f47;\n --why-anthracite-light: #4d535c;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n padding: 5rem 2rem;\n background-color: var(--wsw-color-white, #fafbfc);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n /* Image side */\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-image-col {\n position: relative;\n opacity: 0;\n transform: translateX(-40px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-inner.is-visible .why-image-col {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-img-frame {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 16px 48px rgba(58,63,71,0.18), 0 4px 12px rgba(58,63,71,0.08);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-img-frame img {\n width: 100%;\n height: auto;\n display: block;\n aspect-ratio: 4 / 3;\n object-fit: cover;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-img-deco {\n position: absolute;\n bottom: -14px;\n right: -14px;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(224,123,32,0.2), rgba(240,147,46,0.1));\n z-index: -1;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-img-deco-2 {\n position: absolute;\n top: -12px;\n left: -12px;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(58,63,71,0.14), rgba(58,63,71,0.06));\n z-index: -1;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-img-border-accent {\n position: absolute;\n inset: -4px;\n border-radius: 20px;\n background: linear-gradient(135deg, var(--why-anthracite, #3a3f47) 0%, var(--why-highlight, #e07b20) 50%, var(--why-anthracite, #3a3f47) 100%);\n z-index: -2;\n opacity: 0.35;\n }\n\n /* Text side */\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-text-col {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease-out 0.15s, transform 0.7s ease-out 0.15s;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-inner.is-visible .why-text-col {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-label {\n display: inline-block;\n font-size: 0.78rem;\n letter-spacing: 0.08rem;\n text-transform: uppercase;\n color: var(--why-highlight, #e07b20);\n font-weight: 600;\n margin-bottom: 0.75rem;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper h2 {\n color: var(--why-anthracite, #3a3f47);\n margin: 0 0 1.25rem 0;\n line-height: 1.25;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc {\n color: var(--why-anthracite-light, #4d535c);\n line-height: 1.7;\n margin-bottom: 2rem;\n max-width: 520px;\n }\n\n /* Checklist */\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem 0;\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.65rem;\n color: var(--why-anthracite, #3a3f47);\n line-height: 1.5;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-check-icon {\n width: 22px;\n height: 22px;\n flex-shrink: 0;\n margin-top: 0.1rem;\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-check-circle {\n fill: rgba(224,123,32,0.12);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-check-mark {\n fill: var(--why-highlight, #e07b20);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-cta {\n display: inline-block;\n padding: 0.85rem 2rem;\n background: linear-gradient(135deg, var(--why-highlight, #e07b20) 0%, var(--why-highlight-light, #f0932e) 100%);\n color: var(--wsw-color-white, #fafbfc);\n text-decoration: none;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.03rem;\n text-transform: uppercase;\n transition: transform var(--why-transition), box-shadow var(--why-transition);\n box-shadow: 0 4px 18px rgba(224,123,32,0.3);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 28px rgba(224,123,32,0.45);\n }\n\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-cta:focus-visible {\n outline: 2px solid var(--why-highlight, #e07b20);\n outline-offset: 3px;\n }\n\n /* ====== Dark / Black theme overrides ====== */\n section.wsw-theme-d #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper,\n section.wsw-theme-db #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n background-color: var(--wsw-color-dark, #5b6b79);\n }\n section.wsw-theme-b #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper,\n section.wsw-theme-bb #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n background-color: var(--wsw-color-black, #1f2a35);\n }\n section.wsw-theme-d #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper h2,\n section.wsw-theme-db #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper h2,\n section.wsw-theme-b #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper h2,\n section.wsw-theme-bb #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper h2 {\n color: var(--wsw-color-white, #fafbfc);\n }\n section.wsw-theme-d #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc,\n section.wsw-theme-db #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc,\n section.wsw-theme-b #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc,\n section.wsw-theme-bb #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc {\n color: rgba(250,251,252,0.72);\n }\n section.wsw-theme-d #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist li,\n section.wsw-theme-db #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist li,\n section.wsw-theme-b #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist li,\n section.wsw-theme-bb #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist li {\n color: rgba(250,251,252,0.85);\n }\n section.wsw-theme-d #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-label,\n section.wsw-theme-db #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-label,\n section.wsw-theme-b #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-label,\n section.wsw-theme-bb #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-label {\n color: var(--why-highlight-light, #f0932e);\n }\n\n /* ====== Accent theme ====== */\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n background-color: var(--wsw-color-accent, #2f6fa3);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper h2 {\n color: var(--wsw-color-white, #fafbfc);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc {\n color: rgba(250,251,252,0.82);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-checklist li {\n color: rgba(250,251,252,0.9);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-label {\n color: var(--wsw-color-white, #fafbfc);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-cta {\n background: var(--wsw-color-white, #fafbfc);\n color: var(--why-highlight, #e07b20);\n box-shadow: 0 4px 18px rgba(0,0,0,0.15);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-check-circle {\n fill: rgba(250,251,252,0.15);\n }\n section.wsw-theme-a #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-check-mark {\n fill: var(--wsw-color-white, #fafbfc);\n }\n\n /* ====== Light theme ====== */\n section.wsw-theme-l #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper,\n section.wsw-theme-lb #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n background-color: var(--wsw-color-light, #eef2f5);\n }\n\n /* ====== Responsive ====== */\n @media (max-width: 768px) {\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n padding: 3.5rem 1.5rem;\n }\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-inner {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-text-col {\n text-align: center;\n }\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-desc {\n margin-left: auto;\n margin-right: auto;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-wrapper {\n padding: 3rem 1rem;\n }\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 .why-cta {\n width: 100%;\n text-align: center;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 *,\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 *::before,\n #wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715\">\n <div class=\"why-wrapper\">\n <div class=\"why-inner is-visible\">\n <div class=\"why-image-col\">\n <div class=\"why-img-border-accent\"></div>\n <div class=\"why-img-deco-2\"></div>\n <div class=\"why-img-deco\"></div>\n <div class=\"why-img-frame\">\n <img src=\"https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800&q=80\" alt=\"Zwei Kollegen besprechen Geschäftsstrategie am Laptop im hellen Büro\" loading=\"lazy\">\n </div>\n </div>\n <div class=\"why-text-col\">\n <span class=\"why-label\" data-listener-added_5bc083c6=\"true\">Warum Betreuung?</span>\n <h2>Warum Betreuung heute wichtiger ist denn je</h2>\n <span class=\"why-desc\">Google verändert seine Algorithmen laufend. Wer sein Unternehmensprofil und seine Webseite nicht regelmäßig pflegt, verliert Sichtbarkeit — und damit Kunden. Die meisten Unternehmer haben dafür im Alltag schlicht keine Zeit.</span>\n <ul class=\"why-checklist\">\n <li>\n <svg class=\"why-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle class=\"why-check-circle\" cx=\"12\" cy=\"12\" r=\"12\"></circle><path class=\"why-check-mark\" d=\"M9.5 15.6l-3.1-3.1 1.1-1.1 2 2 5-5 1.1 1.1z\"></path></svg>\n <span>Google ändert die Spielregeln ständig — Ihr Profil muss mithalten</span>\n </li>\n <li>\n <svg class=\"why-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle class=\"why-check-circle\" cx=\"12\" cy=\"12\" r=\"12\"></circle><path class=\"why-check-mark\" d=\"M9.5 15.6l-3.1-3.1 1.1-1.1 2 2 5-5 1.1 1.1z\"></path></svg>\n <span>Ungepflegte Profile wirken unseriös und schrecken Kunden ab</span>\n </li>\n <li>\n <svg class=\"why-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle class=\"why-check-circle\" cx=\"12\" cy=\"12\" r=\"12\"></circle><path class=\"why-check-mark\" d=\"M9.5 15.6l-3.1-3.1 1.1-1.1 2 2 5-5 1.1 1.1z\"></path></svg>\n <span>Regelmäßige Pflege steigert Ihre lokale Auffindbarkeit messbar</span>\n </li>\n <li>\n <svg class=\"why-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle class=\"why-check-circle\" cx=\"12\" cy=\"12\" r=\"12\"></circle><path class=\"why-check-mark\" d=\"M9.5 15.6l-3.1-3.1 1.1-1.1 2 2 5-5 1.1 1.1z\"></path></svg>\n <span>Sie sparen Zeit und können sich auf Ihr Kerngeschäft konzentrieren</span>\n </li>\n </ul>\n <a href=\"#kontakt\" class=\"why-cta\" data-listener-added_5bc083c6=\"true\">Jetzt Beratung anfragen</a>\n </div>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-794e27fb-4679-4f99-b904-2bd4f786a715');\n if (!el) return;\n\n var whyInner = el.querySelector('.why-inner');\n if (!whyInner) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(whyInner);\n})();\n</script>","summary":"The user requested a multi-section professional German-language webpage for \"Betreuung & Pflege von Google-Profilen und Webseiten\" targeting local SMBs, with 6 planned sections (hero, why care matters, Google profile package at €59/mo, Google profile + website package at €99/mo, benefits, testimonial quote, and contact form). The current snippet is the hero section only, featuring a fullscreen background image (Unsplash smartphone with Google search) with a dark gradient overlay, centered white text, a gold/dark-yellow (#b8860b / #d4a017) accent for the \"Google-Profil\" heading highlight and CTA button gradient, a gold-bordered badge, trust indicators with gold checkmark icons, a floating \"+87% Mehr Sichtbarkeit\" stat card with glass effect positioned bottom-right, a 4px gold accent bar at top, scroll-down indicator animation, and IntersectionObserver-based fade-in animation. The layout is responsive (single column on mobile, float card hidden on small screens) with reduced-motion support. The user has been manually editing the HTML and is now ready to proceed with Abschnitt 1 (\"Warum Betreuung heute wichtiger ist denn je\" with text about businesses lacking time for Google profile maintenance, paired with an image of an entrepreneur at work).","version":9,"inserted_version":9,"total_cost":8.025944465,"total_messages_sent":17,"summarized_at_total":12}
Warum Betreuung?
Warum Betreuung heute wichtiger ist denn je
Google verändert seine Algorithmen laufend. Wer sein Unternehmensprofil und seine Webseite nicht regelmäßig pflegt, verliert Sichtbarkeit — und damit Kunden. Die meisten Unternehmer haben dafür im Alltag schlicht keine Zeit.- Google ändert die Spielregeln ständig — Ihr Profil muss mithalten
- Ungepflegte Profile wirken unseriös und schrecken Kunden ab
- Regelmäßige Pflege steigert Ihre lokale Auffindbarkeit messbar
- Sie sparen Zeit und können sich auf Ihr Kerngeschäft konzentrieren
{"uuid":"835e50b0-cd63-4b6a-a094-ac9aca456743","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-835e50b0-cd63-4b6a-a094-ac9aca456743 {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n --gpo-bg: #f2f2f2;\n --gpo-dark: #2d2d2d;\n --gpo-dark-soft: #4a4a4a;\n --gpo-orange: #e87a1e;\n --gpo-orange-glow: rgba(232, 122, 30, 0.3);\n --gpo-orange-subtle: rgba(232, 122, 30, 0.1);\n --gpo-light: #e8e8e8;\n --gpo-white: #ffffff;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 *,\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 *::before,\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-wrapper {\n max-width: 720px;\n margin: 0 auto;\n padding: 3rem 1.5rem;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card {\n background: var(--gpo-white);\n border-radius: 12px;\n padding: 3rem 2.5rem;\n box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.04);\n transition: box-shadow 0.2s ease-out;\n position: relative;\n overflow: hidden;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--gpo-orange);\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--gpo-orange-subtle);\n color: var(--gpo-orange);\n padding: 0.35rem 0.9rem;\n border-radius: 100px;\n font-weight: 600;\n margin-bottom: 1.25rem;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-google-icon {\n display: inline-flex;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-title {\n margin: 0 0 0.5rem 0;\n color: var(--gpo-dark);\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price-row {\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n margin-bottom: 1.5rem;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price {\n font-size: clamp(2rem, 5vw, 2.8rem);\n font-weight: 700;\n color: var(--gpo-orange);\n line-height: 1.1;\n letter-spacing: -0.02em;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price-note {\n color: var(--gpo-dark-soft);\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-intro {\n color: var(--gpo-dark-soft);\n max-width: 60ch;\n margin-bottom: 2rem;\n line-height: 1.65;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight {\n background: var(--gpo-bg);\n border-radius: 8px;\n padding: 1rem 1.25rem;\n margin-bottom: 2rem;\n color: var(--gpo-dark);\n line-height: 1.6;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-scope-label {\n font-weight: 600;\n color: var(--gpo-dark);\n margin-bottom: 1rem;\n display: block;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-checklist {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem 0;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n color: var(--gpo-dark);\n line-height: 1.5;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-check {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n background: var(--gpo-orange);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 2px;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-check svg {\n width: 12px;\n height: 12px;\n stroke: var(--gpo-white);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-cta {\n display: inline-block;\n padding: 0.9rem 2rem;\n background: var(--gpo-orange);\n color: var(--gpo-white);\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n letter-spacing: 0.02em;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n border: none;\n cursor: pointer;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px var(--gpo-orange-glow);\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-cta:focus-visible {\n outline: 2px solid var(--gpo-orange);\n outline-offset: 3px;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-cta:active {\n transform: translateY(0);\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card {\n background: var(--gpo-dark);\n box-shadow: 0 2px 24px rgba(0, 0, 0, 0.25);\n }\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-title,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-title,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-title,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-title,\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-checklist li,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-checklist li,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-checklist li,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-checklist li,\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-scope-label,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-scope-label,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-scope-label,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-scope-label,\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight {\n color: var(--gpo-bg);\n }\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-intro,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-intro,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-intro,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-intro,\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price-note,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price-note,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price-note,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-price-note {\n color: var(--gpo-light);\n }\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-badge,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-badge,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-badge,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-badge {\n background: var(--gpo-orange-subtle);\n }\n section.wsw-theme-d #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight,\n section.wsw-theme-db #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight,\n section.wsw-theme-b #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight,\n section.wsw-theme-bb #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-highlight {\n background: rgba(242, 242, 242, 0.08);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card {\n background: var(--gpo-white);\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-wrapper {\n padding: 2rem 1rem;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 .gpo-cta {\n display: block;\n text-align: center;\n width: 100%;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 *,\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 *::before,\n #wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-835e50b0-cd63-4b6a-a094-ac9aca456743\">\n <div class=\"gpo-wrapper\">\n <div class=\"gpo-card\">\n <span class=\"gpo-badge\">\n <span class=\"gpo-google-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\"></path>\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"></path>\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"></path>\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"></path>\n </svg>\n </span>\n <span>Google-Profil</span>\n </span>\n\n <h2 class=\"gpo-title\">Google-Profil Optimierung</h2>\n\n <div class=\"gpo-price-row\">\n <span class=\"gpo-price\">199 €</span>\n <span class=\"gpo-price-note\">einmalig</span>\n </div>\n\n <span class=\"gpo-intro\">Ihr Google-Profil ist häufig der erste Kontaktpunkt für potenzielle Kunden. Gerade durch die neue Google-KI-Suche werden vollständige, aktuelle und professionell gepflegte Unternehmensprofile immer wichtiger.</span>\n\n <div class=\"gpo-highlight\">\n <span data-listener-added_5bc083c6=\"true\">Gerade durch die neue Google-KI-Suche werden vollständige, aktuelle und professionell gepflegte Unternehmensprofile immer wichtiger.</span>\n <span id=\"monica-writing-entry-btn-root\" style=\"position: absolute; left: 0px; top: 0px; pointer-events: none;\"></span></div>\n\n <span class=\"gpo-scope-label\">Leistungsumfang:</span>\n\n <ul class=\"gpo-checklist\">\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Prüfung Ihres bestehenden Google-Profils</span>\n </li>\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Optimierung der Unternehmensbeschreibung</span>\n </li>\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Überarbeitung wichtiger Profilinformationen</span>\n </li>\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Optimierung von Leistungen und Kategorien</span>\n </li>\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Empfehlungen für bessere Sichtbarkeit</span>\n </li>\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Persönliche Besprechung der Optimierung</span>\n </li>\n <li>\n <span class=\"gpo-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Vorbereitung für die laufende Betreuung</span>\n </li>\n </ul>\n\n <a href=\"#\" class=\"gpo-cta\">Jetzt Profil optimieren lassen</a>\n </div>\n </div>\n</div>","summary":null,"version":2,"inserted_version":2,"total_cost":0.68692778,"total_messages_sent":2,"summarized_at_total":0}
Google-Profil
Google-Profil Optimierung
199 €
einmalig
Ihr Google-Profil ist häufig der erste Kontaktpunkt für potenzielle Kunden. Gerade durch die neue Google-KI-Suche werden vollständige, aktuelle und professionell gepflegte Unternehmensprofile immer wichtiger.
Gerade durch die neue Google-KI-Suche werden vollständige, aktuelle und professionell gepflegte Unternehmensprofile immer wichtiger.
Leistungsumfang:
- Prüfung Ihres bestehenden Google-Profils
- Optimierung der Unternehmensbeschreibung
- Überarbeitung wichtiger Profilinformationen
- Optimierung von Leistungen und Kategorien
- Empfehlungen für bessere Sichtbarkeit
- Persönliche Besprechung der Optimierung
- Vorbereitung für die laufende Betreuung
{"uuid":"339f2b67-67ba-4b7f-a625-1590aa132e16","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-339f2b67-67ba-4b7f-a625-1590aa132e16 {\n font-family: inherit;\n box-sizing: border-box;\n padding: 3rem 1.5rem;\n background: transparent;\n overflow: hidden;\n --snippet-anthracite: #2d2d2d;\n --snippet-anthracite-light: #3a3a3a;\n --snippet-orange: #e8720c;\n --snippet-orange-hover: #d4670b;\n --snippet-bg-gray: #f2f2f2;\n --snippet-card-bg: #ffffff;\n --snippet-border: #d5d5d5;\n --snippet-text-muted: #6b6b6b;\n --card-radius: 12px;\n --card-transition: 0.2s ease-out;\n }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 *,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 *::before,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-heading {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-heading h1 {\n color: var(--snippet-anthracite);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto 3rem;\n align-items: stretch;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card {\n background: var(--snippet-bg-gray);\n border: 1px solid var(--snippet-border);\n border-radius: var(--card-radius);\n padding: 2.5rem 2rem 2rem;\n display: flex;\n flex-direction: column;\n position: relative;\n transition: transform var(--card-transition), box-shadow var(--card-transition);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card.featured {\n border: 2px solid var(--snippet-orange);\n box-shadow: 0 4px 16px rgba(232, 114, 12, 0.12);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card.featured:hover {\n box-shadow: 0 8px 32px rgba(232, 114, 12, 0.18);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--snippet-orange);\n color: #ffffff;\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.06rem;\n text-transform: uppercase;\n padding: 0.35rem 1.2rem;\n border-radius: 20px;\n white-space: nowrap;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card h2 {\n color: var(--snippet-anthracite);\n margin: 0 0 0.5rem;\n text-align: center;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-price {\n text-align: center;\n margin-bottom: 0.5rem;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-amount {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--snippet-orange);\n line-height: 1.2;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-currency {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--snippet-orange);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-period {\n font-size: 0.89rem;\n color: var(--snippet-text-muted);\n display: block;\n margin-top: 0.2rem;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-description {\n text-align: center;\n color: var(--snippet-text-muted);\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--snippet-border);\n line-height: 1.5;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-features {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem;\n flex-grow: 1;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-features li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.45rem 0;\n color: var(--snippet-anthracite-light);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-features li::before {\n content: \"✓\";\n color: var(--snippet-orange);\n font-weight: 700;\n flex-shrink: 0;\n margin-top: 0.1em;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-cta {\n display: block;\n width: 100%;\n text-align: center;\n text-decoration: none;\n padding: 0.875rem 1.5rem;\n border-radius: 8px;\n font-weight: 600;\n font-size: 0.945rem;\n letter-spacing: 0.03rem;\n text-transform: uppercase;\n transition: background-color 0.2s ease-out, transform 0.2s ease-out, border-color 0.2s ease-out;\n cursor: pointer;\n border: 2px solid var(--snippet-orange);\n background: transparent;\n color: var(--snippet-orange);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-cta:hover {\n background: var(--snippet-orange);\n color: #ffffff;\n transform: scale(1.02);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-cta:focus-visible {\n outline: 2px solid var(--snippet-orange);\n outline-offset: 2px;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card.featured .pricing-cta {\n background: var(--snippet-orange);\n color: #ffffff;\n border-color: var(--snippet-orange);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card.featured .pricing-cta:hover {\n background: var(--snippet-orange-hover);\n border-color: var(--snippet-orange-hover);\n transform: scale(1.02);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-footer {\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n color: #000000;\n font-style: italic;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.4;\n }\n\n /* Scroll animation — heading & footer fade up */\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-fade {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-fade.anim-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* Scroll animation — cards slide from sides */\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-left {\n opacity: 0;\n transform: translateX(-60px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.2s ease-out;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-left.anim-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-up {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.2s ease-out;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-up.anim-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-right {\n opacity: 0;\n transform: translateX(60px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.2s ease-out;\n }\n\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-right.anim-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n /* Hover override after animation completes */\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card.anim-visible:hover {\n transform: translateY(-4px);\n }\n\n /* Stagger delays */\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-delay-1 { transition-delay: 0.1s; }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-delay-2 { transition-delay: 0.25s; }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-delay-3 { transition-delay: 0.4s; }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 *,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 *::before,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-fade,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-left,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-up,\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .anim-slide-right {\n opacity: 1;\n transform: none;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-grid {\n gap: 2.5rem;\n }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-card {\n padding: 2rem 1.5rem 1.5rem;\n }\n #wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16 .pricing-footer {\n font-size: 1.25rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16\">\n <div class=\"pricing-heading anim-fade anim-visible\">\n <h1>Betreuungspakete</h1>\n </div>\n\n <div class=\"pricing-grid\">\n <!-- Paket 1 — fliegt von links -->\n <div class=\"pricing-card anim-slide-left anim-delay-1 anim-visible\">\n <h2>Google-Profil Betreuung</h2>\n <div class=\"pricing-price\">\n <span class=\"pricing-currency\">€</span><span class=\"pricing-amount\">59</span>\n <span class=\"pricing-period\">monatlich</span>\n </div>\n <span class=\"pricing-description\">Für Unternehmen, die ihr Google-Profil dauerhaft aktuell halten möchten.</span>\n <ul class=\"pricing-features\">\n <li><span>Laufende Betreuung</span></li>\n <li><span>Unterstützung bei Änderungen</span></li>\n <li><span>Aktualisierung wichtiger Informationen</span></li>\n <li><span>Persönlicher Ansprechpartner</span></li>\n <li><span>Unterstützung bei Bewertungen</span></li>\n </ul>\n <a href=\"#\" class=\"pricing-cta\">Paket wählen</a>\n </div>\n\n <!-- Paket 2 (Featured) — fliegt von unten -->\n <div class=\"pricing-card featured anim-slide-up anim-delay-2 anim-visible\">\n <span class=\"pricing-badge\">Beliebt</span>\n <h2>Google-Profil & Webseiten Betreuung</h2>\n <div class=\"pricing-price\">\n <span class=\"pricing-currency\">€</span><span class=\"pricing-amount\">99</span>\n <span class=\"pricing-period\">monatlich</span>\n </div>\n <span class=\"pricing-description\">Für Unternehmen, die Google-Profil und Webseite professionell betreuen lassen möchten.</span>\n <ul class=\"pricing-features\">\n <li><span>Betreuung des Google-Profils</span></li>\n <li><span>Betreuung der Webseite</span></li>\n <li><span>Inhaltsänderungen</span></li>\n <li><span>Unterstützung bei technischen Fragen</span></li>\n <li><span>Schnelle Hilfe bei Problemen</span></li>\n <li><span>Persönlicher Ansprechpartner</span></li>\n </ul>\n <a href=\"#\" class=\"pricing-cta\">Paket wählen</a>\n </div>\n\n <!-- Paket 3 — fliegt von rechts -->\n <div class=\"pricing-card anim-slide-right anim-delay-3 anim-visible\">\n <h2 data-listener-added_5bc083c6=\"true\">Premium Betreuung</h2>\n <div class=\"pricing-price\">\n <span class=\"pricing-currency\">€</span><span class=\"pricing-amount\">149</span>\n <span class=\"pricing-period\">monatlich</span>\n </div>\n <span class=\"pricing-description\">Für Unternehmen, die ihre komplette Online-Präsenz dauerhaft betreuen lassen möchten.</span>\n <ul class=\"pricing-features\">\n <li><span>Betreuung Google-Profil</span></li>\n <li><span>Betreuung Webseite</span></li>\n <li><span>Regelmäßige Inhaltsaktualisierungen</span></li>\n <li><span>Austausch von Bildern und Texten</span></li>\n <li><span>Unterstützung bei Aktionen und Angeboten</span></li>\n <li><span>Unterstützung bei Bewertungen</span></li>\n <li><span>Beratung zur Sichtbarkeit bei Google</span></li>\n <li><span>Priorisierte Bearbeitung</span></li>\n <li><span>Persönlicher Ansprechpartner</span></li>\n <li><span>Laufende Optimierung der Online-Präsenz</span></li>\n </ul>\n <a href=\"#\" class=\"pricing-cta\">Paket wählen</a>\n </div>\n </div>\n\n <div class=\"pricing-footer anim-fade anim-visible\">\n <span>Sie kümmern sich um Ihr Geschäft. Ich kümmere mich um Ihre Online-Präsenz.</span>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-339f2b67-67ba-4b7f-a625-1590aa132e16');\n if (!el) return;\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (reducedMotion) {\n var items = el.querySelectorAll('.anim-fade, .anim-slide-left, .anim-slide-up, .anim-slide-right');\n for (var i = 0; i < items.length; i++) {\n items[i].classList.add('anim-visible');\n }\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n for (var j = 0; j < entries.length; j++) {\n if (entries[j].isIntersecting) {\n entries[j].target.classList.add('anim-visible');\n observer.unobserve(entries[j].target);\n }\n }\n }, {\n threshold: 0.15,\n rootMargin: '0px 0px -40px 0px'\n });\n\n var animItems = el.querySelectorAll('.anim-fade, .anim-slide-left, .anim-slide-up, .anim-slide-right');\n for (var k = 0; k < animItems.length; k++) {\n observer.observe(animItems[k]);\n }\n\n})();\n</script>","summary":null,"version":6,"inserted_version":6,"total_cost":2.1435876,"total_messages_sent":6,"summarized_at_total":0}
Betreuungspakete
{"uuid":"cc392a8e-ae04-4409-96fb-faafa94d8231","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-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n font-family: inherit;\n box-sizing: border-box;\n }\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 *,\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 *::before,\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-light, #eef2f5);\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n padding: 4rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-content {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-heading {\n color: var(--wsw-color-black, #1f2a35);\n margin: 0;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--wsw-color-black, #1f2a35);\n transition: transform 0.2s ease-out;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li:hover {\n transform: translateX(4px);\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2.25rem;\n height: 2.25rem;\n min-width: 2.25rem;\n border-radius: 50%;\n background-color: #e67e22;\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n line-height: 1;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-image-wrap {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-image-wrap img {\n display: block;\n width: 100%;\n height: auto;\n object-fit: cover;\n aspect-ratio: 4 / 5;\n border-radius: 12px;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-image-accent {\n position: absolute;\n bottom: -6px;\n left: -6px;\n width: 40%;\n height: 40%;\n border-radius: 0 12px 0 0;\n background-color: #e67e22;\n opacity: 0.12;\n z-index: 0;\n pointer-events: none;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-dark, #5b6b79);\n }\n section.wsw-theme-db #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-dark, #5b6b79);\n }\n section.wsw-theme-b #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-black, #1f2a35);\n }\n section.wsw-theme-bb #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-black, #1f2a35);\n }\n\n section.wsw-theme-d #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-heading,\n section.wsw-theme-db #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-heading,\n section.wsw-theme-b #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-heading,\n section.wsw-theme-bb #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-heading {\n color: var(--wsw-color-white, #fafbfc);\n }\n\n section.wsw-theme-d #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li,\n section.wsw-theme-db #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li,\n section.wsw-theme-b #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li,\n section.wsw-theme-bb #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li {\n color: var(--wsw-color-light, #eef2f5);\n }\n\n /* White themes */\n section.wsw-theme-w #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231,\n section.wsw-theme-wb #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231,\n section.wsw-theme-al #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-light, #eef2f5);\n }\n\n /* Light themes */\n section.wsw-theme-l #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231,\n section.wsw-theme-lb #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: var(--wsw-color-white, #fafbfc);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 {\n background-color: rgba(0, 0, 0, 0.12);\n }\n\n section.wsw-theme-a #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-heading {\n color: var(--wsw-color-white, #fafbfc);\n }\n\n section.wsw-theme-a #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-list li {\n color: var(--wsw-color-white, #fafbfc);\n }\n\n /* Scroll animation */\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-animate {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-animate.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 *,\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 *::before,\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n padding: 3rem 1.25rem;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-image-wrap {\n order: -1;\n }\n\n #wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231 .benefits-image-wrap img {\n aspect-ratio: 16 / 10;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231\">\n <div class=\"benefits-layout\">\n <div class=\"benefits-content benefits-animate is-visible\">\n <h2 class=\"benefits-heading\" data-listener-added_5bc083c6=\"true\">Ihre Vorteile</h2>\n <ul class=\"benefits-list\">\n <li>\n <span class=\"benefit-icon\">✓</span>\n <span>Fester Ansprechpartner</span>\n </li>\n <li>\n <span class=\"benefit-icon\">✓</span>\n <span>Schnelle Hilfe</span>\n </li>\n <li>\n <span class=\"benefit-icon\">✓</span>\n <span>Zeitersparnis</span>\n </li>\n <li>\n <span class=\"benefit-icon\">✓</span>\n <span>Professioneller Auftritt</span>\n </li>\n <li>\n <span class=\"benefit-icon\">✓</span>\n <span>Aktuelle Inhalte</span>\n </li>\n <li>\n <span class=\"benefit-icon\">✓</span>\n <span>Sichtbarkeit bei Google</span>\n </li>\n </ul>\n </div>\n <div class=\"benefits-image-wrap benefits-animate is-visible\">\n <img src=\"https://images.unsplash.com/photo-1560250097-0b93528c311a?w=800&q=80\" alt=\"Zufriedener Unternehmer im Anzug lächelt selbstbewusst\" loading=\"lazy\">\n <div class=\"benefits-image-accent\"></div>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-cc392a8e-ae04-4409-96fb-faafa94d8231');\n if (!el) return;\n\n var items = el.querySelectorAll('.benefits-animate');\n if (!items.length) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n items.forEach(function(item) {\n observer.observe(item);\n });\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":0.68142844,"total_messages_sent":3,"summarized_at_total":0}
Ihre Vorteile
- Fester Ansprechpartner
- Schnelle Hilfe
- Zeitersparnis
- Professioneller Auftritt
- Aktuelle Inhalte
- Sichtbarkeit bei Google
{"uuid":"a633d875-2e8d-4641-b596-1dd330e56201","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-a633d875-2e8d-4641-b596-1dd330e56201 {\n font-family: inherit;\n box-sizing: border-box;\n background-color: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 *,\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 *::before,\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-wrapper {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-heading {\n color: #3a3a3a;\n margin: 0 0 1rem 0;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-subtext {\n color: #6b6b6b;\n max-width: 65ch;\n margin: 0 auto 2.5rem auto;\n line-height: 1.6;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card {\n background-color: #f0f0f0;\n border-radius: 12px;\n padding: 2.5rem 2rem;\n position: relative;\n border-left: 5px solid #e87722;\n text-align: left;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-icon {\n font-size: 3rem;\n line-height: 1;\n color: #e87722;\n margin-bottom: 0.75rem;\n display: block;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text {\n color: #2d2d2d;\n font-size: 1.35rem;\n font-weight: 500;\n line-height: 1.5;\n font-style: italic;\n margin: 0;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-highlight {\n color: #e87722;\n font-weight: 700;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-top: 2.5rem;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature {\n background-color: #f7f7f7;\n border-radius: 10px;\n padding: 1.5rem 1.25rem;\n text-align: center;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #e87722;\n color: #ffffff;\n font-size: 1.25rem;\n margin: 0 auto 1rem auto;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-title {\n color: #2d2d2d;\n margin: 0 0 0.5rem 0;\n font-size: 1.12rem;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-desc {\n color: #6b6b6b;\n margin: 0;\n line-height: 1.5;\n font-size: 0.95rem;\n }\n\n /* Scroll animation initial states */\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-animate {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-animate.wkb-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-animate-delay-1 {\n transition-delay: 0.1s;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-animate-delay-2 {\n transition-delay: 0.2s;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-animate-delay-3 {\n transition-delay: 0.3s;\n }\n\n /* Dark / Black theme overrides */\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-heading,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-heading,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-heading,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-heading {\n color: #f0f0f0;\n }\n\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-subtext,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-subtext,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-subtext,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-subtext {\n color: #b0b0b0;\n }\n\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card {\n background-color: #2a2a2a;\n }\n\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text {\n color: #e8e8e8;\n }\n\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature {\n background-color: #333333;\n }\n\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-title,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-title,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-title,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-title {\n color: #e8e8e8;\n }\n\n section.wsw-theme-d #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-desc,\n section.wsw-theme-db #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-desc,\n section.wsw-theme-b #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-desc,\n section.wsw-theme-bb #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-desc {\n color: #a0a0a0;\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-heading {\n color: #ffffff;\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-subtext {\n color: #dce8f0;\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card {\n background-color: rgba(255, 255, 255, 0.12);\n border-left-color: #ffffff;\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text {\n color: #ffffff;\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-icon,\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-highlight {\n color: #ffffff;\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature {\n background-color: rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-icon {\n background-color: #ffffff;\n color: var(--wsw-color-accent, #2f6fa3);\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-title {\n color: #ffffff;\n }\n section.wsw-theme-a #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-feature-desc {\n color: #dce8f0;\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 *,\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 *::before,\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-features {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201 .wkb-quote-text {\n font-size: 1.15rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201\">\n <div class=\"wkb-wrapper\">\n <h2 class=\"wkb-heading wkb-animate wkb-visible\">Warum Kunden die Betreuung schätzen</h2>\n <span class=\"wkb-subtext wkb-animate wkb-animate-delay-1 wkb-visible\">Kunden möchten sich auf ihr Unternehmen konzentrieren und nicht auf Technik, Updates oder Google-Änderungen.</span>\n\n <div class=\"wkb-quote-card wkb-animate wkb-animate-delay-2 wkb-visible\">\n <span class=\"wkb-quote-icon\">❝</span>\n <h3 class=\"wkb-quote-text\"><span class=\"wkb-quote-highlight\">Sie kümmern sich um Ihr Geschäft.</span> Ich kümmere mich um Ihre Online-Präsenz.</h3>\n </div>\n\n <div class=\"wkb-features\">\n <div class=\"wkb-feature wkb-animate wkb-animate-delay-1 wkb-visible\">\n <div class=\"wkb-feature-icon\">⚙</div>\n <h4 class=\"wkb-feature-title\">Technik abgeben</h4>\n <span class=\"wkb-feature-desc\" data-listener-added_5bc083c6=\"true\">Updates, Sicherheit und Performance – alles wird zuverlässig übernommen.</span>\n </div>\n <div class=\"wkb-feature wkb-animate wkb-animate-delay-2 wkb-visible\">\n <div class=\"wkb-feature-icon\">📈</div>\n <h4 class=\"wkb-feature-title\">Sichtbarkeit steigern</h4>\n <span class=\"wkb-feature-desc\">SEO-Anpassungen und Google-Updates werden kontinuierlich berücksichtigt.</span>\n </div>\n <div class=\"wkb-feature wkb-animate wkb-animate-delay-3 wkb-visible\">\n <div class=\"wkb-feature-icon\">🤝</div>\n <h4 class=\"wkb-feature-title\">Persönlicher Ansprechpartner</h4>\n <span class=\"wkb-feature-desc\">Kein Ticket-System, kein Callcenter – sondern direkter, persönlicher Kontakt.</span>\n </div>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-a633d875-2e8d-4641-b596-1dd330e56201');\n if (!el) return;\n\n var animElements = el.querySelectorAll('.wkb-animate');\n if (!animElements.length) return;\n\n if (!('IntersectionObserver' in window)) {\n animElements.forEach(function(item) {\n item.classList.add('wkb-visible');\n });\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('wkb-visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.15,\n rootMargin: '0px 0px -40px 0px'\n });\n\n animElements.forEach(function(item) {\n observer.observe(item);\n });\n\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":0.5948943,"total_messages_sent":2,"summarized_at_total":0}
Warum Kunden die Betreuung schätzen
Kunden möchten sich auf ihr Unternehmen konzentrieren und nicht auf Technik, Updates oder Google-Änderungen.Sie kümmern sich um Ihr Geschäft. Ich kümmere mich um Ihre Online-Präsenz.
Technik abgeben
Updates, Sicherheit und Performance – alles wird zuverlässig übernommen.Sichtbarkeit steigern
SEO-Anpassungen und Google-Updates werden kontinuierlich berücksichtigt.Persönlicher Ansprechpartner
Kein Ticket-System, kein Callcenter – sondern direkter, persönlicher Kontakt.{"uuid":"898f446e-db28-4d22-b9b5-1261965b5059","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-898f446e-db28-4d22-b9b5-1261965b5059 {\n font-family: inherit;\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n background-color: #2a2d32;\n }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 *,\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 *::before,\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center top;\n display: block;\n filter: brightness(0.55) saturate(0.6);\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 160deg,\n rgba(42, 45, 50, 0.82) 0%,\n rgba(42, 45, 50, 0.5) 50%,\n rgba(42, 45, 50, 0.78) 100%\n );\n z-index: 1;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-content {\n position: relative;\n z-index: 2;\n max-width: 56rem;\n margin: 0 auto;\n padding: 5rem 2rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-label {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: inherit;\n font-weight: 400;\n letter-spacing: 0.08rem;\n text-transform: uppercase;\n color: #e8853d;\n align-self: flex-start;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-label::before {\n content: \"\";\n display: inline-block;\n width: 2rem;\n height: 2px;\n background-color: #e8853d;\n vertical-align: middle;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 h2 {\n color: #eef0f2;\n margin: 0;\n line-height: 1.2;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-body {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 42rem;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-body span {\n color: #eef0f2;\n line-height: 1.7;\n font-size: inherit;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-highlight {\n position: relative;\n padding: 1.5rem 0 1.5rem 1.5rem;\n border-left: 3px solid #e8853d;\n color: #e8853d;\n font-weight: 500;\n font-size: 1.12rem;\n line-height: 1.5;\n font-style: italic;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-divider {\n width: 4rem;\n height: 2px;\n background-color: rgba(232, 133, 61, 0.35);\n border: none;\n margin: 0;\n }\n\n /* Decorative search dots */\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots {\n position: absolute;\n bottom: 2rem;\n right: 2rem;\n z-index: 2;\n display: flex;\n gap: 0.5rem;\n opacity: 0.25;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots span {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n display: block;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots span:nth-child(1) { background-color: #4285f4; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots span:nth-child(2) { background-color: #ea4335; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots span:nth-child(3) { background-color: #fbbc05; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots span:nth-child(4) { background-color: #34a853; }\n\n /* Entrance animation */\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-content > * {\n opacity: 0;\n transform: translateY(1.5rem);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059.is-visible .hero-content > *:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059.is-visible .hero-content > *:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.25s; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059.is-visible .hero-content > *:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.4s; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059.is-visible .hero-content > *:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.55s; }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059.is-visible .hero-content > *:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.7s; }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 *,\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 *::before,\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-content > * {\n opacity: 1;\n transform: none;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-content {\n padding: 3.5rem 1.25rem;\n gap: 1.5rem;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-highlight {\n font-size: 1rem;\n padding: 1rem 0 1rem 1.25rem;\n }\n\n #wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059 .hero-dots {\n bottom: 1rem;\n right: 1.25rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059\" class=\"is-visible\">\n <div class=\"hero-bg\">\n <img src=\"https://images.unsplash.com/photo-1555952494-efd681c7e3f9?w=1400&q=80\" alt=\"Google-Suche auf einem Bildschirm\" loading=\"eager\">\n </div>\n <div class=\"hero-overlay\"></div>\n\n <div class=\"hero-content\">\n <span class=\"hero-label\">SEO & Online-Präsenz</span>\n\n <h2>Sichtbarkeit ist kein Zufall</h2>\n\n <div class=\"hero-divider\"></div>\n\n <div class=\"hero-body\">\n <span>Google verändert die Suche schneller als je zuvor. Viele Unternehmen haben weder die Zeit noch die Ressourcen, diese Entwicklungen dauerhaft im Blick zu behalten.</span>\n <span>Ich unterstütze kleine und mittelständische Unternehmen dabei, bei Google sichtbar zu bleiben, professionell aufzutreten und ihre Online-Präsenz dauerhaft aktuell zu halten.</span>\n </div>\n\n <div class=\"hero-highlight\">Sie kümmern sich um Ihr Geschäft. Ich kümmere mich um Ihre Online-Präsenz.</div>\n </div>\n\n <div class=\"hero-dots\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-898f446e-db28-4d22-b9b5-1261965b5059');\n if (!el) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n el.classList.add('is-visible');\n observer.unobserve(el);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(el);\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":0.65402876,"total_messages_sent":3,"summarized_at_total":0}
SEO & Online-Präsenz
Sichtbarkeit ist kein Zufall
Google verändert die Suche schneller als je zuvor. Viele Unternehmen haben weder die Zeit noch die Ressourcen, diese Entwicklungen dauerhaft im Blick zu behalten.
Ich unterstütze kleine und mittelständische Unternehmen dabei, bei Google sichtbar zu bleiben, professionell aufzutreten und ihre Online-Präsenz dauerhaft aktuell zu halten.
Sie kümmern sich um Ihr Geschäft. Ich kümmere mich um Ihre Online-Präsenz.