sichtbar-werden-ki-zeitalter-sprachsuche-familie-header

{"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 \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 \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}

Modernes Dashboard mit Datenvisualisierung und Analytics – Sinnbild für digitale Sichtbarkeit

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.

Website-Sichtbarkeit prüfen lassen

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?"

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.

Sprachsuche Google Maps Unternehmensprofile Bewertungen KI-Antworten Empfehlungen

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.

SEO für kleine Unternehmen Google Unternehmensprofil optimieren

{"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 \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 \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 \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 \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 \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.

Moderne Website-Struktur auf einem Laptop – klare Nutzerführung und professionelles Webdesign

Sondern auch:

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?

Unternehmer prüft Website-Sichtbarkeit und Google-Ergebnisse auf einem Tablet

Sichtbarkeit beginnt mit einer klaren Website-Struktur

Lokale Suche auf dem Smartphone – so finden Kunden Ihr Unternehmen

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.

Website erstellen lassen Webdesign für kleine Unternehmen Website klar strukturieren

Website-Check buchen

{"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 \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 \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 \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 \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 \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

Handwerker auf einer Baustelle – Zielgruppe für strategisches Webdesign

Handwerk, Bau & Dienstleistung – Branchen, die von gutem Webdesign profitieren

Wer eine moderne Website erstellen lassen möchte, sollte deshalb nicht nur auf die Optik achten, sondern auch auf Struktur, Inhalte, SEO und Nutzerführung.

Küstenlandschaft an der Nordsee – Tourismus-Region mit Potenzial für Online-Sichtbarkeit

Tourismus & Ferienwohnungen – Sichtbarkeit für Gäste

Pferd auf einer grünen Weide – Reiterhöfe und Landwirtschaft als Zielgruppe

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.

Mehr zu Webdesign & Website-Erstellung erfahren

5-bausteine-moderner-online-sichtbarkeit

{"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 \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 \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 \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 \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 \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 lassen

SEO-Grundlagen

Seitentitel, Überschriften, Suchbegriffe, interne Links, Ladezeiten, Mobilfreundlichkeit und gute Inhalte bleiben wichtig. SEO für kleine Unternehmen

Hilfreiche Inhalte

FAQ, Blogbeiträge, Ratgeberseiten und ausführliche Leistungsseiten beantworten echte Kundenfragen und stärken die Relevanz Ihrer Website. Impulse für bessere Online-Sichtbarkeit

Google 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 optimieren

KI- 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.

Website für Google optimieren → Google Profil professionell pflegen →

Infografik erklärt SEO, GEO und KI-Sichtbarkeit mit Website, Suchergebnis und KI-Antwort als Grundlage moderner Online-Sichtbarkeit

{"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 s7-visible\">\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 s7-visible\">\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.

Website-Check für Sichtbarkeit und Struktur → Website selbst pflegen lernen →

{"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 \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 \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.

Potenziale Ihrer Website erkennen → Website-Check

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

{"uuid":"73774de6-f3fe-43a1-aa96-58de0b8c9344","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-73774de6-f3fe-43a1-aa96-58de0b8c9344 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 *,\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 *::before,\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 *::after {\n box-sizing: inherit;\n }\n\n /* Variables */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 {\n --s9-radius: 12px;\n --s9-transition: 0.25s ease-out;\n --s9-gap: 1.25rem;\n }\n\n /* Tag */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--wsw-color-accent, #f69c1e);\n margin-bottom: 1rem;\n }\n\n /* Header */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header {\n max-width: 860px;\n margin: 0 auto 2.5rem;\n text-align: center;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header .s9-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n /* Grid 5 columns */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: var(--s9-gap);\n max-width: 1320px;\n margin: 0 auto;\n }\n\n /* Card */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card {\n position: relative;\n border-radius: var(--s9-radius);\n overflow: hidden;\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(0,0,0,0.06);\n transition: transform var(--s9-transition), box-shadow var(--s9-transition);\n display: flex;\n flex-direction: column;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.1);\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card:focus-within {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 2px;\n }\n\n /* Image */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-img {\n position: relative;\n width: 100%;\n aspect-ratio: 16 / 10;\n overflow: hidden;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease-out;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card:hover .s9-card-img img {\n transform: scale(1.05);\n }\n\n /* Number badge */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-num {\n position: absolute;\n top: 0.5rem;\n left: 0.5rem;\n width: 1.75rem;\n height: 1.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.75rem;\n font-weight: 700;\n border-radius: 50%;\n z-index: 2;\n }\n\n /* Content */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body {\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex: 1;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-icon {\n font-size: 1.4rem;\n line-height: 1;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body h4 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0;\n line-height: 1.2;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body .s9-desc {\n color: var(--wsw-color-dark, #626262);\n font-size: 0.9rem;\n line-height: 1.5;\n margin: 0;\n }\n\n /* Bottom section */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-bottom {\n max-width: 860px;\n margin: 2.5rem auto 0;\n text-align: center;\n }\n\n /* Highlight box */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight {\n background: linear-gradient(135deg, rgba(246,156,30,0.08), rgba(246,156,30,0.03));\n border-left: 4px solid var(--wsw-color-accent, #f69c1e);\n border-radius: 0 var(--s9-radius) var(--s9-radius) 0;\n padding: 1.25rem 1.5rem;\n margin-bottom: 2rem;\n text-align: left;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight .s9-hl-icon {\n font-size: 1.1rem;\n margin-right: 0.3rem;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight span {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.6;\n }\n\n /* CTA */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.85rem 2rem;\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n text-decoration: none;\n border-radius: var(--s9-radius);\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 500;\n text-transform: uppercase;\n font-size: 0.95rem;\n letter-spacing: 0.04em;\n transition: transform var(--s9-transition), box-shadow var(--s9-transition);\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246,156,30,0.35);\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-cta:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-cta .s9-arrow {\n transition: transform 0.2s ease-out;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-cta:hover .s9-arrow {\n transform: translateX(3px);\n }\n\n /* Inline link */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.6;\n max-width: 65ch;\n margin: 0 auto;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: underline;\n text-underline-offset: 3px;\n font-weight: 600;\n transition: color var(--s9-transition);\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text a:hover {\n color: var(--wsw-color-black, #2e2e2e);\n }\n\n /* Dark/black theme */\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header h2,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header h2,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header h2,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header .s9-intro,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header .s9-intro,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header .s9-intro,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header .s9-intro {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card {\n background: rgba(255,255,255,0.06);\n border-color: rgba(255,255,255,0.1);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body h4,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body h4,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body h4,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body h4 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body .s9-desc,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body .s9-desc,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body .s9-desc,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card-body .s9-desc {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight {\n background: rgba(246,156,30,0.1);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight span,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight span,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight span,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight span {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text,\n section.wsw-theme-db #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text,\n section.wsw-theme-b #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text,\n section.wsw-theme-bb #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-inline-text {\n color: var(--wsw-color-light, #adadab);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-tag {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-num {\n background: var(--wsw-color-black, #2e2e2e);\n }\n section.wsw-theme-a #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-cta {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Responsive 3 columns */\n @media (max-width: 1100px) {\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n /* Responsive 2 columns */\n @media (max-width: 768px) {\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-highlight {\n padding: 1rem;\n }\n }\n /* Responsive 1 column */\n @media (max-width: 480px) {\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-grid {\n grid-template-columns: 1fr;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 *,\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 *::before,\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* Entrance animation */\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card {\n opacity: 0;\n transform: translateY(24px);\n }\n #wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344 .s9-card.s9-visible {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n</style>\n\n<div id=\"wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344\">\n <div class=\"s9-header\">\n <span class=\"s9-tag\"><span>◈</span> <span>Relaunch-Check</span></span>\n <h2>Wann ein Website-Relaunch sinnvoll ist</h2>\n <span class=\"s9-intro\">Nicht jede Website muss sofort komplett neu erstellt werden. Manchmal reichen gezielte Verbesserungen. Ein Relaunch ist aber sinnvoll, wenn die Website nicht mehr zum Unternehmen, zur Zielgruppe oder zum heutigen Suchverhalten passt.</span>\n </div>\n\n <div class=\"s9-grid\">\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">1</span>\n <img src=\"https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=640&q=80\" alt=\"Veraltetes Webdesign auf einem Laptop-Bildschirm\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">🎨</span>\n <h4>Veraltetes Design</h4>\n <span class=\"s9-desc\">Die Website wirkt optisch veraltet und entspricht nicht mehr aktuellen Standards.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">2</span>\n <img src=\"https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=640&q=80\" alt=\"Veraltete Inhalte auf einer Website überprüfen\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">📝</span>\n <h4>Veraltete Inhalte</h4>\n <span class=\"s9-desc\">Die Inhalte sind nicht mehr aktuell und spiegeln das Angebot nicht korrekt wider.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">3</span>\n <img src=\"https://images.unsplash.com/photo-1552664730-d307ca884978?w=640&q=80\" alt=\"Fehlende Leistungen auf der Website\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">🔧</span>\n <h4>Fehlende Leistungen</h4>\n <span class=\"s9-desc\">Wichtige Angebote und Leistungen werden auf der Website nicht dargestellt.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">4</span>\n <img src=\"https://images.unsplash.com/photo-1553877522-43269d4ea984?w=640&q=80\" alt=\"Zu wenig Anfragen über die Website\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">📉</span>\n <h4>Zu wenig Anfragen</h4>\n <span class=\"s9-desc\">Die Seite bringt kaum Anfragen, obwohl das Unternehmen aktiv ist.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">5</span>\n <img src=\"https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=640&q=80\" alt=\"Schlechte mobile Darstellung einer Website\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">📱</span>\n <h4>Schwache Mobildarstellung</h4>\n <span class=\"s9-desc\">Die mobile Darstellung überzeugt nicht und vertreibt potenzielle Kunden.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">6</span>\n <img src=\"https://images.unsplash.com/photo-1432888498266-38ffec3eaf0a?w=640&q=80\" alt=\"Website wird bei Google schlecht gefunden\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">🔍</span>\n <h4>Schlechte Google-Sichtbarkeit</h4>\n <span class=\"s9-desc\">Die Website wird bei Google schlecht gefunden und verliert Reichweite.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">7</span>\n <img src=\"https://images.unsplash.com/photo-1507925921958-8a62f3d1a50d?w=640&q=80\" alt=\"Unübersichtliche Website-Struktur\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">🗂️</span>\n <h4>Unübersichtliche Struktur</h4>\n <span class=\"s9-desc\">Die Seitenstruktur ist verwirrend und Besucher finden sich nicht zurecht.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">8</span>\n <img src=\"https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=640&q=80\" alt=\"Google Profil und Website passen nicht zusammen\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">🔗</span>\n <h4>Profil-Website-Mismatch</h4>\n <span class=\"s9-desc\">Das Google Unternehmensprofil und die Website passen nicht zusammen.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">9</span>\n <img src=\"https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=640&q=80\" alt=\"Fehlende FAQ- und Blog-Inhalte\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">❓</span>\n <h4>Keine FAQ oder Blog-Inhalte</h4>\n <span class=\"s9-desc\">FAQ, Blog oder hilfreiche Inhalte fehlen – Kundenfragen bleiben unbeantwortet.</span>\n </div>\n </div>\n\n \n <div class=\"s9-card s9-visible\">\n <div class=\"s9-card-img\">\n <span class=\"s9-num\">10</span>\n <img src=\"https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=640&q=80\" alt=\"Website ist schwer selbst zu pflegen\" loading=\"lazy\">\n </div>\n <div class=\"s9-card-body\">\n <span class=\"s9-icon\">⚙️</span>\n <h4>Schwer zu pflegen</h4>\n <span class=\"s9-desc\">Die Website lässt sich nur schwer selbst aktualisieren und verwalten.</span>\n </div>\n </div>\n\n </div>\n\n \n <div class=\"s9-bottom\">\n <div class=\"s9-highlight\">\n <span><span class=\"s9-hl-icon\">💡</span> <strong>Kernaussage:</strong> Ein guter Relaunch verbindet Design, Struktur, Inhalte, SEO und Nutzerführung. So entsteht eine Website, die nicht nur moderner aussieht, sondern auch besser gefunden und verstanden wird.</span>\n </div>\n\n <a href=\"https://webdesign-cms-agentur.de/website-check-analyse\" class=\"s9-cta\" aria-label=\"Website-Relaunch prüfen lassen\">\n <span>Website-Relaunch prüfen lassen</span>\n <span class=\"s9-arrow\">→</span>\n </a>\n\n <div class=\"s9-inline-text\">\n <span>Wenn Ihre aktuelle Seite nicht mehr zu Ihrem Unternehmen passt, kann es sinnvoll sein, den <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\">Website-Relaunch strategisch zu planen</a>.</span>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-73774de6-f3fe-43a1-aa96-58de0b8c9344');\n if (!el) return;\n\n var cards = el.querySelectorAll('.s9-card');\n if (!cards.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(cards, entry.target);\n setTimeout(function() {\n entry.target.classList.add('s9-visible');\n }, idx * 80);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n cards.forEach(function(card) {\n observer.observe(card);\n });\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.92954246,"total_messages_sent":4,"summarized_at_total":0}

◈ Relaunch-Check

Wann ein Website-Relaunch sinnvoll ist

Nicht jede Website muss sofort komplett neu erstellt werden. Manchmal reichen gezielte Verbesserungen. Ein Relaunch ist aber sinnvoll, wenn die Website nicht mehr zum Unternehmen, zur Zielgruppe oder zum heutigen Suchverhalten passt.

Veraltetes Webdesign auf einem Laptop-Bildschirm

🎨

Veraltetes Design

Die Website wirkt optisch veraltet und entspricht nicht mehr aktuellen Standards.

📝

Veraltete Inhalte

Die Inhalte sind nicht mehr aktuell und spiegeln das Angebot nicht korrekt wider.

🔧

Fehlende Leistungen

Wichtige Angebote und Leistungen werden auf der Website nicht dargestellt.

📉

Zu wenig Anfragen

Die Seite bringt kaum Anfragen, obwohl das Unternehmen aktiv ist.

Schlechte mobile Darstellung einer Website

📱

Schwache Mobildarstellung

Die mobile Darstellung überzeugt nicht und vertreibt potenzielle Kunden.

Website wird bei Google schlecht gefunden

🔍

Schlechte Google-Sichtbarkeit

Die Website wird bei Google schlecht gefunden und verliert Reichweite.

🗂️

Unübersichtliche Struktur

Die Seitenstruktur ist verwirrend und Besucher finden sich nicht zurecht.

Google Profil und Website passen nicht zusammen

🔗

Profil-Website-Mismatch

Das Google Unternehmensprofil und die Website passen nicht zusammen.

❓

Keine FAQ oder Blog-Inhalte

FAQ, Blog oder hilfreiche Inhalte fehlen – Kundenfragen bleiben unbeantwortet.

⚙️

Schwer zu pflegen

Die Website lässt sich nur schwer selbst aktualisieren und verwalten.

💡 Kernaussage: Ein guter Relaunch verbindet Design, Struktur, Inhalte, SEO und Nutzerführung. So entsteht eine Website, die nicht nur moderner aussieht, sondern auch besser gefunden und verstanden wird.

Website-Relaunch prüfen lassen →

Wenn Ihre aktuelle Seite nicht mehr zu Ihrem Unternehmen passt, kann es sinnvoll sein, den Website-Relaunch strategisch zu planen.

{"uuid":"fa2f4214-5614-4b4f-930a-962ef8026286","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-fa2f4214-5614-4b4f-930a-962ef8026286 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 *,\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 *::before,\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-inner {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-top {\n text-align: center;\n margin-bottom: 3rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-top h2 {\n color: #ffffff;\n margin: 0 0 1rem 0;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-top-desc {\n color: #ffffff;\n max-width: 65ch;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n /* Grid */\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n }\n\n /* Card */\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card {\n background: rgba(255,255,255,0.1);\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;\n display: flex;\n flex-direction: column;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.25);\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card-img {\n width: 100%;\n aspect-ratio: 4 / 3;\n object-fit: cover;\n display: block;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card-body {\n padding: 1.25rem 1.25rem 1.5rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card-icon {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #f69c1e);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wsw-color-white, #ffffff);\n font-size: 1rem;\n line-height: 1;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card-label {\n color: var(--wsw-color-white, #ffffff);\n font-weight: 600;\n line-height: 1.3;\n }\n\n /* Bottom links */\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-links {\n text-align: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 0.5rem 2rem;\n }\n\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-link {\n color: #ffffff;\n text-decoration: none;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n transition: color 0.2s ease-out;\n cursor: pointer;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-link:hover {\n color: #F69C1E;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-link .s10-link-arrow {\n transition: transform 0.2s ease-out;\n display: inline-block;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-link:hover .s10-link-arrow {\n transform: translateX(3px);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card-icon {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Scroll animation */\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card {\n opacity: 0;\n transform: translateY(24px);\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card.s10-visible {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 {\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-grid {\n grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));\n gap: 1rem;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-card-body {\n padding: 1rem;\n }\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 .s10-links {\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 *,\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 *::before,\n #wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-fa2f4214-5614-4b4f-930a-962ef8026286\">\n <div class=\"s10-inner\">\n\n <div class=\"s10-top\">\n <h2>Für wen moderne Sichtbarkeit besonders wichtig ist</h2>\n <span class=\"s10-top-desc\">Diese Seite ist besonders relevant für kleine Unternehmen, Selbstständige und regionale Anbieter, die online gefunden werden möchten.</span>\n </div>\n\n <div class=\"s10-grid\">\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cee05f3fd.jpg\" width=\"1408\" height=\"768\" alt=\"Ferienwohnung mit Terrasse und Blick ins Grüne\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">⛱</div>\n <span class=\"s10-card-label\">Ferienwohnungen, Ferienhäuser und touristische Anbieter</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.08s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cef22e17d.jpg\" width=\"1408\" height=\"768\" alt=\"Handwerker bei der Arbeit in der Werkstatt\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">🔨</div>\n <span class=\"s10-card-label\">Handwerksbetriebe</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.16s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cf04d1c25.jpg\" width=\"1408\" height=\"768\" alt=\"Kosmetikstudio mit Kundenbehandlung\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">✨</div>\n <span class=\"s10-card-label\">Kosmetikstudios und Dienstleister</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.24s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cf16e4a88.jpg\" width=\"1408\" height=\"768\" alt=\"Gemütliches Restaurant mit frischen Gerichten\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">🍽</div>\n <span class=\"s10-card-label\">Gastronomie und Hofläden</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.32s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cf282ee6a.jpg\" width=\"1408\" height=\"768\" alt=\"Coach im Beratungsgespräch\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">💬</div>\n <span class=\"s10-card-label\">Coaches, Berater und Praxen</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.4s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cf3b70f1c.jpg\" width=\"1408\" height=\"768\" alt=\"Kleiner regionaler Laden in einer Innenstadt\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">📍</div>\n <span class=\"s10-card-label\">Kleine Unternehmen mit regionalem Einzugsgebiet</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.48s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cf4dc1675.jpg\" width=\"1408\" height=\"768\" alt=\"Veraltete Website neben modernem Redesign\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">🔄</div>\n <span class=\"s10-card-label\">Unternehmen, deren Website schon mehrere Jahre alt ist</span>\n </div>\n </div>\n\n <div class=\"s10-card s10-visible\" style=\"transition-delay: 0.56s;\">\n <img class=\"s10-card-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a22cf60b3375.jpg\" width=\"1408\" height=\"768\" alt=\"Selbstbewusste Unternehmerin vor ihrem Geschäft\" loading=\"lazy\" draggable=\"false\">\n <div class=\"s10-card-body\">\n <div class=\"s10-card-icon\">🚀</div>\n <span class=\"s10-card-label\">Betriebe, die unabhängiger von Portalen oder Empfehlungen werden möchten</span>\n </div>\n </div>\n\n </div>\n\n <div class=\"s10-links\">\n <a class=\"s10-link\" href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" style=\"cursor: pointer;\" draggable=\"false\">\n <span>Webdesign für kleine Unternehmen</span>\n <span class=\"s10-link-arrow\">→</span>\n </a>\n <a class=\"s10-link\" href=\"https://webdesign-cms-agentur.de/google-unternehmensprofil-sichtbarkeit-vertrauen\" style=\"cursor: pointer;\" draggable=\"false\">\n <span>Lokale Sichtbarkeit bei Google verbessern</span>\n <span class=\"s10-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-fa2f4214-5614-4b4f-930a-962ef8026286');\n if (!el) return;\n\n var cards = el.querySelectorAll('.s10-card');\n if (!cards.length) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('s10-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n cards.forEach(function(card, i) {\n card.style.transitionDelay = (i * 0.08) + 's';\n observer.observe(card);\n });\n\n var links = el.querySelectorAll('.s10-link');\n links.forEach(function(link) {\n link.style.cursor = 'pointer';\n });\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":3.0182806500000003,"total_messages_sent":3,"summarized_at_total":0}

Für wen moderne Sichtbarkeit besonders wichtig ist

Diese Seite ist besonders relevant für kleine Unternehmen, Selbstständige und regionale Anbieter, die online gefunden werden möchten.

Ferienwohnung mit Terrasse und Blick ins Grüne

⛱

Ferienwohnungen, Ferienhäuser und touristische Anbieter

Handwerker bei der Arbeit in der Werkstatt

🔨

Handwerksbetriebe

✨

Kosmetikstudios und Dienstleister

Gemütliches Restaurant mit frischen Gerichten

🍽

Gastronomie und Hofläden

💬

Coaches, Berater und Praxen

Kleiner regionaler Laden in einer Innenstadt

📍

Kleine Unternehmen mit regionalem Einzugsgebiet

Veraltete Website neben modernem Redesign

🔄

Unternehmen, deren Website schon mehrere Jahre alt ist

Selbstbewusste Unternehmerin vor ihrem Geschäft

🚀

Betriebe, die unabhängiger von Portalen oder Empfehlungen werden möchten

Webdesign für kleine Unternehmen → Lokale Sichtbarkeit bei Google verbessern →

{"uuid":"fe28917b-0cc4-4e85-8b79-8596ff390438","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-fe28917b-0cc4-4e85-8b79-8596ff390438 {\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-fe28917b-0cc4-4e85-8b79-8596ff390438 *,\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 *::before,\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 {\n --s11-radius: 12px;\n --s11-transition: 0.25s ease-out;\n --s11-gap: clamp(1.5rem, 3vw, 2.5rem);\n --s11-max-w: 960px;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-container {\n max-width: var(--s11-max-w);\n margin: 0 auto;\n }\n\n /* Badge */\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-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-fe28917b-0cc4-4e85-8b79-8596ff390438 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-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-intro {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin-bottom: 0.75rem;\n display: block;\n }\n\n /* Divider */\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #f69c1e) 0%, transparent 100%);\n margin: var(--s11-gap) 0;\n opacity: 0.35;\n }\n\n /* Service cards label */\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n margin-bottom: 1.25rem;\n display: block;\n }\n\n /* Service cards grid */\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: var(--s11-gap);\n }\n\n /* Card */\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card {\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--s11-radius);\n padding: 1.5rem 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n border-left: 3px solid var(--wsw-color-accent, #f69c1e);\n box-shadow: 0 1px 6px rgba(0,0,0,0.06);\n transition: transform var(--s11-transition), box-shadow var(--s11-transition);\n text-decoration: none;\n opacity: 0;\n transform: translateY(24px);\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card.s11-visible {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out, box-shadow var(--s11-transition);\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card.s11-visible:hover {\n transform: translateY(-4px);\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-icon {\n font-size: 1.5rem;\n line-height: 1;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card h4 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-desc {\n color: var(--wsw-color-dark, #626262);\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-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.9rem;\n margin-top: auto;\n cursor: pointer;\n transition: gap var(--s11-transition), color var(--s11-transition);\n min-height: 44px;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover {\n gap: 0.6rem;\n color: var(--wsw-color-black, #2e2e2e);\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-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-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link .s11-arrow {\n transition: transform var(--s11-transition);\n font-size: 1.1em;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover .s11-arrow {\n transform: translateX(3px);\n }\n\n /* Takeaway */\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-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(--s11-radius);\n padding: 1.75rem 2rem;\n overflow: hidden;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway.s11-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-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-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway-icon {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway-heading {\n font-weight: 700;\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway-text {\n line-height: 1.6;\n opacity: 0.95;\n display: block;\n }\n\n /* ========== DARK THEME ========== */\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 h2,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 h2,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 h2,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-intro,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-intro,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-intro,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-intro {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards-label,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards-label,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards-label,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card {\n background: rgba(255,255,255,0.07);\n box-shadow: none;\n }\n\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card h4,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card h4,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card h4,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card h4 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-desc,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-desc,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-desc,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-desc {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover,\n section.wsw-theme-db #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover,\n section.wsw-theme-b #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover,\n section.wsw-theme-bb #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover {\n color: var(--wsw-color-white, #fff);\n }\n\n /* ========== ACCENT THEME ========== */\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 h2,\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-intro {\n color: rgba(255,255,255,0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-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-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card {\n background: rgba(255,255,255,0.15);\n border-left-color: var(--wsw-color-white, #fff);\n box-shadow: none;\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card h4 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-desc {\n color: rgba(255,255,255,0.85);\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n }\n\n section.wsw-theme-a #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway {\n background: var(--wsw-color-black, #2e2e2e);\n }\n\n /* ========== REDUCED MOTION ========== */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 *,\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 *::before,\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-card,\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* ========== RESPONSIVE ========== */\n @media (max-width: 900px) {\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-takeaway {\n padding: 1.5rem 1.25rem;\n }\n }\n\n @media (max-width: 540px) {\n #wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438 .s11-cards {\n grid-template-columns: 1fr;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438\">\n <div class=\"s11-container\">\n\n <div class=\"s11-badge\">\n <span>◈</span>\n <span>Gesamtkonzept</span>\n </div>\n\n <h2>Webdesign, SEO und Online-Sichtbarkeit aus einer Hand</h2>\n\n <span class=\"s11-intro\">Bei MEDIAteria geht es nicht darum, einfach nur eine Website online zu stellen. Ziel ist eine Website, die zu Ihrem Unternehmen passt, verständlich aufgebaut ist und Ihre Sichtbarkeit unterstützt.</span>\n\n <span class=\"s11-intro\">Ich verbinde Webdesign, SEO-Grundlagen, Inhalte, Google Unternehmensprofil, Blog, FAQ, Bilder, Nutzerführung und digitale Lösungen zu einem stimmigen Gesamtbild.</span>\n\n <span class=\"s11-intro\">Dabei ist mir wichtig, dass Ihre Website nicht kompliziert wird, sondern im Alltag funktioniert: klar, übersichtlich, pflegbar und auf Ihre Zielgruppe ausgerichtet.</span>\n\n <div class=\"s11-divider\"></div>\n\n <span class=\"s11-cards-label\">Mögliche Leistungsbereiche:</span>\n\n <div class=\"s11-cards\">\n\n \n <div class=\"s11-card s11-visible\">\n <span class=\"s11-card-icon\">🌐</span>\n <h4>Website erstellen lassen</h4>\n <span class=\"s11-card-desc\">Für neue Websites, Relaunches und klare Strukturen.</span>\n <a href=\"/webdesign-firmenwebsite-erstellen-lassen\" class=\"s11-card-link\" draggable=\"false\">\n <span>Mehr erfahren</span>\n <span class=\"s11-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n \n <div class=\"s11-card s11-visible\">\n <span class=\"s11-card-icon\">🔍</span>\n <h4>SEO</h4>\n <span class=\"s11-card-desc\">Für bessere Auffindbarkeit und suchmaschinenfreundliche Inhalte.</span>\n <a href=\"/seo-suchmaschinenoptimierung-website\" class=\"s11-card-link\" draggable=\"false\">\n <span>Mehr erfahren</span>\n <span class=\"s11-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n \n <div class=\"s11-card s11-visible\">\n <span class=\"s11-card-icon\">📍</span>\n <h4>Google Unternehmensprofil</h4>\n <span class=\"s11-card-desc\">Für lokale Sichtbarkeit und Vertrauen.</span>\n <a href=\"/google-profil-optimieren\" class=\"s11-card-link\" draggable=\"false\">\n <span>Mehr erfahren</span>\n <span class=\"s11-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n \n <div class=\"s11-card s11-visible\">\n <span class=\"s11-card-icon\">✅</span>\n <h4>Website-Check</h4>\n <span class=\"s11-card-desc\">Für Unternehmen, die wissen möchten, wo sie aktuell stehen.</span>\n <a href=\"/website-check-analyse\" class=\"s11-card-link\" draggable=\"false\">\n <span>Mehr erfahren</span>\n <span class=\"s11-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n \n <div class=\"s11-card s11-visible\">\n <span class=\"s11-card-icon\">🎓</span>\n <h4>Website-Coaching</h4>\n <span class=\"s11-card-desc\">Für alle, die ihre Website sicherer selbst pflegen möchten.</span>\n <a href=\"/website-coaching\" class=\"s11-card-link\" draggable=\"false\">\n <span>Mehr erfahren</span>\n <span class=\"s11-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n \n <div class=\"s11-card s11-visible\">\n <span class=\"s11-card-icon\">✍️</span>\n <h4>Blog & Inhalte</h4>\n <span class=\"s11-card-desc\">Für regelmäßige Impulse, Fragen, Ratgeber und Themenaufbau.</span>\n <a href=\"/impulse\" class=\"s11-card-link\" draggable=\"false\">\n <span>Mehr erfahren</span>\n <span class=\"s11-arrow\" aria-hidden=\"true\">→</span>\n </a>\n </div>\n\n </div>\n\n \n <div class=\"s11-takeaway s11-visible\">\n <span class=\"s11-takeaway-icon\" aria-hidden=\"true\">💡</span>\n <span class=\"s11-takeaway-heading\">Kernaussage</span>\n <span class=\"s11-takeaway-text\">Sichtbarkeit entsteht nicht durch einzelne Maßnahmen, sondern durch das Zusammenspiel von Design, Struktur, Inhalten und Technik. MEDIAteria bringt diese Bausteine für Sie zusammen – verständlich, alltagstauglich und auf Ihr Unternehmen zugeschnitten.</span>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-fe28917b-0cc4-4e85-8b79-8596ff390438');\n if (!el) return;\n\n var animEls = el.querySelectorAll('.s11-card, .s11-takeaway');\n if (!animEls.length) return;\n\n if (!('IntersectionObserver' in window)) {\n for (var i = 0; i < animEls.length; i++) {\n animEls[i].classList.add('s11-visible');\n }\n return;\n }\n\n var cards = el.querySelectorAll('.s11-card');\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(cards, entry.target);\n if (idx >= 0) {\n setTimeout(function() {\n entry.target.classList.add('s11-visible');\n }, idx * 80);\n } else {\n entry.target.classList.add('s11-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.99001826,"total_messages_sent":1,"summarized_at_total":0}

◈ Gesamtkonzept

Webdesign, SEO und Online-Sichtbarkeit aus einer Hand

Bei MEDIAteria geht es nicht darum, einfach nur eine Website online zu stellen. Ziel ist eine Website, die zu Ihrem Unternehmen passt, verständlich aufgebaut ist und Ihre Sichtbarkeit unterstützt. Ich verbinde Webdesign, SEO-Grundlagen, Inhalte, Google Unternehmensprofil, Blog, FAQ, Bilder, Nutzerführung und digitale Lösungen zu einem stimmigen Gesamtbild. Dabei ist mir wichtig, dass Ihre Website nicht kompliziert wird, sondern im Alltag funktioniert: klar, übersichtlich, pflegbar und auf Ihre Zielgruppe ausgerichtet.

Mögliche Leistungsbereiche:

🌐

Website erstellen lassen

Für neue Websites, Relaunches und klare Strukturen. Mehr erfahren

🔍

SEO

Für bessere Auffindbarkeit und suchmaschinenfreundliche Inhalte. Mehr erfahren

📍

Google Unternehmensprofil

Für lokale Sichtbarkeit und Vertrauen. Mehr erfahren

✅

Website-Check

Für Unternehmen, die wissen möchten, wo sie aktuell stehen. Mehr erfahren

🎓

Website-Coaching

Für alle, die ihre Website sicherer selbst pflegen möchten. Mehr erfahren

✍️

Blog & Inhalte

Für regelmäßige Impulse, Fragen, Ratgeber und Themenaufbau. Mehr erfahren

Kernaussage Sichtbarkeit entsteht nicht durch einzelne Maßnahmen, sondern durch das Zusammenspiel von Design, Struktur, Inhalten und Technik. MEDIAteria bringt diese Bausteine für Sie zusammen – verständlich, alltagstauglich und auf Ihr Unternehmen zugeschnitten.

{"uuid":"c36cdae0-e406-42e0-bf28-a4869c17fd8e","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-c36cdae0-e406-42e0-bf28-a4869c17fd8e {\n font-family: inherit;\n box-sizing: border-box;\n padding: 4rem 1.5rem;\n background: transparent;\n --faq-radius: 16px;\n --faq-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n --faq-gap: 12px;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e *,\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e *::before,\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-wrapper {\n max-width: 900px;\n margin: 0 auto;\n }\n\n /* Header */\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header {\n text-align: center;\n margin-bottom: 3rem;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n background: rgba(246, 156, 30, 0.1);\n border: 1px solid rgba(246, 156, 30, 0.25);\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 #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem 0;\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.15;\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header-sub {\n color: var(--wsw-color-dark, #626262);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n /* Category Tabs */\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tabs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 2.5rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out 0.15s, transform 0.6s ease-out 0.15s;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tabs.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.55rem 1.15rem;\n border-radius: 50px;\n border: 1.5px solid var(--wsw-color-light, #adabab);\n background: transparent;\n color: var(--wsw-color-dark, #626262);\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 500;\n transition: all var(--faq-transition);\n white-space: nowrap;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab:hover {\n border-color: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-accent, #f69c1e);\n background: rgba(246, 156, 30, 0.06);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 2px;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab.active {\n background: var(--wsw-color-accent, #f69c1e);\n border-color: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab-icon {\n font-size: 1.05rem;\n line-height: 1;\n }\n\n /* Accordion Items */\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-list {\n display: flex;\n flex-direction: column;\n gap: var(--faq-gap);\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item {\n border-radius: var(--faq-radius);\n background: var(--wsw-color-white, #ffffff);\n border: 1.5px solid rgba(173, 171, 171, 0.3);\n overflow: hidden;\n transition: border-color var(--faq-transition), box-shadow var(--faq-transition), transform var(--faq-transition);\n opacity: 0;\n transform: translateY(24px);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item:hover {\n border-color: rgba(246, 156, 30, 0.35);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open {\n border-color: var(--wsw-color-accent, #f69c1e);\n box-shadow: 0 8px 32px rgba(246, 156, 30, 0.12);\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question {\n display: flex;\n align-items: center;\n gap: 1rem;\n width: 100%;\n padding: 1.25rem 1.5rem;\n border: none;\n background: transparent;\n cursor: pointer;\n text-align: left;\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n font-size: 1.05rem;\n line-height: 1.4;\n transition: color var(--faq-transition);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: -2px;\n border-radius: var(--faq-radius);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-question {\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-q-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(246, 156, 30, 0.08);\n color: var(--wsw-color-accent, #f69c1e);\n font-size: 1.15rem;\n transition: background var(--faq-transition), transform var(--faq-transition);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-q-icon {\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #fff);\n transform: scale(1.05);\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-q-text {\n flex: 1;\n }\n\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(173, 171, 171, 0.15);\n transition: background var(--faq-transition), transform var(--faq-transition);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg {\n width: 14px;\n height: 14px;\n stroke: var(--wsw-color-dark, #626262);\n stroke-width: 2.5;\n fill: none;\n transition: stroke var(--faq-transition), transform var(--faq-transition);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-toggle {\n background: rgba(246, 156, 30, 0.12);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-toggle svg {\n transform: rotate(180deg);\n stroke: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Answer Panel */\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer-wrap {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer {\n padding: 0 1.5rem 1.5rem 4.75rem;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.7;\n font-size: 0.95rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: underline;\n text-underline-offset: 3px;\n font-weight: 500;\n transition: color 0.2s ease-out;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a:hover {\n color: var(--wsw-color-black, #2e2e2e);\n }\n\n /* Counter Badge */\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter {\n display: flex;\n justify-content: center;\n margin-top: 2.5rem;\n opacity: 0;\n transform: translateY(15px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter-inner {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n background: linear-gradient(135deg, rgba(246, 156, 30, 0.08), rgba(246, 156, 30, 0.03));\n border: 1px solid rgba(246, 156, 30, 0.15);\n color: var(--wsw-color-dark, #626262);\n font-size: 0.88rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter-inner span:first-child {\n font-size: 1rem;\n }\n\n /* Hidden class for tab filtering */\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.faq-hidden {\n display: none;\n }\n\n /* ===== Dark / Black Themes ===== */\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header h2,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header h2,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header h2,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header-sub,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header-sub,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header-sub,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header-sub {\n color: var(--wsw-color-light, #adabab);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item {\n background: rgba(255, 255, 255, 0.04);\n border-color: rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item:hover,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item:hover,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item:hover,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item:hover {\n border-color: rgba(246, 156, 30, 0.4);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open {\n box-shadow: 0 8px 32px rgba(246, 156, 30, 0.15);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer {\n color: rgba(255, 255, 255, 0.7);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab {\n border-color: rgba(255, 255, 255, 0.15);\n color: rgba(255, 255, 255, 0.65);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab:hover,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab:hover,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab:hover,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab:hover {\n border-color: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-accent, #f69c1e);\n background: rgba(246, 156, 30, 0.1);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle {\n background: rgba(255, 255, 255, 0.08);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg {\n stroke: rgba(255, 255, 255, 0.5);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter-inner,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter-inner,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter-inner,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-counter-inner {\n color: rgba(255, 255, 255, 0.65);\n background: linear-gradient(135deg, rgba(246, 156, 30, 0.12), rgba(246, 156, 30, 0.04));\n border-color: rgba(246, 156, 30, 0.2);\n }\n section.wsw-theme-d #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a:hover,\n section.wsw-theme-db #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a:hover,\n section.wsw-theme-b #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a:hover,\n section.wsw-theme-bb #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a:hover {\n color: var(--wsw-color-white, #fff);\n }\n\n /* ===== Accent Theme ===== */\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-header-sub {\n color: rgba(255, 255, 255, 0.85);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-badge {\n background: rgba(255, 255, 255, 0.15);\n border-color: rgba(255, 255, 255, 0.25);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.15);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-question {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer {\n color: rgba(255, 255, 255, 0.8);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer a {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-q-icon {\n background: rgba(255, 255, 255, 0.15);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-q-icon {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab {\n border-color: rgba(255, 255, 255, 0.25);\n color: rgba(255, 255, 255, 0.8);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab.active {\n background: var(--wsw-color-white, #fff);\n border-color: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle {\n background: rgba(255, 255, 255, 0.12);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg {\n stroke: rgba(255, 255, 255, 0.6);\n }\n section.wsw-theme-a #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-item.open .faq-toggle svg {\n stroke: var(--wsw-color-white, #fff);\n }\n\n /* ===== Responsive ===== */\n @media (max-width: 768px) {\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e {\n padding: 3rem 1rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-question {\n padding: 1rem 1.15rem;\n font-size: 0.95rem;\n gap: 0.75rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-q-icon {\n width: 34px;\n height: 34px;\n border-radius: 10px;\n font-size: 1rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-answer {\n padding: 0 1.15rem 1.25rem 1.15rem;\n font-size: 0.9rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle {\n width: 28px;\n height: 28px;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-toggle svg {\n width: 12px;\n height: 12px;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tabs {\n gap: 0.4rem;\n }\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e .faq-tab {\n padding: 0.45rem 0.85rem;\n font-size: 0.8rem;\n }\n }\n\n /* ===== Reduced Motion ===== */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e *,\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e *::before,\n #wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e\">\n <div class=\"faq-wrapper\">\n\n <div class=\"faq-header is-visible\">\n <div class=\"faq-badge\">\n <span>💡</span>\n <span>Wissen & Antworten</span>\n </div>\n <h2>Häufige Fragen zu Website, SEO und KI-Sichtbarkeit</h2>\n <span class=\"faq-header-sub\">Verständliche Antworten auf die wichtigsten Fragen rund um Webdesign, Suchmaschinenoptimierung und Sichtbarkeit im KI-Zeitalter.</span>\n </div>\n\n <div class=\"faq-tabs is-visible\" role=\"tablist\">\n <button class=\"faq-tab active\" role=\"tab\" aria-selected=\"true\" data-filter=\"all\">\n <span class=\"faq-tab-icon\">✦</span>\n <span>Alle Fragen</span>\n </button>\n <button class=\"faq-tab\" role=\"tab\" aria-selected=\"false\" data-filter=\"website\">\n <span class=\"faq-tab-icon\">🌐</span>\n <span>Website</span>\n </button>\n <button class=\"faq-tab\" role=\"tab\" aria-selected=\"false\" data-filter=\"seo\">\n <span class=\"faq-tab-icon\">🔍</span>\n <span>SEO & KI</span>\n </button>\n <button class=\"faq-tab\" role=\"tab\" aria-selected=\"false\" data-filter=\"praxis\">\n <span class=\"faq-tab-icon\">⚙</span>\n <span>Praxis</span>\n </button>\n </div>\n\n <div class=\"faq-list\">\n\n \n <div class=\"faq-item is-visible\" data-cat=\"seo\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🤖</span>\n <span class=\"faq-q-text\">Was bedeutet „Sichtbar werden im KI-Zeitalter\"?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\" style=\"max-height: 0px;\">\n <div class=\"faq-answer\">\n <span>Es bedeutet, dass Ihre Website und Ihre Online-Präsenz so aufgebaut sein sollten, dass Nutzer, Google und KI-gestützte Suchsysteme Ihre Inhalte verstehen können. Dazu gehören klare Leistungen, hilfreiche Texte, lokale Informationen, FAQ, Vertrauen und eine gute Struktur.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"website\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🏠</span>\n <span class=\"faq-q-text\">Warum ist die Website trotz Google Profil und Social Media so wichtig?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\" style=\"max-height: 0px;\">\n <div class=\"faq-answer\">\n <span>Ihre Website ist Ihre eigene zentrale Plattform. Hier erklären Sie Ihre Leistungen, beantworten Fragen, zeigen Vertrauen und führen Besucher zur Anfrage. Google Profil und Social Media sind wichtige Kontaktpunkte, aber die Website bleibt die Basis.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"seo\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🎨</span>\n <span class=\"faq-q-text\">Was hat Webdesign mit SEO zu tun?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\">\n <div class=\"faq-answer\">\n <span>Sehr viel. Eine Website sollte nicht nur gut aussehen, sondern auch klar strukturiert, mobil nutzbar, verständlich formuliert und suchmaschinenfreundlich aufgebaut sein. Gutes Webdesign unterstützt SEO, Nutzerführung und Sichtbarkeit.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"website\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🚀</span>\n <span class=\"faq-q-text\">Wann sollte ich eine neue Website erstellen lassen?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\">\n <div class=\"faq-answer\">\n <span>Eine neue Website ist sinnvoll, wenn Ihre aktuelle Seite veraltet ist, nicht mehr zu Ihrem Angebot passt, schlecht gefunden wird oder kaum Anfragen bringt. Auch bei einer neuen Positionierung oder neuen Leistungen kann eine neue Website sinnvoll sein.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"website\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🔄</span>\n <span class=\"faq-q-text\">Wann reicht ein Website-Relaunch?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\">\n <div class=\"faq-answer\">\n <span>Ein Relaunch ist sinnvoll, wenn eine Grundbasis vorhanden ist, aber Struktur, Inhalte, Design, Technik oder SEO überarbeitet werden müssen. Dabei wird die Website modernisiert und strategisch neu ausgerichtet.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"seo\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">⚡</span>\n <span class=\"faq-q-text\">Was ist GEO?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\" style=\"max-height: 0px;\">\n <div class=\"faq-answer\">\n <span>GEO steht für Generative Engine Optimization. Gemeint ist die Optimierung von Inhalten für KI-gestützte Suchsysteme. Wichtig sind klare, vollständige und gut strukturierte Informationen. Mehr dazu erfahren Sie auf der Seite <a href=\"https://webdesign-cms-agentur.de/seo-geo-sichtbarkeit-google-ki\" draggable=\"false\">SEO, GEO & KI-Sichtbarkeit</a>.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"seo\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🔍</span>\n <span class=\"faq-q-text\">Was ist der Unterschied zwischen SEO und KI-Sichtbarkeit?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\" style=\"max-height: 0px;\">\n <div class=\"faq-answer\">\n <span>SEO richtet sich vor allem auf klassische Suchmaschinen wie Google. KI-Sichtbarkeit geht weiter: Inhalte sollten so verständlich, hilfreich und vertrauenswürdig sein, dass sie auch in KI-gestützten Antworten berücksichtigt werden können. Erfahren Sie mehr über <a href=\"https://webdesign-cms-agentur.de/seo-geo-sichtbarkeit-google-ki\" draggable=\"false\">SEO & KI-Sichtbarkeit im Detail</a>.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"praxis\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">📝</span>\n <span class=\"faq-q-text\">Brauche ich dafür einen Blog oder FAQ-Bereich?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\" style=\"max-height: 0px;\">\n <div class=\"faq-answer\">\n <span>Nicht zwingend, aber sehr oft ist es sinnvoll. FAQ und Blogbeiträge beantworten konkrete Fragen Ihrer Kunden und helfen dabei, Themen umfassender abzudecken. Lesen Sie dazu auch: <a href=\"https://webdesign-cms-agentur.de/eigener-blog-richtig-genutzt\" draggable=\"false\">Eigener Blog – richtig genutzt</a>.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"faq-item is-visible\" data-cat=\"praxis\">\n <button class=\"faq-question\" aria-expanded=\"false\">\n <span class=\"faq-q-icon\">🛠</span>\n <span class=\"faq-q-text\">Kann ich meine Website später selbst pflegen?</span>\n <span class=\"faq-toggle\"><svg viewBox=\"0 0 14 14\"><polyline points=\"2 5 7 10 12 5\"></polyline></svg></span>\n </button>\n <div class=\"faq-answer-wrap\" aria-hidden=\"true\" style=\"max-height: 0px;\">\n <div class=\"faq-answer\">\n <span>Ja, das ist sogar sinnvoll. Wenn Ihre Website gut aufgebaut ist, können Inhalte, Bilder, Beiträge oder FAQ später leichter ergänzt werden. Bei Bedarf kann ein <a href=\"https://webdesign-cms-agentur.de/website-coaching\" draggable=\"false\">Website-Coaching</a> helfen, sicherer damit umzugehen.</span>\n </div>\n </div>\n </div>\n\n </div>\n\n <div class=\"faq-counter is-visible\">\n <div class=\"faq-counter-inner\">\n <span>💬</span>\n <span><strong>9</strong> Antworten verfügbar</span>\n </div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-c36cdae0-e406-42e0-bf28-a4869c17fd8e');\n if (!el) return;\n\n /* ---- Accordion ---- */\n var items = el.querySelectorAll('.faq-item');\n items.forEach(function(item) {\n var btn = item.querySelector('.faq-question');\n var wrap = item.querySelector('.faq-answer-wrap');\n if (!btn || !wrap) return;\n\n btn.addEventListener('click', function() {\n var isOpen = item.classList.contains('open');\n\n /* close all */\n items.forEach(function(other) {\n if (other !== item && other.classList.contains('open')) {\n other.classList.remove('open');\n var ob = other.querySelector('.faq-question');\n var ow = other.querySelector('.faq-answer-wrap');\n if (ob) ob.setAttribute('aria-expanded', 'false');\n if (ow) { ow.style.maxHeight = '0'; ow.setAttribute('aria-hidden', 'true'); }\n }\n });\n\n if (isOpen) {\n item.classList.remove('open');\n btn.setAttribute('aria-expanded', 'false');\n wrap.style.maxHeight = '0';\n wrap.setAttribute('aria-hidden', 'true');\n } else {\n item.classList.add('open');\n btn.setAttribute('aria-expanded', 'true');\n wrap.style.maxHeight = wrap.scrollHeight + 'px';\n wrap.setAttribute('aria-hidden', 'false');\n }\n });\n });\n\n /* ---- Category Tabs ---- */\n var tabs = el.querySelectorAll('.faq-tab');\n tabs.forEach(function(tab) {\n tab.addEventListener('click', function() {\n tabs.forEach(function(t) { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });\n tab.classList.add('active');\n tab.setAttribute('aria-selected', 'true');\n\n var filter = tab.getAttribute('data-filter');\n\n /* close any open item first */\n items.forEach(function(item) {\n item.classList.remove('open');\n var b = item.querySelector('.faq-question');\n var w = item.querySelector('.faq-answer-wrap');\n if (b) b.setAttribute('aria-expanded', 'false');\n if (w) { w.style.maxHeight = '0'; w.setAttribute('aria-hidden', 'true'); }\n });\n\n items.forEach(function(item) {\n if (filter === 'all' || item.getAttribute('data-cat') === filter) {\n item.classList.remove('faq-hidden');\n } else {\n item.classList.add('faq-hidden');\n }\n });\n\n /* update counter */\n var visible = el.querySelectorAll('.faq-item:not(.faq-hidden)').length;\n var counterStrong = el.querySelector('.faq-counter-inner strong');\n if (counterStrong) counterStrong.textContent = visible;\n });\n });\n\n /* ---- Scroll-triggered entrance ---- */\n var animEls = el.querySelectorAll('.faq-header, .faq-tabs, .faq-item, .faq-counter');\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var delay = 0;\n if (entry.target.classList.contains('faq-item')) {\n var allItems = Array.prototype.slice.call(el.querySelectorAll('.faq-item'));\n var idx = allItems.indexOf(entry.target);\n delay = idx * 80;\n }\n setTimeout(function() {\n entry.target.classList.add('is-visible');\n }, delay);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08 });\n\n animEls.forEach(function(e) { observer.observe(e); });\n } else {\n animEls.forEach(function(e) { e.classList.add('is-visible'); });\n }\n\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.6842604999999999,"total_messages_sent":1,"summarized_at_total":0}

💡 Wissen & Antworten

Häufige Fragen zu Website, SEO und KI-Sichtbarkeit

Verständliche Antworten auf die wichtigsten Fragen rund um Webdesign, Suchmaschinenoptimierung und Sichtbarkeit im KI-Zeitalter.

🤖 Was bedeutet „Sichtbar werden im KI-Zeitalter"?

🏠 Warum ist die Website trotz Google Profil und Social Media so wichtig?

🎨 Was hat Webdesign mit SEO zu tun?

🚀 Wann sollte ich eine neue Website erstellen lassen?

🔄 Wann reicht ein Website-Relaunch?

⚡ Was ist GEO?

🔍 Was ist der Unterschied zwischen SEO und KI-Sichtbarkeit?

📝 Brauche ich dafür einen Blog oder FAQ-Bereich?

🛠 Kann ich meine Website später selbst pflegen?

💬 9 Antworten verfügbar

{"uuid":"a320c44c-338f-4db0-9ecc-bb08a7c591a1","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-a320c44c-338f-4db0-9ecc-bb08a7c591a1 {\n font-family: inherit;\n box-sizing: border-box;\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 *,\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 *::before,\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 *::after {\n box-sizing: inherit;\n }\n\n /* Layout */\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-wrapper {\n max-width: 800px;\n margin: 0 auto;\n padding: 3.5rem 1.5rem;\n text-align: center;\n }\n\n /* Heading */\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-heading {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n }\n\n /* Body text */\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-text {\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 1rem 0;\n max-width: 65ch;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.65;\n }\n\n /* CTA area */\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-cta-group {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2.5rem;\n }\n\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 500;\n text-transform: uppercase;\n font-size: 1.095rem;\n padding: 0.9rem 2rem;\n border-radius: 4px;\n min-height: 44px;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.2s ease-out;\n cursor: pointer;\n border: none;\n }\n\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-primary {\n background-color: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 14px rgba(246, 156, 30, 0.35);\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-primary:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary {\n background-color: transparent;\n color: var(--wsw-color-accent, #f69c1e);\n border: 2px solid var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:hover {\n background-color: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n transform: translateY(-2px);\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n\n /* Footer note / text link */\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note {\n margin-top: 2.5rem;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n max-width: 65ch;\n margin-left: auto;\n margin-right: auto;\n }\n\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: color 0.2s ease-out;\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a:hover {\n color: var(--wsw-color-black, #2e2e2e);\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 2px;\n }\n\n /* Subtle divider above closing */\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-divider {\n width: 60px;\n height: 3px;\n background-color: var(--wsw-color-accent, #f69c1e);\n border: none;\n margin: 0 auto 2rem auto;\n border-radius: 2px;\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-heading,\n section.wsw-theme-db #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-heading,\n section.wsw-theme-b #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-heading,\n section.wsw-theme-bb #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-heading {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-text,\n section.wsw-theme-db #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-text,\n section.wsw-theme-b #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-text,\n section.wsw-theme-bb #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-text,\n section.wsw-theme-d #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note,\n section.wsw-theme-db #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note,\n section.wsw-theme-b #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note,\n section.wsw-theme-bb #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary,\n section.wsw-theme-db #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary,\n section.wsw-theme-b #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary,\n section.wsw-theme-bb #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary {\n color: var(--wsw-color-white, #ffffff);\n border-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:hover,\n section.wsw-theme-db #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:hover,\n section.wsw-theme-b #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:hover,\n section.wsw-theme-bb #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:hover {\n background-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-black, #2e2e2e);\n border-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a:hover,\n section.wsw-theme-db #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a:hover,\n section.wsw-theme-b #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a:hover,\n section.wsw-theme-bb #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a:hover {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-heading {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-text,\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note {\n color: rgba(255, 255, 255, 0.85);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-divider {\n background-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-primary {\n background-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-primary:hover {\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary {\n color: var(--wsw-color-white, #ffffff);\n border-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn-secondary:hover {\n background-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-a #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-footer-note a {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-wrapper {\n padding: 2.5rem 1.25rem;\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-cta-group {\n flex-direction: column;\n align-items: center;\n }\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 .closing-btn {\n width: 100%;\n max-width: 320px;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 *,\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 *::before,\n #wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-a320c44c-338f-4db0-9ecc-bb08a7c591a1\">\n<div class=\"closing-wrapper\">\n <div class=\"closing-divider\"></div>\n <h2 class=\"closing-heading\">Möchten Sie wissen, wie sichtbar Ihre Website heute wirklich ist?</h2>\n <span class=\"closing-text\">Dann ist ein Website-Check ein guter erster Schritt. Ich prüfe, ob Ihre Website klar aufgebaut ist, ob wichtige Inhalte fehlen, wie gut Nutzer geführt werden und wo Potenzial für SEO, Google und KI-Sichtbarkeit liegt.</span>\n <span class=\"closing-text\">Wenn Sie eine neue Website planen oder einen Website-Relaunch überlegen, schauen wir gemeinsam, wie Ihre Website nicht nur moderner aussehen, sondern auch besser gefunden und verstanden werden kann.</span>\n <div class=\"closing-cta-group\">\n <a href=\"/website-check-analyse\" class=\"closing-btn closing-btn-primary\">Website-Check anfragen</a>\n <a href=\"/kontakt-webdesign-beratung\" class=\"closing-btn closing-btn-secondary\">Website-Projekt besprechen</a>\n </div>\n <span class=\"closing-footer-note\"><br>Mehr Informationen finden Sie auch auf meiner Seite zum Thema <a href=\"/webdesign-firmenwebsite-erstellen-lassen\">Website erstellen lassen</a> und <a href=\"/webdesign-firmenwebsite-erstellen-lassen\">Webdesign für kleine Unternehmen</a>.</span>\n </div>\n</div>","summary":null,"version":0,"inserted_version":0,"total_cost":0.27693435,"total_messages_sent":2,"summarized_at_total":0}

Möchten Sie wissen, wie sichtbar Ihre Website heute wirklich ist?

Dann ist ein Website-Check ein guter erster Schritt. Ich prüfe, ob Ihre Website klar aufgebaut ist, ob wichtige Inhalte fehlen, wie gut Nutzer geführt werden und wo Potenzial für SEO, Google und KI-Sichtbarkeit liegt. Wenn Sie eine neue Website planen oder einen Website-Relaunch überlegen, schauen wir gemeinsam, wie Ihre Website nicht nur moderner aussehen, sondern auch besser gefunden und verstanden werden kann.

Website-Check anfragen Website-Projekt besprechen

Sichtbar werden im KI-Zeitalter

Warum „bei Google gefunden werden" heute anders funktioniert

Warum Ihre Website die Grundlage für moderne Sichtbarkeit ist

Warum modernes Webdesign heute mehr ist als Gestaltung

Die 5 Bausteine moderner Sichtbarkeit

Eine klare Website-Struktur

SEO-Grundlagen

Hilfreiche Inhalte

Google Unternehmensprofil

KI- und GEO-Sichtbarkeit

SEO, GEO und KI-Sichtbarkeit – was bedeutet das eigentlich?

Was eine gute Website heute leisten muss

Woran viele Websites heute scheitern

Wann ein Website-Relaunch sinnvoll ist

Veraltetes Design

Veraltete Inhalte

Fehlende Leistungen

Zu wenig Anfragen

Schwache Mobildarstellung

Schlechte Google-Sichtbarkeit

Unübersichtliche Struktur

Profil-Website-Mismatch

Keine FAQ oder Blog-Inhalte

Schwer zu pflegen

Für wen moderne Sichtbarkeit besonders wichtig ist

Webdesign, SEO und Online-Sichtbarkeit aus einer Hand

Website erstellen lassen

SEO

Google Unternehmensprofil

Website-Check

Website-Coaching

Blog & Inhalte

Häufige Fragen zu Website, SEO und KI-Sichtbarkeit

Möchten Sie wissen, wie sichtbar Ihre Website heute wirklich ist?

SEO, GEO und KI-Sichtbarkeit –
was bedeutet das eigentlich?