{"uuid":"5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd","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-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd {\n font-family: inherit;\n box-sizing: border-box;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd *,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd *::before,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd *::after {\n box-sizing: inherit;\n }\n\n /* === VARIABLES === */\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd {\n --snip-accent: #F69C1E;\n --snip-radius: 8px;\n --snip-transition: 0.25s ease-out;\n --snip-max-w: 900px;\n }\n\n /* === HERO SECTION === */\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero {\n position: relative;\n min-height: 520px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: var(--snip-radius);\n margin-bottom: 3.5rem;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 30%;\n z-index: 0;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(160deg, rgba(46,46,46,0.88) 0%, rgba(46,46,46,0.72) 50%, rgba(246,156,30,0.18) 100%);\n z-index: 1;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content {\n position: relative;\n z-index: 2;\n max-width: var(--snip-max-w);\n padding: 4rem 2.5rem;\n text-align: center;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content h1 {\n color: #ffffff;\n margin: 0 0 1.2rem 0;\n font-size: clamp(2rem, 5vw, 3.2rem);\n line-height: 1.1;\n letter-spacing: -0.01em;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease-out 0.1s, transform 0.7s ease-out 0.1s;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content h1 .h1-highlight {\n color: var(--snip-accent);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content h1.is-visible,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-subline.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-subline {\n color: rgba(255,255,255,0.88);\n font-size: clamp(1.05rem, 2.2vw, 1.35rem);\n line-height: 1.55;\n max-width: 680px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease-out 0.2s, transform 0.7s ease-out 0.2s;\n }\n\n /* === CONTENT AREA === */\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content {\n max-width: var(--snip-max-w);\n margin: 0 auto;\n padding: 0 1.5rem 3rem 1.5rem;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-block {\n margin-bottom: 2.5rem;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-block.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-lead {\n font-size: clamp(1.05rem, 2vw, 1.3rem);\n line-height: 1.65;\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n max-width: 65ch;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-body {\n font-size: inherit;\n line-height: 1.65;\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 1.5rem 0;\n max-width: 65ch;\n }\n\n /* Theme overrides for content text */\n section.wsw-theme-d #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-lead,\n section.wsw-theme-db #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-lead,\n section.wsw-theme-b #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-lead,\n section.wsw-theme-bb #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-lead {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-body,\n section.wsw-theme-db #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-body,\n section.wsw-theme-b #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-body,\n section.wsw-theme-bb #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-body {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-a #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-lead {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content .content-body {\n color: rgba(255,255,255,0.85);\n }\n\n /* === ACCENT DIVIDER === */\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .accent-divider {\n width: 56px;\n height: 3px;\n background: var(--snip-accent);\n border: none;\n border-radius: 3px;\n margin: 0 0 2rem 0;\n }\n\n /* === CTA AREA === */\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-area {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: var(--snip-accent);\n color: #ffffff;\n text-decoration: none;\n border-radius: var(--snip-radius);\n font-weight: 600;\n font-size: 1rem;\n letter-spacing: 0.02em;\n transition: transform var(--snip-transition), box-shadow var(--snip-transition), background var(--snip-transition);\n box-shadow: 0 2px 8px rgba(246,156,30,0.18);\n min-height: 48px;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246,156,30,0.3);\n background: #e08c14;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn:focus-visible {\n outline: 2px solid var(--snip-accent);\n outline-offset: 3px;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn:active {\n transform: translateY(0);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn .btn-arrow {\n transition: transform var(--snip-transition);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn:hover .btn-arrow {\n transform: translateX(3px);\n }\n\n /* === LINK BLOCK === */\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n background: #f0efef;\n border-left: 4px solid var(--snip-accent);\n border-radius: 0 var(--snip-radius) var(--snip-radius) 0;\n padding: 1.5rem 2rem;\n margin-top: 0.5rem;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n section.wsw-theme-l #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block,\n section.wsw-theme-lb #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n background: #e8e7e7;\n }\n\n section.wsw-theme-d #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block,\n section.wsw-theme-db #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n background: rgba(255,255,255,0.1);\n }\n\n section.wsw-theme-b #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block,\n section.wsw-theme-bb #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n background: rgba(255,255,255,0.08);\n }\n\n section.wsw-theme-a #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n background: rgba(255,255,255,0.15);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block .link-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.6;\n margin: 0 0 0.75rem 0;\n max-width: 65ch;\n }\n\n section.wsw-theme-d #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block .link-text,\n section.wsw-theme-db #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block .link-text,\n section.wsw-theme-b #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block .link-text,\n section.wsw-theme-bb #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block .link-text {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-a #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block .link-text {\n color: rgba(255,255,255,0.88);\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n color: var(--snip-accent);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n transition: color var(--snip-transition), gap var(--snip-transition);\n min-height: 44px;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:hover {\n color: #2E2E2E;\n gap: 0.65rem;\n }\n\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:focus-visible {\n outline: 2px solid var(--snip-accent);\n outline-offset: 3px;\n border-radius: 3px;\n }\n\n /* Dark/black theme: hover to white instead */\n section.wsw-theme-d #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:hover,\n section.wsw-theme-db #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:hover,\n section.wsw-theme-b #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:hover,\n section.wsw-theme-bb #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:hover,\n section.wsw-theme-a #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-text-link:hover {\n color: var(--wsw-color-white, #fff);\n }\n\n /* === REDUCED MOTION === */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd *,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd *::before,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content h1,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-subline,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .content-block,\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* === RESPONSIVE === */\n @media (max-width: 768px) {\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero {\n min-height: 400px;\n border-radius: 0;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content {\n padding: 3rem 1.25rem;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-content {\n padding: 0 1rem 2.5rem 1rem;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-link-block {\n padding: 1.25rem 1.25rem;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-area {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero {\n min-height: 340px;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-hero-content {\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd .pillar-cta-btn {\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd\">\n\n <!-- HERO -->\n <div class=\"pillar-hero\">\n <img class=\"pillar-hero-img\" src=\"https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1400&q=80\" alt=\"Modernes Dashboard mit Datenvisualisierung und Analytics – Sinnbild für digitale Sichtbarkeit\">\n <div class=\"pillar-hero-overlay\" aria-hidden=\"true\"></div>\n <div class=\"pillar-hero-content\">\n <h1 class=\"is-visible\">Sichtbar werden im <span class=\"h1-highlight\">KI-Zeitalter</span></h1>\n <span class=\"pillar-hero-subline is-visible\">Ihre Website ist heute mehr als eine digitale Visitenkarte. Sie ist die Grundlage für Sichtbarkeit, Vertrauen, Google, KI-Antworten und neue Kundenanfragen.</span>\n </div>\n </div>\n\n <!-- CONTENT -->\n <div class=\"pillar-content\">\n\n <div class=\"content-block is-visible\">\n <div class=\"accent-divider\" aria-hidden=\"true\"></div>\n <span class=\"content-lead\">Google verändert sich. Menschen suchen heute anders: Sie stellen ganze Fragen, nutzen Sprachsuche, vergleichen über das Smartphone, schauen ins Google Unternehmensprofil oder erhalten KI-gestützte Antworten direkt in der Suche.</span>\n <span class=\"content-body\">Damit Ihr Unternehmen auch in Zukunft gefunden wird, braucht es mehr als eine schöne Website. Entscheidend sind eine klare Struktur, hilfreiche Inhalte, gute SEO-Grundlagen, lokale Sichtbarkeit und eine Website, die Nutzer, Google und KI-Systeme verstehen.</span>\n\n <div class=\"pillar-cta-area\">\n <a href=\"https://webdesign-cms-agentur.de/shopartikel/produkt/1288\" class=\"pillar-cta-btn\">\n <span>Website-Sichtbarkeit prüfen lassen</span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n </div>\n\n <div class=\"pillar-link-block is-visible\">\n <span class=\"link-text\">Eine moderne Website ist die Basis dafür, dass Ihr Unternehmen online gefunden, verstanden und kontaktiert wird. Wenn Sie eine Website erstellen lassen möchten, sollte sie deshalb von Anfang an auf Sichtbarkeit, Struktur und Nutzerführung ausgerichtet sein.</span>\n <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" class=\"pillar-text-link\">\n <span>Mehr zum Thema Webdesign</span>\n <span aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-5913e9a1-f4a6-453c-bfd1-2cff36e9e0fd');\n if (!el) return;\n\n var animEls = el.querySelectorAll('.pillar-hero-content h1, .pillar-hero-subline, .content-block, .pillar-link-block');\n\n if (!('IntersectionObserver' in window)) {\n for (var i = 0; i < animEls.length; i++) {\n animEls[i].classList.add('is-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('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n animEls.forEach(function(item) {\n observer.observe(item);\n });\n\n})();\n</script>","summary":null,"version":4,"inserted_version":4,"total_cost":1.800998045,"total_messages_sent":4,"summarized_at_total":0}
Sichtbar werden im KI-Zeitalter
Ihre Website ist heute mehr als eine digitale Visitenkarte. Sie ist die Grundlage für Sichtbarkeit, Vertrauen, Google, KI-Antworten und neue Kundenanfragen.
Google verändert sich. Menschen suchen heute anders: Sie stellen ganze Fragen, nutzen Sprachsuche, vergleichen über das Smartphone, schauen ins Google Unternehmensprofil oder erhalten KI-gestützte Antworten direkt in der Suche.
Damit Ihr Unternehmen auch in Zukunft gefunden wird, braucht es mehr als eine schöne Website. Entscheidend sind eine klare Struktur, hilfreiche Inhalte, gute SEO-Grundlagen, lokale Sichtbarkeit und eine Website, die Nutzer, Google und KI-Systeme verstehen.
Eine moderne Website ist die Basis dafür, dass Ihr Unternehmen online gefunden, verstanden und kontaktiert wird. Wenn Sie eine Website erstellen lassen möchten, sollte sie deshalb von Anfang an auf Sichtbarkeit, Struktur und Nutzerführung ausgerichtet sein.
Mehr zum Thema Webdesign
{"uuid":"698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem);\n }\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 *,\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 *::before,\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 *::after {\n box-sizing: inherit;\n }\n\n /* Variables */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 {\n --snippet-radius: 12px;\n --snippet-transition: 0.25s ease-out;\n --snippet-gap: clamp(1.5rem, 3vw, 2.5rem);\n }\n\n /* Container */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-container {\n max-width: 960px;\n margin: 0 auto;\n }\n\n /* Badge */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n border: 1px solid var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-accent, #f69c1e);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 1.25rem;\n }\n\n /* Heading */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n max-width: 65ch;\n }\n\n /* Intro text */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin-bottom: var(--snippet-gap);\n }\n\n /* Search queries section */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-grid {\n display: flex;\n flex-direction: column;\n gap: 0.65rem;\n margin-bottom: var(--snippet-gap);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.85rem 1.15rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--snippet-radius);\n border-left: 3px solid var(--wsw-color-accent, #f69c1e);\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n cursor: pointer;\n opacity: 0;\n transform: translateX(-16px);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item.is-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-text {\n color: var(--wsw-color-black, #2e2e2e);\n font-style: italic;\n line-height: 1.5;\n }\n\n /* Divider */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e) 0%, transparent 100%);\n margin: var(--snippet-gap) 0;\n opacity: 0.35;\n }\n\n /* Channel tags */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channels-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin-bottom: 1.25rem;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channel-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.45rem 0.9rem;\n border-radius: 50px;\n background: var(--wsw-color-black, #2e2e2e);\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.85rem;\n font-weight: 500;\n cursor: pointer;\n transition: background var(--snippet-transition), transform var(--snippet-transition);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag:hover {\n background: var(--wsw-color-accent, #f69c1e);\n transform: scale(1.04);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #f69c1e);\n flex-shrink: 0;\n transition: background var(--snippet-transition);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag:hover .ww-tag-dot {\n background: var(--wsw-color-white, #ffffff);\n }\n\n /* Takeaway box */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway {\n position: relative;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #e88a10);\n color: var(--wsw-color-white, #ffffff);\n border-radius: var(--snippet-radius);\n padding: 1.75rem 2rem;\n overflow: hidden;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -10%;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n pointer-events: none;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway-icon {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway-heading {\n font-weight: 700;\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway-text {\n line-height: 1.6;\n opacity: 0.95;\n display: block;\n }\n\n /* Links */\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-links {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin-top: var(--snippet-gap);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n padding: 0.5rem 0;\n border-bottom: 2px solid transparent;\n cursor: pointer;\n transition: border-color var(--snippet-transition), gap var(--snippet-transition);\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link:hover {\n border-bottom-color: var(--wsw-color-accent, #f69c1e);\n gap: 0.75rem;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 4px;\n border-radius: 4px;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link-arrow {\n transition: transform var(--snippet-transition);\n font-size: 1.1em;\n }\n\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link:hover .ww-link-arrow {\n transform: translateX(3px);\n }\n\n /* Dark theme overrides */\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 h2,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 h2,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 h2,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-intro,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-intro,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-intro,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-intro,\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channels-intro,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channels-intro,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channels-intro,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channels-intro {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-label,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-label,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-label,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-label {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item {\n background: rgba(255,255,255,0.07);\n border-left-color: var(--wsw-color-accent, #f69c1e);\n box-shadow: none;\n }\n\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-text,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-text,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-text,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag,\n section.wsw-theme-db #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag,\n section.wsw-theme-b #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag,\n section.wsw-theme-bb #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag {\n background: rgba(255,255,255,0.12);\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 h2,\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-queries-label {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-intro,\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-channels-intro {\n color: rgba(255,255,255,0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-badge {\n border-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item {\n background: rgba(255,255,255,0.15);\n border-left-color: var(--wsw-color-white, #ffffff);\n box-shadow: none;\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-icon {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag {\n background: rgba(255,255,255,0.2);\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-tag-dot {\n background: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway {\n background: var(--wsw-color-black, #2e2e2e);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-link:hover {\n border-bottom-color: var(--wsw-color-white, #ffffff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 *,\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 *::before,\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-query-item {\n opacity: 1;\n transform: none;\n }\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-takeaway {\n padding: 1.5rem 1.25rem;\n }\n #wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80 .ww-links {\n flex-direction: column;\n gap: 0.5rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80\">\n <div class=\"ww-container\">\n\n <div class=\"ww-badge\">\n <span>◈</span>\n <span>Wandel verstehen</span>\n </div>\n\n <h2>Warum „bei Google gefunden werden\" heute anders funktioniert</h2>\n\n <span class=\"ww-intro\">Früher bestand Google vor allem aus klassischen Suchergebnissen. Heute suchen Menschen viel konkreter: Sie geben nicht mehr nur einzelne Suchbegriffe ein, sondern stellen ganze Fragen.</span>\n\n <span class=\"ww-queries-label\">Zum Beispiel:</span>\n\n <div class=\"ww-queries-grid\">\n <div class=\"ww-query-item is-visible\">\n <svg class=\"ww-query-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\n <span class=\"ww-query-text\">„Wer erstellt Websites für kleine Unternehmen in Schleswig-Holstein?\"</span>\n </div>\n <div class=\"ww-query-item is-visible\">\n <svg class=\"ww-query-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\n <span class=\"ww-query-text\">„Welche Webagentur hilft mir mit SEO und Google Profil?\"</span>\n </div>\n <div class=\"ww-query-item is-visible\">\n <svg class=\"ww-query-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\n <span class=\"ww-query-text\">„Wo finde ich eine Ferienwohnung mit Hund auf Pellworm?\"</span>\n </div>\n <div class=\"ww-query-item is-visible\">\n <svg class=\"ww-query-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\n <span class=\"ww-query-text\">„Welche Kosmetikerin bietet BABOR-Behandlungen in Dresden an?\"</span>\n </div>\n <div class=\"ww-query-item is-visible\">\n <svg class=\"ww-query-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>\n <span class=\"ww-query-text\">„Welche Werkstatt ist jetzt in meiner Nähe geöffnet?\"</span>\n </div>\n </div>\n\n <div class=\"ww-divider\"></div>\n\n <span class=\"ww-channels-intro\">Dazu kommen Sprachsuche, Google Maps, Google Unternehmensprofile, Bewertungen, KI-Antworten und Empfehlungen. Sichtbarkeit entsteht deshalb nicht mehr nur über einzelne Keywords, sondern über ein klares Gesamtbild im Netz.</span>\n\n <div class=\"ww-channel-tags\">\n <span class=\"ww-tag\"><span class=\"ww-tag-dot\"></span><span>Sprachsuche</span></span>\n <span class=\"ww-tag\"><span class=\"ww-tag-dot\"></span><span>Google Maps</span></span>\n <span class=\"ww-tag\"><span class=\"ww-tag-dot\"></span><span>Unternehmensprofile</span></span>\n <span class=\"ww-tag\"><span class=\"ww-tag-dot\"></span><span>Bewertungen</span></span>\n <span class=\"ww-tag\"><span class=\"ww-tag-dot\"></span><span>KI-Antworten</span></span>\n <span class=\"ww-tag\"><span class=\"ww-tag-dot\"></span><span>Empfehlungen</span></span>\n </div>\n\n <div class=\"ww-takeaway\">\n <span class=\"ww-takeaway-icon\" aria-hidden=\"true\">💡</span>\n <span class=\"ww-takeaway-heading\">Kernaussage</span>\n <span class=\"ww-takeaway-text\">Wer heute sichtbar sein will, muss seine Website und seine Inhalte neu denken – nicht nur für klassische Suchergebnisse, sondern für KI, Sprachassistenten und lokale Suche gleichermaßen.</span>\n </div>\n\n <div class=\"ww-links\">\n <a href=\"https://webdesign-cms-agentur.de/seo-suchmaschinenoptimierung-website\" class=\"ww-link\">\n <span>SEO für kleine Unternehmen</span>\n <span class=\"ww-link-arrow\" aria-hidden=\"true\">→</span>\n </a>\n <a href=\"https://webdesign-cms-agentur.de/google-profil-optimieren\" class=\"ww-link\">\n <span>Google Unternehmensprofil optimieren</span>\n <span class=\"ww-link-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-698e8a98-9fe1-4c54-8dc8-a0d62cf5dc80');\n if (!el) return;\n\n var items = el.querySelectorAll('.ww-query-item');\n if (!items.length) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(items, entry.target);\n setTimeout(function() {\n entry.target.classList.add('is-visible');\n }, idx * 120);\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":4,"inserted_version":4,"total_cost":2.1186784850000002,"total_messages_sent":5,"summarized_at_total":0}
◈
Wandel verstehen
Warum „bei Google gefunden werden" heute anders funktioniert
Früher bestand Google vor allem aus klassischen Suchergebnissen. Heute suchen Menschen viel konkreter: Sie geben nicht mehr nur einzelne Suchbegriffe ein, sondern stellen ganze Fragen. Zum Beispiel:
„Wer erstellt Websites für kleine Unternehmen in Schleswig-Holstein?"
„Welche Webagentur hilft mir mit SEO und Google Profil?"
„Wo finde ich eine Ferienwohnung mit Hund auf Pellworm?"
„Welche Kosmetikerin bietet BABOR-Behandlungen in Dresden an?"
„Welche Werkstatt ist jetzt in meiner Nähe geöffnet?"
Kernaussage
Wer heute sichtbar sein will, muss seine Website und seine Inhalte neu denken – nicht nur für klassische Suchergebnisse, sondern für KI, Sprachassistenten und lokale Suche gleichermaßen.
{"uuid":"207f7bcf-bd92-425a-9a90-d2b099e61778","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-207f7bcf-bd92-425a-9a90-d2b099e61778 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem);\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 *,\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 *::before,\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 *::after {\n box-sizing: inherit;\n }\n\n /* Variables */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 {\n --s3-radius: 12px;\n --s3-transition: 0.25s ease-out;\n --s3-gap: clamp(1.5rem, 3vw, 2.5rem);\n --s3-max-w: 960px;\n }\n\n /* Container */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-container {\n max-width: var(--s3-max-w);\n margin: 0 auto;\n }\n\n /* Badge */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n border: 1px solid var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-accent, #f69c1e);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 1.25rem;\n }\n\n /* Heading */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n max-width: 65ch;\n }\n\n /* Intro & body text */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin-bottom: var(--s3-gap);\n }\n\n /* Two-column layout: text + image */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n align-items: start;\n margin-bottom: var(--s3-gap);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split-text {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split-text .s3-body {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n max-width: 65ch;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split-img {\n position: relative;\n border-radius: var(--s3-radius);\n overflow: hidden;\n aspect-ratio: 4 / 3;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease-out;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split-img:hover img {\n transform: scale(1.03);\n }\n\n /* Quote block */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote {\n border-left: 3px solid var(--wsw-color-accent, #f69c1e);\n padding: 1rem 1.5rem;\n margin: 0.5rem 0 1rem 0;\n background: rgba(246, 156, 30, 0.06);\n border-radius: 0 var(--s3-radius) var(--s3-radius) 0;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote-text {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n font-style: italic;\n line-height: 1.5;\n }\n\n /* Divider */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e) 0%, transparent 100%);\n margin: var(--s3-gap) 0;\n opacity: 0.35;\n }\n\n /* Question list */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.65rem;\n margin-bottom: var(--s3-gap);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.85rem 1.15rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--s3-radius);\n border-left: 3px solid var(--wsw-color-accent, #f69c1e);\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n transition: transform var(--s3-transition), box-shadow var(--s3-transition);\n opacity: 0;\n transform: translateX(-16px);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item.is-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.5;\n }\n\n /* Bottom image row */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-img-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n margin-bottom: var(--s3-gap);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-img-card {\n position: relative;\n border-radius: var(--s3-radius);\n overflow: hidden;\n aspect-ratio: 16 / 9;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-img-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease-out;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-img-card:hover img {\n transform: scale(1.03);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-img-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 0.6rem 1rem;\n background: linear-gradient(0deg, rgba(46,46,46,0.75) 0%, transparent 100%);\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.8rem;\n font-weight: 500;\n }\n\n /* Takeaway box */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway {\n position: relative;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #e88a10);\n color: var(--wsw-color-white, #ffffff);\n border-radius: var(--s3-radius);\n padding: 1.75rem 2rem;\n overflow: hidden;\n margin-bottom: var(--s3-gap);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -10%;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n pointer-events: none;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway-icon {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway-heading {\n font-weight: 700;\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway-text {\n line-height: 1.6;\n opacity: 0.95;\n display: block;\n }\n\n /* Links area */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-links {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n cursor: pointer;\n padding: 0.5rem 0;\n border-bottom: 2px solid transparent;\n transition: color var(--s3-transition), border-color var(--s3-transition), gap var(--s3-transition);\n min-height: 44px;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover {\n color: #2E2E2E;\n border-bottom-color: #2E2E2E;\n gap: 0.65rem;\n cursor: pointer;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 4px;\n border-radius: 4px;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-link-arrow {\n transition: transform var(--s3-transition);\n font-size: 1.1em;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover .s3-link-arrow {\n transform: translateX(3px);\n }\n\n /* CTA button */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: var(--wsw-color-accent, #f69c1e);\n color: #ffffff;\n text-decoration: none;\n border-radius: var(--s3-radius);\n font-weight: 600;\n font-size: 1rem;\n letter-spacing: 0.02em;\n cursor: pointer;\n transition: transform var(--s3-transition), box-shadow var(--s3-transition), background var(--s3-transition);\n box-shadow: 0 2px 8px rgba(246,156,30,0.18);\n min-height: 48px;\n border: none;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246,156,30,0.3);\n background: #e08c14;\n cursor: pointer;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn:active {\n transform: translateY(0);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn .btn-arrow {\n transition: transform var(--s3-transition);\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn:hover .btn-arrow {\n transform: translateX(3px);\n }\n\n /* CTA area */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-area {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n /* Animation base */\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-anim {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-anim.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* ========== DARK THEME OVERRIDES ========== */\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 h2,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 h2,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 h2,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-intro,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-intro,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-intro,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-intro,\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-body,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-body,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-body,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-body {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-label,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-label,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-label,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-label {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item {\n background: rgba(255,255,255,0.07);\n border-left-color: var(--wsw-color-accent, #f69c1e);\n box-shadow: none;\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-text,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-text,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-text,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote {\n background: rgba(246,156,30,0.12);\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote-text,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote-text,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote-text,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover,\n section.wsw-theme-db #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover,\n section.wsw-theme-b #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover,\n section.wsw-theme-bb #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover {\n color: var(--wsw-color-white, #ffffff);\n border-bottom-color: var(--wsw-color-white, #ffffff);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 h2,\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-label {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-intro,\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-body {\n color: rgba(255,255,255,0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-badge {\n border-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item {\n background: rgba(255,255,255,0.15);\n border-left-color: var(--wsw-color-white, #ffffff);\n box-shadow: none;\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-text,\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-icon {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-quote {\n background: rgba(255,255,255,0.12);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway {\n background: var(--wsw-color-black, #2e2e2e);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-text-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n border-bottom-color: var(--wsw-color-black, #2e2e2e);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 *,\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 *::before,\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-q-item,\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-anim {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-split {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-questions-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-img-row {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-takeaway {\n padding: 1.5rem 1.25rem;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-links {\n flex-direction: column;\n gap: 0.5rem;\n }\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-area {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778 .s3-cta-btn {\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778\">\n <div class=\"s3-container\">\n\n <div class=\"s3-badge\">\n <span>◈</span>\n <span>Website als Fundament</span>\n </div>\n\n <h2>Warum Ihre Website die Grundlage für moderne Sichtbarkeit ist</h2>\n\n <span class=\"s3-intro\">Eine Website ist heute der zentrale Ort, an dem ein Unternehmen erklärt, wer es ist, was es anbietet und warum es vertrauenswürdig ist. Sie ist die Basis für SEO, lokale Sichtbarkeit, Google Profil, Inhalte, Blog, FAQ und KI-Sichtbarkeit.</span>\n\n <!-- Split: Text + Image -->\n <div class=\"s3-split s3-anim is-visible\">\n <div class=\"s3-split-text\">\n <span class=\"s3-body\">Wenn wichtige Informationen auf der Website fehlen oder schlecht strukturiert sind, können Nutzer sie nicht schnell erfassen. Gleichzeitig fällt es Google und KI-Systemen schwerer, das Unternehmen richtig einzuordnen.</span>\n\n <div class=\"s3-quote\">\n <span class=\"s3-quote-text\">„Was bieten Sie an?\" – Eine gute Website beantwortet nicht nur diese Frage.</span>\n </div>\n </div>\n <div class=\"s3-split-img\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22baa93f1a9.jpg\" width=\"1408\" height=\"768\" alt=\"Moderne Website-Struktur auf einem Laptop – klare Nutzerführung und professionelles Webdesign\" loading=\"lazy\">\n </div>\n </div>\n\n <div class=\"s3-divider\"></div>\n\n <!-- Question cards -->\n <span class=\"s3-questions-label\">Sondern auch:</span>\n\n <div class=\"s3-questions-grid\">\n <div class=\"s3-q-item is-visible\">\n <svg class=\"s3-q-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"></path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg>\n <span class=\"s3-q-text\">Für wen ist Ihr Angebot geeignet?</span>\n </div>\n <div class=\"s3-q-item is-visible\">\n <svg class=\"s3-q-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"></path><circle cx=\"12\" cy=\"10\" r=\"3\"></circle></svg>\n <span class=\"s3-q-text\">Wo sind Sie tätig?</span>\n </div>\n <div class=\"s3-q-item is-visible\">\n <svg class=\"s3-q-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s3-q-text\">Was unterscheidet Sie von anderen?</span>\n </div>\n <div class=\"s3-q-item is-visible\">\n <svg class=\"s3-q-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"></path></svg>\n <span class=\"s3-q-text\">Welche Fragen haben Ihre Kunden vor der Anfrage?</span>\n </div>\n <div class=\"s3-q-item is-visible\">\n <svg class=\"s3-q-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 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-6 19.79 19.79 0 0 1-3.07-8.67A2 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 <span class=\"s3-q-text\">Wie kann man Kontakt aufnehmen, buchen oder kaufen?</span>\n </div>\n </div>\n\n <!-- Image row -->\n <div class=\"s3-img-row s3-anim is-visible\">\n <div class=\"s3-img-card\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22babb1b3ae.jpg\" width=\"1408\" height=\"768\" alt=\"Unternehmer prüft Website-Sichtbarkeit und Google-Ergebnisse auf einem Tablet\" loading=\"lazy\">\n <span class=\"s3-img-caption\">Sichtbarkeit beginnt mit einer klaren Website-Struktur</span>\n </div>\n <div class=\"s3-img-card\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22bacc6284c.jpg\" width=\"1408\" height=\"768\" alt=\"Lokale Suche auf dem Smartphone – so finden Kunden Ihr Unternehmen\" loading=\"lazy\">\n <span class=\"s3-img-caption\">Nutzer suchen gezielt – Ihre Website muss die Antwort liefern</span>\n </div>\n </div>\n\n <!-- Takeaway -->\n <div class=\"s3-takeaway s3-anim is-visible\">\n <span class=\"s3-takeaway-icon\" aria-hidden=\"true\">💡</span>\n <span class=\"s3-takeaway-heading\">Kernaussage</span>\n <span class=\"s3-takeaway-text\">Eine gute Website ist keine digitale Broschüre, sondern das Fundament Ihrer gesamten Online-Sichtbarkeit. Wer hier spart oder improvisiert, verliert Reichweite bei Google, KI-Systemen und echten Kunden.</span>\n </div>\n\n <!-- Links & CTA -->\n <div class=\"s3-links\">\n <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" class=\"s3-text-link\">\n <span>Website erstellen lassen</span>\n <span class=\"s3-link-arrow\" aria-hidden=\"true\">→</span>\n </a>\n <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" class=\"s3-text-link\">\n <span>Webdesign für kleine Unternehmen</span>\n <span class=\"s3-link-arrow\" aria-hidden=\"true\">→</span>\n </a>\n <a href=\"https://webdesign-cms-agentur.de/shopartikel/produkt/1288\" class=\"s3-text-link\">\n <span>Website klar strukturieren</span>\n <span class=\"s3-link-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n <div class=\"s3-cta-area\">\n <a href=\"https://webdesign-cms-agentur.de/shopartikel/produkt/1288\" class=\"s3-cta-btn\">\n <span>Website-Check buchen</span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-207f7bcf-bd92-425a-9a90-d2b099e61778');\n if (!el) return;\n\n var animEls = el.querySelectorAll('.s3-anim, .s3-q-item');\n\n if (!('IntersectionObserver' in window)) {\n for (var i = 0; i < animEls.length; i++) {\n animEls[i].classList.add('is-visible');\n }\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var items = el.querySelectorAll('.s3-q-item');\n var idx = Array.prototype.indexOf.call(items, entry.target);\n if (idx >= 0) {\n setTimeout(function() {\n entry.target.classList.add('is-visible');\n }, idx * 120);\n } else {\n entry.target.classList.add('is-visible');\n }\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n animEls.forEach(function(item) {\n observer.observe(item);\n });\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":1.9814232900000004,"total_messages_sent":2,"summarized_at_total":0}
◈
Website als Fundament
Warum Ihre Website die Grundlage für moderne Sichtbarkeit ist
Eine Website ist heute der zentrale Ort, an dem ein Unternehmen erklärt, wer es ist, was es anbietet und warum es vertrauenswürdig ist. Sie ist die Basis für SEO, lokale Sichtbarkeit, Google Profil, Inhalte, Blog, FAQ und KI-Sichtbarkeit.
Wenn wichtige Informationen auf der Website fehlen oder schlecht strukturiert sind, können Nutzer sie nicht schnell erfassen. Gleichzeitig fällt es Google und KI-Systemen schwerer, das Unternehmen richtig einzuordnen.
„Was bieten Sie an?" – Eine gute Website beantwortet nicht nur diese Frage.
Für wen ist Ihr Angebot geeignet?
Wo sind Sie tätig?
Was unterscheidet Sie von anderen?
Welche Fragen haben Ihre Kunden vor der Anfrage?
Wie kann man Kontakt aufnehmen, buchen oder kaufen?
Sichtbarkeit beginnt mit einer klaren Website-Struktur
Nutzer suchen gezielt – Ihre Website muss die Antwort liefern
Kernaussage
Eine gute Website ist keine digitale Broschüre, sondern das Fundament Ihrer gesamten Online-Sichtbarkeit. Wer hier spart oder improvisiert, verliert Reichweite bei Google, KI-Systemen und echten Kunden.
{"uuid":"863fe1f2-77b6-4391-9825-79012d781d89","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem);\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 *,\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 *::before,\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 *::after {\n box-sizing: inherit;\n }\n\n /* Variables */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 {\n --s4-radius: 12px;\n --s4-transition: 0.25s ease-out;\n --s4-gap: clamp(1.5rem, 3vw, 2.5rem);\n --s4-max-w: 960px;\n }\n\n /* Container */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-container {\n max-width: var(--s4-max-w);\n margin: 0 auto;\n }\n\n /* Badge */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n border: 1px solid var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-accent, #f69c1e);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 1.25rem;\n }\n\n /* Heading */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n max-width: 65ch;\n }\n\n /* Intro text */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin-bottom: var(--s4-gap);\n display: block;\n }\n\n /* Split layout: checklist + image */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n align-items: start;\n margin-bottom: var(--s4-gap);\n }\n\n /* Checklist label */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-list-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n margin-bottom: 1rem;\n display: block;\n }\n\n /* Checklist */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.7rem 1rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--s4-radius);\n border-left: 3px solid var(--wsw-color-accent, #f69c1e);\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n transition: transform var(--s4-transition), box-shadow var(--s4-transition);\n opacity: 0;\n transform: translateX(-16px);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li.is-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-check-icon {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n margin-top: 2px;\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li span {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.5;\n }\n\n /* Image card */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-card {\n position: relative;\n border-radius: var(--s4-radius);\n overflow: hidden;\n aspect-ratio: 3 / 4;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease-out;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-card:hover img {\n transform: scale(1.03);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 0.6rem 1rem;\n background: linear-gradient(0deg, rgba(46,46,46,0.75) 0%, transparent 100%);\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.8rem;\n font-weight: 500;\n }\n\n /* Divider */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e) 0%, transparent 100%);\n margin: var(--s4-gap) 0;\n opacity: 0.35;\n }\n\n /* Body text after divider */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n max-width: 65ch;\n margin-bottom: var(--s4-gap);\n display: block;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n transition: color var(--s4-transition), border-color var(--s4-transition);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:hover {\n color: var(--wsw-color-black, #2e2e2e);\n border-bottom-color: var(--wsw-color-black, #2e2e2e);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n border-radius: 3px;\n }\n\n /* Image row */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n margin-bottom: var(--s4-gap);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-row .s4-img-card {\n aspect-ratio: 16 / 9;\n }\n\n /* Takeaway box */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway {\n position: relative;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #e88a10);\n color: var(--wsw-color-white, #ffffff);\n border-radius: var(--s4-radius);\n padding: 1.75rem 2rem;\n overflow: hidden;\n margin-bottom: var(--s4-gap);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -10%;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: rgba(255,255,255,0.08);\n pointer-events: none;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway-icon {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway-heading {\n font-weight: 700;\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway-text {\n line-height: 1.6;\n opacity: 0.95;\n display: block;\n }\n\n /* CTA area */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-area {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n /* CTA button */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: var(--wsw-color-accent, #f69c1e);\n color: #ffffff;\n text-decoration: none;\n border-radius: var(--s4-radius);\n font-weight: 600;\n font-size: 1rem;\n letter-spacing: 0.02em;\n cursor: pointer;\n transition: transform var(--s4-transition), box-shadow var(--s4-transition), background var(--s4-transition);\n box-shadow: 0 2px 8px rgba(246,156,30,0.18);\n min-height: 48px;\n border: none;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246,156,30,0.3);\n background: #e08c14;\n cursor: pointer;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn:active {\n transform: translateY(0);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn .btn-arrow {\n transition: transform var(--s4-transition);\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn:hover .btn-arrow {\n transform: translateX(3px);\n }\n\n /* Animation base */\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-anim {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-anim.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* ========== DARK THEME OVERRIDES ========== */\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 h2,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 h2,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 h2,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-intro,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-intro,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-intro,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-intro,\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-list-label,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-list-label,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-list-label,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-list-label {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li {\n background: rgba(255,255,255,0.07);\n border-left-color: var(--wsw-color-accent, #f69c1e);\n box-shadow: none;\n }\n\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li span,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li span,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li span,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li span {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:hover,\n section.wsw-theme-db #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:hover,\n section.wsw-theme-b #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:hover,\n section.wsw-theme-bb #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:hover {\n color: var(--wsw-color-white, #ffffff);\n border-bottom-color: var(--wsw-color-white, #ffffff);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 h2,\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-list-label {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-intro,\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body {\n color: rgba(255,255,255,0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-badge {\n border-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li {\n background: rgba(255,255,255,0.15);\n border-left-color: var(--wsw-color-white, #ffffff);\n box-shadow: none;\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li span {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-check-icon {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway {\n background: var(--wsw-color-black, #2e2e2e);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-body a:hover {\n color: var(--wsw-color-black, #2e2e2e);\n border-bottom-color: var(--wsw-color-black, #2e2e2e);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 *,\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 *::before,\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-checklist li,\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-anim {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-split {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-card {\n aspect-ratio: 16 / 9;\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-img-row {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-takeaway {\n padding: 1.5rem 1.25rem;\n }\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-area {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89 .s4-cta-btn {\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89\">\n <div class=\"s4-container\">\n\n <div class=\"s4-badge\">\n <span>◈</span>\n <span>Webdesign mit Strategie</span>\n </div>\n\n <h2>Warum modernes Webdesign heute mehr ist als Gestaltung</h2>\n\n <span class=\"s4-intro\">Modernes Webdesign bedeutet nicht nur schöne Farben, passende Bilder und ein ansprechendes Layout. Eine Website muss heute strategisch aufgebaut sein. Sie soll Besucher führen, Vertrauen schaffen, Leistungen verständlich erklären und zur Anfrage motivieren.</span>\n\n <!-- Split: Checklist + Image -->\n <div class=\"s4-split s4-anim is-visible\">\n <div>\n <span class=\"s4-list-label\">Gutes Webdesign verbindet deshalb:</span>\n <ul class=\"s4-checklist\">\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Klare Seitenstruktur</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Ansprechendes Design</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Verständliche Texte</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>SEO-Grundlagen</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Mobilfreundliche Darstellung</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Schnelle Orientierung</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Interne Verlinkungen</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>FAQ-Bereiche</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Aktuelle Inhalte</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Google Profil und lokale Sichtbarkeit</span>\n </li>\n <li class=\"is-visible\">\n <svg class=\"s4-check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n <span>Einfache Kontakt- und Anfragewege</span>\n </li>\n </ul>\n </div>\n <div class=\"s4-img-card\">\n <img src=\"https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=800&q=80\" alt=\"Handwerker auf einer Baustelle – Zielgruppe für strategisches Webdesign\" loading=\"lazy\" draggable=\"false\">\n <span class=\"s4-img-caption\">Handwerk, Bau & Dienstleistung – Branchen, die von gutem Webdesign profitieren</span>\n </div>\n </div>\n\n <div class=\"s4-divider\"></div>\n\n <!-- Body text with inline link -->\n <span class=\"s4-body\">Wer eine <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\">moderne Website erstellen lassen</a> möchte, sollte deshalb nicht nur auf die Optik achten, sondern auch auf Struktur, Inhalte, SEO und Nutzerführung.</span>\n\n <!-- Image row -->\n <div class=\"s4-img-row s4-anim is-visible\">\n <div class=\"s4-img-card\">\n <img src=\"https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=800&q=80\" alt=\"Küstenlandschaft an der Nordsee – Tourismus-Region mit Potenzial für Online-Sichtbarkeit\" loading=\"lazy\" draggable=\"false\">\n <span class=\"s4-img-caption\">Tourismus & Ferienwohnungen – Sichtbarkeit für Gäste</span>\n </div>\n <div class=\"s4-img-card\">\n <img src=\"https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?w=800&q=80\" alt=\"Pferd auf einer grünen Weide – Reiterhöfe und Landwirtschaft als Zielgruppe\" loading=\"lazy\" draggable=\"false\">\n <span class=\"s4-img-caption\">Reiterhöfe & Landwirtschaft – regional sichtbar werden</span>\n </div>\n </div>\n\n <!-- Takeaway -->\n <div class=\"s4-takeaway s4-anim is-visible\">\n <span class=\"s4-takeaway-icon\" aria-hidden=\"true\">💡</span>\n <span class=\"s4-takeaway-heading\">Kernaussage</span>\n <span class=\"s4-takeaway-text\">Gerade kleine Unternehmen profitieren davon, wenn Website, Inhalte und Sichtbarkeit von Anfang an zusammen gedacht werden. Webdesign ist kein einmaliges Projekt – es ist die strategische Grundlage für langfristigen Erfolg im Netz.</span>\n </div>\n\n <!-- CTA -->\n <div class=\"s4-cta-area\">\n <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" class=\"s4-cta-btn\" draggable=\"false\">\n <span>Mehr zu Webdesign & Website-Erstellung erfahren</span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-863fe1f2-77b6-4391-9825-79012d781d89');\n if (!el) return;\n\n var animEls = el.querySelectorAll('.s4-anim, .s4-checklist li');\n\n if (!('IntersectionObserver' in window)) {\n for (var i = 0; i < animEls.length; i++) {\n animEls[i].classList.add('is-visible');\n }\n return;\n }\n\n var listItems = el.querySelectorAll('.s4-checklist li');\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(listItems, entry.target);\n if (idx >= 0) {\n setTimeout(function() {\n entry.target.classList.add('is-visible');\n }, idx * 100);\n } else {\n entry.target.classList.add('is-visible');\n }\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n animEls.forEach(function(item) {\n observer.observe(item);\n });\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.62477877,"total_messages_sent":1,"summarized_at_total":0}
◈
Webdesign mit Strategie
Warum modernes Webdesign heute mehr ist als Gestaltung
Modernes Webdesign bedeutet nicht nur schöne Farben, passende Bilder und ein ansprechendes Layout. Eine Website muss heute strategisch aufgebaut sein. Sie soll Besucher führen, Vertrauen schaffen, Leistungen verständlich erklären und zur Anfrage motivieren.
Gutes Webdesign verbindet deshalb:
- Klare Seitenstruktur
- Ansprechendes Design
- Verständliche Texte
- SEO-Grundlagen
- Mobilfreundliche Darstellung
- Schnelle Orientierung
- Interne Verlinkungen
- FAQ-Bereiche
- Aktuelle Inhalte
- Google Profil und lokale Sichtbarkeit
- Einfache Kontakt- und Anfragewege
Handwerk, Bau & Dienstleistung – Branchen, die von gutem Webdesign profitieren
Tourismus & Ferienwohnungen – Sichtbarkeit für Gäste
Reiterhöfe & Landwirtschaft – regional sichtbar werden
Kernaussage
Gerade kleine Unternehmen profitieren davon, wenn Website, Inhalte und Sichtbarkeit von Anfang an zusammen gedacht werden. Webdesign ist kein einmaliges Projekt – es ist die strategische Grundlage für langfristigen Erfolg im Netz.
{"uuid":"c882b3f3-415a-4114-8b50-40495789c714","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-c882b3f3-415a-4114-8b50-40495789c714 {\n font-family: inherit;\n box-sizing: border-box;\n padding: 4rem 1.5rem;\n background: transparent;\n overflow: hidden;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 *,\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 *::before,\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 *::after {\n box-sizing: inherit;\n }\n\n /* ---------- HEADER ---------- */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header {\n max-width: 720px;\n margin: 0 auto 3.5rem;\n text-align: center;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 0.75rem;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header .bb-accent-line {\n display: block;\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #f69c1e);\n margin: 0 auto;\n border-radius: 2px;\n }\n\n /* ---------- GRID ---------- */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n /* ---------- CARD ---------- */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card {\n position: relative;\n background: var(--wsw-color-white, #ffffff);\n border-radius: 14px;\n padding: 2rem 2rem 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow: hidden;\n transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n cursor: pointer;\n opacity: 0;\n transform: translateY(40px);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card.bb-visible {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease-out;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 36px rgba(0,0,0,0.12);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card.bb-visible:hover {\n transform: translateY(-6px);\n }\n\n /* glow accent bar top */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e), transparent);\n opacity: 0;\n transition: opacity 0.3s ease-out;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:hover::before {\n opacity: 1;\n }\n\n /* number badge */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-num {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #e8850a);\n color: var(--wsw-color-white, #ffffff);\n font-family: Asap, sans-serif;\n font-weight: 700;\n font-size: 1.25rem;\n flex-shrink: 0;\n box-shadow: 0 4px 14px rgba(246,156,30,0.3);\n }\n\n /* card heading */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card h3 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0.25rem 0 0;\n }\n\n /* card body */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card .bb-desc {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.55;\n flex-grow: 1;\n }\n\n /* text link */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n margin-top: auto;\n cursor: pointer;\n transition: gap 0.25s ease-out, color 0.25s ease-out;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:hover {\n gap: 0.6rem;\n color: var(--wsw-color-black, #2e2e2e);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n border-radius: 3px;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link .bb-arrow {\n transition: transform 0.25s ease-out;\n font-size: 1.1em;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:hover .bb-arrow {\n transform: translateX(3px);\n }\n\n /* ---------- FEATURED (5th) CARD ---------- */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured {\n background: linear-gradient(135deg, var(--wsw-color-black, #2e2e2e) 0%, #1a1a1a 100%);\n grid-column: 1 / -1;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured .bb-inner {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 1.5rem;\n align-items: start;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured .bb-content {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured h3 {\n color: var(--wsw-color-white, #ffffff);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured .bb-desc {\n color: var(--wsw-color-light, #adadab);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured .bb-num {\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #ffb347);\n box-shadow: 0 4px 20px rgba(246,156,30,0.45);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured::before {\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e) 0%, transparent 60%);\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured:hover {\n box-shadow: 0 16px 48px rgba(246,156,30,0.18), 0 8px 24px rgba(0,0,0,0.25);\n }\n\n /* ---------- STAGGER DELAYS ---------- */\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:nth-child(1) { transition-delay: 0s; }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:nth-child(2) { transition-delay: 0.1s; }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:nth-child(3) { transition-delay: 0.2s; }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:nth-child(4) { transition-delay: 0.3s; }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:nth-child(5) { transition-delay: 0.4s; }\n\n /* ---------- DARK THEME OVERRIDES ---------- */\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header h2,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header h2,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header h2,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card {\n background: rgba(255,255,255,0.06);\n box-shadow: 0 2px 12px rgba(0,0,0,0.2);\n }\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:hover,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:hover,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:hover,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card:hover {\n box-shadow: 0 12px 36px rgba(0,0,0,0.35);\n }\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card h3,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card h3,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card h3,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card .bb-desc,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card .bb-desc,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card .bb-desc,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card .bb-desc {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured {\n background: linear-gradient(135deg, rgba(246,156,30,0.12) 0%, rgba(246,156,30,0.04) 100%);\n border: 1px solid rgba(246,156,30,0.2);\n }\n section.wsw-theme-d #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:hover,\n section.wsw-theme-db #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:hover,\n section.wsw-theme-b #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:hover,\n section.wsw-theme-bb #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link:hover {\n color: var(--wsw-color-white, #fff);\n }\n\n /* ---------- ACCENT THEME ---------- */\n section.wsw-theme-a #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card {\n background: rgba(255,255,255,0.15);\n }\n section.wsw-theme-a #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card .bb-desc {\n color: rgba(255,255,255,0.85);\n }\n section.wsw-theme-a #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-link {\n color: var(--wsw-color-white, #fff);\n }\n\n /* ---------- RESPONSIVE ---------- */\n @media (max-width: 768px) {\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 {\n padding: 3rem 1rem;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card--featured .bb-inner {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card {\n padding: 1.5rem;\n }\n }\n\n /* ---------- REDUCED MOTION ---------- */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 *,\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 *::before,\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714 .bb-card {\n opacity: 1;\n transform: none;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714\">\n\n <div class=\"bb-header\">\n <h2>Die 5 Bausteine moderner Sichtbarkeit</h2>\n <span class=\"bb-accent-line\" aria-hidden=\"true\"></span>\n </div>\n\n <div class=\"bb-grid\">\n\n <!-- 1 -->\n <div class=\"bb-card bb-visible\">\n <span class=\"bb-num\" aria-hidden=\"true\">1</span>\n <h3>Eine klare Website-Struktur</h3>\n <span class=\"bb-desc\">Ihre Website sollte sofort verständlich machen, was Sie anbieten, für wen Ihr Angebot geeignet ist und warum man Ihnen vertrauen kann.</span>\n <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" class=\"bb-link\">\n <span>Website erstellen lassen</span>\n <span class=\"bb-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n <!-- 2 -->\n <div class=\"bb-card bb-visible\">\n <span class=\"bb-num\" aria-hidden=\"true\">2</span>\n <h3>SEO-Grundlagen</h3>\n <span class=\"bb-desc\">Seitentitel, Überschriften, Suchbegriffe, interne Links, Ladezeiten, Mobilfreundlichkeit und gute Inhalte bleiben wichtig.</span>\n <a href=\"https://webdesign-cms-agentur.de/seo-suchmaschinenoptimierung-website\" class=\"bb-link\">\n <span>SEO für kleine Unternehmen</span>\n <span class=\"bb-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n <!-- 3 -->\n <div class=\"bb-card bb-visible\">\n <span class=\"bb-num\" aria-hidden=\"true\">3</span>\n <h3>Hilfreiche Inhalte</h3>\n <span class=\"bb-desc\">FAQ, Blogbeiträge, Ratgeberseiten und ausführliche Leistungsseiten beantworten echte Kundenfragen und stärken die Relevanz Ihrer Website.</span>\n <a href=\"https://webdesign-cms-agentur.de/google-veraendert-sich-sichtbarkeit-kein-zufall\" class=\"bb-link\">\n <span>Impulse für bessere Online-Sichtbarkeit</span>\n <span class=\"bb-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n <!-- 4 -->\n <div class=\"bb-card bb-visible\">\n <span class=\"bb-num\" aria-hidden=\"true\">4</span>\n <h3>Google Unternehmensprofil</h3>\n <span class=\"bb-desc\">Für regionale Unternehmen ist das Google Profil oft der erste Kontaktpunkt. Es sollte vollständig, aktuell und mit der Website verbunden sein.</span>\n <a href=\"https://webdesign-cms-agentur.de/google-unternehmensprofil-sichtbarkeit-vertrauen\" class=\"bb-link\">\n <span>Google Unternehmensprofil optimieren</span>\n <span class=\"bb-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n <!-- 5 – Featured -->\n <div class=\"bb-card bb-card--featured bb-visible\">\n <div class=\"bb-inner\">\n <span class=\"bb-num\" aria-hidden=\"true\">5</span>\n <div class=\"bb-content\">\n <h3>KI- und GEO-Sichtbarkeit</h3>\n <span class=\"bb-desc\">KI-Systeme und generative Suchergebnisse brauchen klare, vollständige und gut strukturierte Informationen. Je besser Ihre Website Inhalte erklärt, desto leichter können sie eingeordnet werden.</span>\n <a href=\"https://webdesign-cms-agentur.de/seo-suchmaschinenoptimierung-website\" class=\"bb-link\">\n <span>KI-Sichtbarkeit verbessern</span>\n <span class=\"bb-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n </div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n const el = document.getElementById('wsw-snippet-c882b3f3-415a-4114-8b50-40495789c714');\n if (!el) return;\n\n const cards = el.querySelectorAll('.bb-card');\n if (!cards.length) return;\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('bb-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n cards.forEach(function(card) {\n observer.observe(card);\n });\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":1.39949656,"total_messages_sent":3,"summarized_at_total":0}
Die 5 Bausteine moderner Sichtbarkeit
Eine klare Website-Struktur
Ihre Website sollte sofort verständlich machen, was Sie anbieten, für wen Ihr Angebot geeignet ist und warum man Ihnen vertrauen kann. Website erstellen lassenSEO-Grundlagen
Seitentitel, Überschriften, Suchbegriffe, interne Links, Ladezeiten, Mobilfreundlichkeit und gute Inhalte bleiben wichtig. SEO für kleine UnternehmenHilfreiche Inhalte
FAQ, Blogbeiträge, Ratgeberseiten und ausführliche Leistungsseiten beantworten echte Kundenfragen und stärken die Relevanz Ihrer Website. Impulse für bessere Online-SichtbarkeitGoogle Unternehmensprofil
Für regionale Unternehmen ist das Google Profil oft der erste Kontaktpunkt. Es sollte vollständig, aktuell und mit der Website verbunden sein. Google Unternehmensprofil optimierenKI- und GEO-Sichtbarkeit
KI-Systeme und generative Suchergebnisse brauchen klare, vollständige und gut strukturierte Informationen. Je besser Ihre Website Inhalte erklärt, desto leichter können sie eingeordnet werden. KI-Sichtbarkeit verbessern{"uuid":"65b3bed2-7dd0-47b8-82f0-7403073bdd9e","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-65b3bed2-7dd0-47b8-82f0-7403073bdd9e {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e *,\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e *::before,\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e *::after {\n box-sizing: inherit;\n }\n\n /* layout */\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-wrap {\n display: flex;\n align-items: flex-start;\n gap: 3rem;\n max-width: 1120px;\n margin: 0 auto;\n padding: 3.5rem 1.5rem;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-text {\n flex: 1 1 55%;\n min-width: 0;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-image {\n flex: 0 1 42%;\n min-width: 0;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 12px;\n }\n\n /* heading */\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 2rem 0;\n line-height: 1.15;\n }\n\n /* term blocks */\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term {\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term-label {\n display: inline-block;\n font-family: inherit;\n font-weight: 700;\n color: var(--wsw-color-accent, #f69c1e);\n margin-bottom: 0.35rem;\n font-size: 1.15rem;\n letter-spacing: 0.02em;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term span {\n display: block;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.55;\n }\n\n /* links area */\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-links {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem 1.5rem;\n margin-top: 2rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(0,0,0,0.08);\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n text-decoration: none;\n color: var(--wsw-color-accent, #f69c1e);\n font-weight: 600;\n cursor: pointer;\n transition: color 0.2s ease-out, transform 0.2s ease-out;\n font-size: 1.05rem;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n transform: translateX(3px);\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n border-radius: 3px;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link-arrow {\n font-size: 1.15em;\n transition: transform 0.2s ease-out;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover .seo-link-arrow {\n transform: translateX(3px);\n }\n\n /* dark / black themes */\n section.wsw-theme-d #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e h2,\n section.wsw-theme-db #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e h2,\n section.wsw-theme-b #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e h2,\n section.wsw-theme-bb #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term span,\n section.wsw-theme-db #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term span,\n section.wsw-theme-b #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term span,\n section.wsw-theme-bb #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term span {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover,\n section.wsw-theme-db #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover,\n section.wsw-theme-b #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover,\n section.wsw-theme-bb #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-links,\n section.wsw-theme-db #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-links,\n section.wsw-theme-b #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-links,\n section.wsw-theme-bb #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-links {\n border-top-color: rgba(255,255,255,0.12);\n }\n\n /* accent theme */\n section.wsw-theme-a #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term span {\n color: var(--wsw-color-white, #fff);\n opacity: 0.88;\n }\n section.wsw-theme-a #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-term-label {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n }\n section.wsw-theme-a #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-links {\n border-top-color: rgba(255,255,255,0.25);\n }\n\n /* reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e *,\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e *::before,\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e *::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-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-wrap {\n flex-direction: column;\n gap: 2rem;\n padding: 2.5rem 1.25rem;\n }\n #wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e .seo-image {\n order: -1;\n max-width: 420px;\n margin: 0 auto;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-65b3bed2-7dd0-47b8-82f0-7403073bdd9e\">\n <div class=\"seo-wrap\">\n\n <div class=\"seo-text\">\n <h2><div><br></div><div><br></div>SEO, GEO und KI-Sichtbarkeit – <div>was bedeutet das eigentlich?</div></h2>\n\n <div class=\"seo-term\">\n <span class=\"seo-term-label\">SEO – Suchmaschinenoptimierung</span>\n <span>SEO bedeutet Suchmaschinenoptimierung. Dabei geht es darum, dass Ihre Website bei Google besser gefunden wird – zum Beispiel über passende Suchbegriffe, gute Seitentitel, klare Überschriften, hilfreiche Inhalte und technische Grundlagen.</span>\n </div>\n\n <div class=\"seo-term\">\n <span class=\"seo-term-label\">GEO – Generative Engine Optimization</span>\n <span>GEO steht für Generative Engine Optimization. Gemeint ist die Optimierung von Inhalten für KI-gestützte Suchsysteme und Antwortmaschinen. Dabei wird wichtiger, dass Informationen eindeutig, gut strukturiert und vertrauenswürdig aufbereitet sind.</span>\n </div>\n\n <div class=\"seo-term\">\n <span class=\"seo-term-label\">KI-Sichtbarkeit</span>\n <span>KI-Sichtbarkeit bedeutet, dass Ihr Unternehmen auch in einer veränderten Suche erkennbar bleibt: mit klaren Leistungen, verständlichen Antworten, lokalen Informationen, Bewertungen, Expertise und hilfreichen Inhalten.</span>\n </div>\n\n <div class=\"seo-links\">\n <a href=\"https://webdesign-cms-agentur.de/seo-suchmaschinenoptimierung-website\" class=\"seo-link\" draggable=\"false\">\n <span>Website für Google optimieren</span>\n <span class=\"seo-link-arrow\">→</span>\n </a>\n <a href=\"https://webdesign-cms-agentur.de/google-unternehmensprofil-vollstaendig\" class=\"seo-link\" draggable=\"false\">\n <span>Google Profil professionell pflegen</span>\n <span class=\"seo-link-arrow\">→</span>\n </a>\n </div>\n </div>\n\n <div class=\"seo-image\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.38/seo-geo-ki-sichtbarkeit-einfach-erklaert.webp?_2696149\" alt=\"Infografik erklärt SEO, GEO und KI-Sichtbarkeit mit Website, Suchergebnis und KI-Antwort als Grundlage moderner Online-Sichtbarkeit\" loading=\"lazy\" draggable=\"false\">\n </div>\n\n </div>\n</div>","summary":null,"version":2,"inserted_version":2,"total_cost":0.7276808,"total_messages_sent":2,"summarized_at_total":0}
SEO, GEO und KI-Sichtbarkeit – was bedeutet das eigentlich?
SEO – Suchmaschinenoptimierung
SEO bedeutet Suchmaschinenoptimierung. Dabei geht es darum, dass Ihre Website bei Google besser gefunden wird – zum Beispiel über passende Suchbegriffe, gute Seitentitel, klare Überschriften, hilfreiche Inhalte und technische Grundlagen.
GEO – Generative Engine Optimization
GEO steht für Generative Engine Optimization. Gemeint ist die Optimierung von Inhalten für KI-gestützte Suchsysteme und Antwortmaschinen. Dabei wird wichtiger, dass Informationen eindeutig, gut strukturiert und vertrauenswürdig aufbereitet sind.
KI-Sichtbarkeit
KI-Sichtbarkeit bedeutet, dass Ihr Unternehmen auch in einer veränderten Suche erkennbar bleibt: mit klaren Leistungen, verständlichen Antworten, lokalen Informationen, Bewertungen, Expertise und hilfreichen Inhalten.
{"uuid":"1be4207d-d198-4428-89f0-b4f330b30ea1","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-1be4207d-d198-4428-89f0-b4f330b30ea1 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n --snippet-radius: 12px;\n --snippet-transition: 0.3s ease-out;\n }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 *,\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 *::before,\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-wrapper {\n max-width: 1100px;\n margin: 0 auto;\n padding: 4rem 1.5rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header {\n max-width: 720px;\n margin: 0 auto 3rem;\n text-align: center;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header .s7-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n /* Checklist grid */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0;\n position: relative;\n margin-bottom: 3rem;\n }\n\n /* Grid lines */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 1px;\n background: linear-gradient(to bottom, transparent, var(--wsw-color-accent, #f69c1e) 20%, var(--wsw-color-accent, #f69c1e) 80%, transparent);\n opacity: 0.25;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item {\n padding: 1.5rem 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n position: relative;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item.s7-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* Stagger effect via nth-child delay */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(1) { transition-delay: 0s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(2) { transition-delay: 0.07s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(3) { transition-delay: 0.14s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(4) { transition-delay: 0.21s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(5) { transition-delay: 0.28s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(6) { transition-delay: 0.35s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(7) { transition-delay: 0.42s; }\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(8) { transition-delay: 0.49s; }\n\n /* Horizontal separator lines */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+3) {\n border-top: 1px solid rgba(0,0,0,0.06);\n }\n\n /* Check icon */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-check {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #f7b34d);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wsw-color-white, #fff);\n font-size: 0.85rem;\n font-weight: 700;\n margin-top: 2px;\n box-shadow: 0 2px 8px rgba(246, 156, 30, 0.3);\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:hover .s7-check {\n transform: scale(1.15) rotate(5deg);\n box-shadow: 0 4px 14px rgba(246, 156, 30, 0.45);\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.55;\n }\n\n /* Zusammenspiel callout */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout {\n background: linear-gradient(135deg, rgba(246,156,30,0.06) 0%, rgba(246,156,30,0.12) 100%);\n border-left: 4px solid var(--wsw-color-accent, #f69c1e);\n border-radius: 0 var(--snippet-radius) var(--snippet-radius) 0;\n padding: 1.75rem 2rem;\n margin-bottom: 3rem;\n max-width: 860px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0;\n transform: translateX(-20px);\n transition: opacity 0.6s ease-out 0.5s, transform 0.6s ease-out 0.5s;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout.s7-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-label {\n display: inline-block;\n font-weight: 700;\n color: var(--wsw-color-accent, #f69c1e);\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 0.8rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.65;\n }\n\n /* CTA links */\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-links {\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n justify-content: center;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.5s ease-out 0.7s, transform 0.5s ease-out 0.7s;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-links.s7-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n padding: 0.75rem 1.5rem;\n border: 2px solid var(--wsw-color-accent, #f69c1e);\n border-radius: 50px;\n transition: background var(--snippet-transition), color var(--snippet-transition), transform var(--snippet-transition), box-shadow var(--snippet-transition);\n cursor: pointer;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link:hover,\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link:focus-visible {\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #fff);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246,156,30,0.35);\n outline: none;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link-arrow {\n transition: transform var(--snippet-transition);\n font-size: 1.1em;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link:hover .s7-link-arrow {\n transform: translateX(4px);\n }\n\n /* Dark / black themes */\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header h2,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header h2,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header h2,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header .s7-intro,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header .s7-intro,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header .s7-intro,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header .s7-intro {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-text,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-text,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-text,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-text {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+3),\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+3),\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+3),\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+3) {\n border-top-color: rgba(255,255,255,0.08);\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before {\n opacity: 0.35;\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout {\n background: linear-gradient(135deg, rgba(246,156,30,0.08) 0%, rgba(246,156,30,0.16) 100%);\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-text,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-text,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-text,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-text {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link,\n section.wsw-theme-db #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link,\n section.wsw-theme-b #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link,\n section.wsw-theme-bb #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link {\n color: var(--wsw-color-accent, #f69c1e);\n border-color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header h2,\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-text,\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-text {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-header .s7-intro {\n color: rgba(255,255,255,0.85);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-check {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout {\n background: rgba(255,255,255,0.12);\n border-left-color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before {\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0.3) 80%, transparent);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+3) {\n border-top-color: rgba(255,255,255,0.12);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link {\n color: var(--wsw-color-white, #fff);\n border-color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link:hover,\n section.wsw-theme-a #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link:focus-visible {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-wrapper {\n padding: 3rem 1.25rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid {\n grid-template-columns: 1fr;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-grid::before {\n display: none;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item {\n padding: 1.25rem 0.5rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-item:nth-child(n+2) {\n border-top: 1px solid rgba(0,0,0,0.06);\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-callout {\n padding: 1.25rem 1.5rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-links {\n flex-direction: column;\n align-items: stretch;\n gap: 1rem;\n }\n\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 .s7-link {\n justify-content: center;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 *,\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 *::before,\n #wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1\">\n <div class=\"s7-wrapper\">\n\n <div class=\"s7-header\">\n <h2>Was eine gute Website heute leisten muss</h2>\n <span class=\"s7-intro\">Eine gute Website sieht nicht nur schön aus. Sie arbeitet für Ihr Unternehmen.</span>\n </div>\n\n <div class=\"s7-grid\">\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie schafft Vertrauen.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie erklärt Leistungen verständlich.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie beantwortet häufige Fragen.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie zeigt, für wen das Angebot passt.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie macht Kontaktaufnahme leicht.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie ist mobil gut nutzbar.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie unterstützt Google, SEO und lokale Sichtbarkeit.</span>\n </div>\n <div class=\"s7-item s7-visible\">\n <span class=\"s7-check\">✓</span>\n <span class=\"s7-text\">Sie lässt sich regelmäßig erweitern und pflegen.</span>\n </div>\n </div>\n\n <div class=\"s7-callout\">\n <span class=\"s7-callout-label\">Besonders wichtig</span>\n <span class=\"s7-callout-text\">Die Website sollte nicht isoliert betrachtet werden. Sie wirkt zusammen mit dem Google Unternehmensprofil, Bewertungen, Blogbeiträgen, FAQ, Social Media, Newslettern und anderen digitalen Kontaktpunkten.</span>\n </div>\n\n <div class=\"s7-links\">\n <a href=\"https://webdesign-cms-agentur.de/website-check-analyse\" class=\"s7-link\">\n <span>Website-Check für Sichtbarkeit und Struktur</span>\n <span class=\"s7-link-arrow\">→</span>\n </a>\n <a href=\"https://webdesign-cms-agentur.de/website-coaching\" class=\"s7-link\">\n <span>Website selbst pflegen lernen</span>\n <span class=\"s7-link-arrow\">→</span>\n </a>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-1be4207d-d198-4428-89f0-b4f330b30ea1');\n if (!el) return;\n\n var targets = el.querySelectorAll('.s7-item, .s7-callout, .s7-links');\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('s7-visible'); });\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('s7-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n targets.forEach(function(t) { observer.observe(t); });\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.46489135000000004,"total_messages_sent":1,"summarized_at_total":0}
Was eine gute Website heute leisten muss
Eine gute Website sieht nicht nur schön aus. Sie arbeitet für Ihr Unternehmen.
✓
Sie schafft Vertrauen.
✓
Sie erklärt Leistungen verständlich.
✓
Sie beantwortet häufige Fragen.
✓
Sie zeigt, für wen das Angebot passt.
✓
Sie macht Kontaktaufnahme leicht.
✓
Sie ist mobil gut nutzbar.
✓
Sie unterstützt Google, SEO und lokale Sichtbarkeit.
✓
Sie lässt sich regelmäßig erweitern und pflegen.
Besonders wichtig
Die Website sollte nicht isoliert betrachtet werden. Sie wirkt zusammen mit dem Google Unternehmensprofil, Bewertungen, Blogbeiträgen, FAQ, Social Media, Newslettern und anderen digitalen Kontaktpunkten.
{"uuid":"425e18b6-f028-4a15-9c73-835251801f13","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-425e18b6-f028-4a15-9c73-835251801f13 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem);\n position: relative;\n }\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 *,\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 *::before,\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 *::after {\n box-sizing: inherit;\n }\n\n /* CSS texture overlay */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13::before {\n content: '';\n position: absolute;\n inset: 0;\n pointer-events: none;\n opacity: 0.028;\n background-image:\n repeating-linear-gradient(\n -45deg,\n var(--wsw-color-black, #2e2e2e) 0px,\n var(--wsw-color-black, #2e2e2e) 1px,\n transparent 1px,\n transparent 12px\n );\n z-index: 0;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-container {\n position: relative;\n z-index: 1;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 {\n --s8-radius: 12px;\n --s8-transition: 0.25s ease-out;\n --s8-gap: clamp(1.5rem, 3vw, 2.5rem);\n --s8-max-w: 960px;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-container {\n max-width: var(--s8-max-w);\n margin: 0 auto;\n }\n\n /* Badge */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n border: 1px solid var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-accent, #f69c1e);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 1.25rem;\n }\n\n /* Heading */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n max-width: 65ch;\n }\n\n /* Intro text */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin-bottom: 1rem;\n display: block;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n margin-bottom: 1rem;\n display: block;\n }\n\n /* Problem list */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.6rem;\n margin-bottom: var(--s8-gap);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.85rem 1.15rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--s8-radius);\n border-left: 3px solid #d94f4f;\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n transition: transform var(--s8-transition), box-shadow var(--s8-transition);\n opacity: 0;\n transform: translateX(-16px);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item.is-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n color: #d94f4f;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.5;\n }\n\n /* Divider */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e) 0%, transparent 100%);\n margin: var(--s8-gap) 0;\n opacity: 0.35;\n }\n\n /* CTA area */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-area {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1.5rem;\n margin-bottom: var(--s8-gap);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: var(--wsw-color-accent, #f69c1e);\n color: #ffffff;\n text-decoration: none;\n border-radius: var(--s8-radius);\n font-weight: 600;\n font-size: 1rem;\n letter-spacing: 0.02em;\n cursor: pointer;\n transition: transform var(--s8-transition), box-shadow var(--s8-transition), background var(--s8-transition);\n box-shadow: 0 2px 8px rgba(246,156,30,0.18);\n min-height: 48px;\n border: none;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246,156,30,0.3);\n background: #e08c14;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn:active {\n transform: translateY(0);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn .btn-arrow {\n transition: transform var(--s8-transition);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn:hover .btn-arrow {\n transform: translateX(3px);\n }\n\n /* Link block */\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block {\n background: linear-gradient(135deg, rgba(246,156,30,0.06) 0%, rgba(246,156,30,0.12) 100%);\n border-left: 4px solid var(--wsw-color-accent, #f69c1e);\n border-radius: 0 var(--s8-radius) var(--s8-radius) 0;\n padding: 1.5rem 2rem;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block .s8-link-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.65;\n max-width: 65ch;\n margin-bottom: 0.75rem;\n display: block;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n cursor: pointer;\n transition: color var(--s8-transition), gap var(--s8-transition);\n min-height: 44px;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n gap: 0.65rem;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n border-radius: 3px;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link .s8-link-arrow {\n transition: transform var(--s8-transition);\n font-size: 1.1em;\n }\n\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover .s8-link-arrow {\n transform: translateX(3px);\n }\n\n /* ========== DARK THEME ========== */\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13::before,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13::before,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13::before,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13::before {\n background-image:\n repeating-linear-gradient(\n -45deg,\n var(--wsw-color-white, #fff) 0px,\n var(--wsw-color-white, #fff) 1px,\n transparent 1px,\n transparent 12px\n );\n opacity: 0.04;\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 h2,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 h2,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 h2,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro-label,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro-label,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro-label,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item {\n background: rgba(255,255,255,0.07);\n box-shadow: none;\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-text,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-text,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-text,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-text {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block {\n background: linear-gradient(135deg, rgba(246,156,30,0.08) 0%, rgba(246,156,30,0.16) 100%);\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block .s8-link-text,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block .s8-link-text,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block .s8-link-text,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block .s8-link-text {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover,\n section.wsw-theme-db #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover,\n section.wsw-theme-b #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover,\n section.wsw-theme-bb #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover {\n color: var(--wsw-color-white, #fff);\n }\n\n /* ========== ACCENT THEME ========== */\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13::before {\n background-image:\n repeating-linear-gradient(\n -45deg,\n var(--wsw-color-white, #fff) 0px,\n var(--wsw-color-white, #fff) 1px,\n transparent 1px,\n transparent 12px\n );\n opacity: 0.06;\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 h2,\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-intro {\n color: rgba(255,255,255,0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-badge {\n border-color: var(--wsw-color-white, #fff);\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item {\n background: rgba(255,255,255,0.15);\n border-left-color: rgba(255,255,255,0.6);\n box-shadow: none;\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-text {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-icon {\n color: rgba(255,255,255,0.7);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block {\n background: rgba(255,255,255,0.12);\n border-left-color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block .s8-link-text {\n color: rgba(255,255,255,0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-text-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n section.wsw-theme-a #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn:hover {\n background: var(--wsw-color-black, #2e2e2e);\n color: var(--wsw-color-white, #fff);\n }\n\n /* ========== REDUCED MOTION ========== */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 *,\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 *::before,\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-item,\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* ========== RESPONSIVE ========== */\n @media (max-width: 768px) {\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-problem-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-link-block {\n padding: 1.25rem 1.25rem;\n }\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-area {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13 .s8-cta-btn {\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13\">\n <div class=\"s8-container\">\n\n <div class=\"s8-badge\">\n <span>◈</span>\n <span>Typische Schwachstellen</span>\n </div>\n\n <h2>Woran viele Websites heute scheitern</h2>\n\n <span class=\"s8-intro\">Viele Websites sind zwar online, aber sie entfalten nicht ihr volles Potenzial.</span>\n <span class=\"s8-intro-label\">Typische Probleme sind:</span>\n\n <div class=\"s8-problem-grid\">\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Die Website wirkt veraltet.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Die Leistungen sind nicht klar genug erklärt.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Die Startseite beantwortet zu wenige Fragen.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Es fehlen Suchbegriffe und SEO-Grundlagen.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Die Website ist mobil nicht angenehm nutzbar.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Kontaktmöglichkeiten sind nicht deutlich genug.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Es gibt keine FAQ oder aktuellen Inhalte.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Bilder sind nicht sinnvoll benannt.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Interne Verlinkungen fehlen.</span>\n </div>\n <div class=\"s8-problem-item is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Das Google Unternehmensprofil passt nicht zur Website.</span>\n </div>\n <div class=\"s8-problem-item s8-problem-item--highlight is-visible\">\n <svg class=\"s8-problem-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 class=\"s8-problem-text\">Es kommen zu wenig Anfragen.</span>\n </div>\n </div>\n\n <div class=\"s8-divider\"></div>\n\n <!-- CTA -->\n <div class=\"s8-cta-area\">\n <a href=\"https://webdesign-cms-agentur.de/shopartikel/produkt/1288\" class=\"s8-cta-btn\" draggable=\"false\">\n <span>Potenziale Ihrer Website erkennen → Website-Check</span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n <!-- Link block -->\n <div class=\"s8-link-block is-visible\">\n <span class=\"s8-link-text\">Mit einem Website-Check für Sichtbarkeit und Struktur lässt sich erkennen, wo Ihre Website bereits gut aufgestellt ist und wo sie Potenzial verschenkt.</span>\n <a href=\"https://webdesign-cms-agentur.de/website-check-analyse\" class=\"s8-text-link\" draggable=\"false\">\n <span>Website-Check</span>\n <span class=\"s8-link-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-425e18b6-f028-4a15-9c73-835251801f13');\n if (!el) return;\n\n var items = el.querySelectorAll('.s8-problem-item, .s8-link-block');\n if (!items.length) return;\n\n if (!('IntersectionObserver' in window)) {\n for (var i = 0; i < items.length; i++) {\n items[i].classList.add('is-visible');\n }\n return;\n }\n\n var problemItems = el.querySelectorAll('.s8-problem-item');\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(problemItems, entry.target);\n if (idx >= 0) {\n setTimeout(function() {\n entry.target.classList.add('is-visible');\n }, idx * 100);\n } else {\n entry.target.classList.add('is-visible');\n }\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n items.forEach(function(item) {\n observer.observe(item);\n });\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":1.5914660300000003,"total_messages_sent":3,"summarized_at_total":0}
◈
Typische Schwachstellen
Woran viele Websites heute scheitern
Viele Websites sind zwar online, aber sie entfalten nicht ihr volles Potenzial. Typische Probleme sind:
Die Website wirkt veraltet.
Die Leistungen sind nicht klar genug erklärt.
Die Startseite beantwortet zu wenige Fragen.
Es fehlen Suchbegriffe und SEO-Grundlagen.
Die Website ist mobil nicht angenehm nutzbar.
Kontaktmöglichkeiten sind nicht deutlich genug.
Es gibt keine FAQ oder aktuellen Inhalte.
Bilder sind nicht sinnvoll benannt.
Interne Verlinkungen fehlen.
Das Google Unternehmensprofil passt nicht zur Website.
Es kommen zu wenig Anfragen.
Mit einem Website-Check für Sichtbarkeit und Struktur lässt sich erkennen, wo Ihre Website bereits gut aufgestellt ist und wo sie Potenzial verschenkt.
Website-Check