webagentur-schleswig-holstein-webdesign-seo-ki-sichtbarkeit

{"uuid":"4fefb91f-fca6-4bb8-a560-e47046f667f6","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-4fefb91f-fca6-4bb8-a560-e47046f667f6 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 *,\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 *::before,\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 *::after {\n box-sizing: inherit;\n }\n\n /* === VARIABLES === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 {\n --snippet-radius: 12px;\n --snippet-transition: 0.25s ease-out;\n }\n\n /* === HERO AREA === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero {\n position: relative;\n overflow: hidden;\n border-radius: var(--snippet-radius);\n min-height: 420px;\n display: flex;\n align-items: center;\n margin-bottom: 3.5rem;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(46,46,46,0.88) 0%, rgba(46,46,46,0.55) 100%);\n z-index: 1;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero-content {\n position: relative;\n z-index: 2;\n padding: clamp(2rem, 5vw, 4rem);\n max-width: 100%;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero h1 {\n color: var(--wsw-color-white, #ffffff);\n margin: 0 0 0.25rem 0;\n font-size: clamp(1.6rem, 4vw, 2.4rem);\n max-width: 800px;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero .gp-hero-accent {\n display: inline-block;\n width: 60px;\n height: 4px;\n background: var(--wsw-color-accent, #f69c1e);\n border-radius: 2px;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero .gp-intro-text {\n color: rgba(255,255,255,0.92);\n margin: 0;\n max-width: 80ch;\n line-height: 1.65;\n }\n\n /* === SECTION WRAPPER === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-section {\n margin-bottom: 3.5rem;\n }\n\n /* === HEADING BLOCK === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block {\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0;\n position: relative;\n padding-bottom: 0.75rem;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50px;\n height: 3px;\n background: var(--wsw-color-accent, #f69c1e);\n border-radius: 2px;\n }\n\n /* === BODY TEXT === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-body-text {\n color: var(--wsw-color-dark, #626262);\n max-width: 100%;\n line-height: 1.65;\n margin: 0 0 1.25rem 0;\n }\n\n /* === HIGHLIGHT TEXT === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-highlight {\n color: var(--wsw-color-accent, #f69c1e);\n font-weight: 600;\n display: inline-block;\n margin: 0;\n }\n\n /* === LEAD-IN BLOCK (before cards) === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-lead-in {\n margin-bottom: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n /* === SERVICES GRID === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\n gap: 1.25rem;\n margin-bottom: 2rem;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46,46,46,0.08);\n border-radius: var(--snippet-radius);\n padding: 1.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n cursor: default;\n overflow: hidden;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46,46,46,0.1);\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-icon {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n border-radius: 10px;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), rgba(246,156,30,0.7));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n color: var(--wsw-color-white, #ffffff);\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card .gp-service-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n display: block;\n line-height: 1.3;\n overflow-wrap: break-word;\n word-break: break-word;\n hyphens: auto;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card .gp-service-sub {\n color: var(--wsw-color-dark, #626262);\n display: block;\n margin-top: 0.25rem;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n /* === CTA BOTTOM === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box {\n background: linear-gradient(135deg, var(--wsw-color-black, #2e2e2e), var(--wsw-color-dark, #626262));\n border-radius: var(--snippet-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n align-items: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box .gp-cta-text {\n flex: 1 1 300px;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box h3 {\n color: var(--wsw-color-white, #ffffff);\n margin: 0 0 0.5rem 0;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box .gp-cta-desc {\n color: rgba(255,255,255,0.8);\n margin: 0;\n line-height: 1.5;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box .gp-cta-desc a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: underline;\n text-underline-offset: 3px;\n cursor: pointer;\n transition: color var(--snippet-transition);\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box .gp-cta-desc a:hover {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* === INLINE TEXT LINKS === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: underline;\n text-underline-offset: 3px;\n text-decoration-thickness: 1px;\n cursor: pointer;\n transition: color var(--snippet-transition), text-decoration-color var(--snippet-transition);\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link:hover {\n color: var(--wsw-color-black, #2e2e2e);\n text-decoration-color: var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link:focus {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 2px;\n }\n\n /* === DARK THEME OVERRIDES === */\n section.wsw-theme-d #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-body-text,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-body-text,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-body-text,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-body-text {\n color: rgba(255,255,255,0.82);\n }\n section.wsw-theme-d #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-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-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-label,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-label,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-label,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-label {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-sub,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-sub,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-sub,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-sub {\n color: rgba(255,255,255,0.65);\n }\n section.wsw-theme-d #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-highlight,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-highlight,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-highlight,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-highlight {\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-d #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link:hover,\n section.wsw-theme-db #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link:hover,\n section.wsw-theme-b #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link:hover,\n section.wsw-theme-bb #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link:hover {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* === ACCENT THEME === */\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-heading-block h2::after {\n background: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-body-text {\n color: rgba(255,255,255,0.88);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-card {\n background: rgba(255,255,255,0.12);\n border-color: rgba(255,255,255,0.18);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-icon {\n background: rgba(255,255,255,0.2);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-label {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-service-sub {\n color: rgba(255,255,255,0.7);\n }\n section.wsw-theme-a #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 a.gp-text-link {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* === ANIMATIONS === */\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-animate {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-animate.gp-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* === REDUCED MOTION === */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 *,\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 *::before,\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n /* === RESPONSIVE === */\n @media (max-width: 768px) {\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-hero {\n min-height: 320px;\n }\n #wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6 .gp-cta-box {\n flex-direction: column;\n text-align: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6\">\n\n \n <div class=\"gp-hero gp-animate gp-visible\">\n <div class=\"gp-hero-bg\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a230ccf4f899.jpg\" width=\"1408\" height=\"768\" alt=\"Pellworm in Nordfriesland – Standort der Webagentur MEDIAteria\">\n </div>\n <div class=\"gp-hero-overlay\"></div>\n <div class=\"gp-hero-content\">\n <h1>MEDIAteria – Webagentur für Websites, SEO & Sichtbarkeit in Schleswig-Holstein</h1>\n <span class=\"gp-hero-accent\" aria-hidden=\"true\"></span>\n <p class=\"gp-intro-text\">MEDIAteria ist eine Webagentur mit Sitz auf Pellworm im Kreis Nordfriesland in Schleswig-Holstein. Seit vielen Jahren unterstütze ich kleine Unternehmen, Selbstständige, Dienstleister, Handwerksbetriebe, Ferienhausvermieter und touristische Anbieter dabei, online professionell sichtbar zu werden.</p>\n </div>\n </div>\n\n \n <div class=\"gp-section gp-animate gp-visible\">\n <p class=\"gp-body-text\">Im Mittelpunkt stehen <a href=\"/webdesign-firmenwebsite-erstellen-lassen\" class=\"gp-text-link\">Websites</a>, die nicht nur gut aussehen, sondern verständlich aufgebaut sind, Vertrauen schaffen und bei Google sowie in modernen Suchsystemen besser gefunden werden können.</p>\n <div class=\"gp-heading-block\">\n <h2>Webdesign, Website-Erstellung und Sichtbarkeit aus einer Hand</h2>\n </div>\n <p class=\"gp-body-text\">Viele Unternehmen stehen irgendwann vor der Frage: Brauche ich eine neue Website? Muss meine bestehende Website überarbeitet werden? Oder fehlt mir einfach eine bessere Struktur, damit Kunden mich online finden und verstehen? Wenn Sie eine neue Website planen oder Ihren bestehenden Auftritt modernisieren möchten, ist die Seite <a href=\"https://webdesign-cms-agentur.de/webdesign-firmenwebsite-erstellen-lassen\" class=\"gp-text-link\">Webdesign & Website-Erstellung</a> ein guter nächster Schritt.</p>\n </div>\n\n \n <div class=\"gp-lead-in gp-animate gp-visible\">\n <span class=\"gp-highlight\">MEDIAteria unterstützt genau an dieser Stelle.</span>\n <p class=\"gp-body-text\">Zu den Leistungen gehören unter anderem:</p>\n </div>\n\n \n <div class=\"gp-services-grid\">\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">◈</div>\n <div>\n <span class=\"gp-service-label\">Webdesign und Website-Erstellung</span>\n <span class=\"gp-service-sub\">Professionelle Websites für kleine Unternehmen</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">↻</div>\n <div>\n <span class=\"gp-service-label\">Website-Relaunch</span>\n <span class=\"gp-service-sub\">Bestehende Seiten modern überarbeiten</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">⚙</div>\n <div>\n <span class=\"gp-service-label\">Suchmaschinen-Optimierung</span>\n <span class=\"gp-service-sub\">Besser gefunden werden bei Google</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">📍</div>\n <div>\n <span class=\"gp-service-label\">Lokale Sichtbarkeit bei Google</span>\n <span class=\"gp-service-sub\">Google Maps und lokale Suchergebnisse</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">★</div>\n <div>\n <span class=\"gp-service-label\">Google Unternehmensprofil Optimierung</span>\n <span class=\"gp-service-sub\">Ihr digitales Aushängeschild bei Google</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">✎</div>\n <div>\n <span class=\"gp-service-label\">Inhalte für Websites, Blog und FAQ</span>\n <span class=\"gp-service-sub\">Texte, die Vertrauen aufbauen</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">◉</div>\n <div>\n <span class=\"gp-service-label\">SEO, GEO und KI-Sichtbarkeit</span>\n <span class=\"gp-service-sub\">Zukunftssicher im KI-Zeitalter</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">▤</div>\n <div>\n <span class=\"gp-service-label\">Landingpages und Angebotsseiten</span>\n <span class=\"gp-service-sub\">Gezielte Seiten für Ihre Angebote</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">▲</div>\n <div>\n <span class=\"gp-service-label\">Online-Marketing für kleine Unternehmen</span>\n <span class=\"gp-service-sub\">Strategien, die wirklich funktionieren</span>\n </div>\n </div>\n <div class=\"gp-service-card gp-animate gp-visible\">\n <div class=\"gp-service-icon\" aria-hidden=\"true\">◎</div>\n <div>\n <span class=\"gp-service-label\">Beratung, Schulung und Website-Coaching</span>\n <span class=\"gp-service-sub\">Damit Sie Ihre Website selbst verstehen</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"gp-cta-box gp-animate gp-visible\">\n <div class=\"gp-cta-text\">\n <h3>Ziel ist eine Website, die zu Ihrem Unternehmen passt</h3>\n <span class=\"gp-cta-desc\">Ihre Leistungen klar erklärt und Ihren Kunden den nächsten Schritt leicht macht. <a href=\"/website-check-analyse\">Jetzt Website-Check starten →</a></span>\n </div>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-4fefb91f-fca6-4bb8-a560-e47046f667f6');\n if (!el) return;\n\n var targets = el.querySelectorAll('.gp-animate');\n if (!targets.length) return;\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('gp-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('gp-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n targets.forEach(function(t) { observer.observe(t); });\n})();\n</script>","summary":null,"version":8,"inserted_version":8,"total_cost":5.60307825,"total_messages_sent":8,"summarized_at_total":0}

Pellworm in Nordfriesland – Standort der Webagentur MEDIAteria

MEDIAteria – Webagentur für Websites, SEO & Sichtbarkeit in Schleswig-Holstein

MEDIAteria ist eine Webagentur mit Sitz auf Pellworm im Kreis Nordfriesland in Schleswig-Holstein. Seit vielen Jahren unterstütze ich kleine Unternehmen, Selbstständige, Dienstleister, Handwerksbetriebe, Ferienhausvermieter und touristische Anbieter dabei, online professionell sichtbar zu werden.

Im Mittelpunkt stehen Websites, die nicht nur gut aussehen, sondern verständlich aufgebaut sind, Vertrauen schaffen und bei Google sowie in modernen Suchsystemen besser gefunden werden können.

Webdesign, Website-Erstellung und Sichtbarkeit aus einer Hand

Viele Unternehmen stehen irgendwann vor der Frage: Brauche ich eine neue Website? Muss meine bestehende Website überarbeitet werden? Oder fehlt mir einfach eine bessere Struktur, damit Kunden mich online finden und verstehen? Wenn Sie eine neue Website planen oder Ihren bestehenden Auftritt modernisieren möchten, ist die Seite Webdesign & Website-Erstellung ein guter nächster Schritt.

MEDIAteria unterstützt genau an dieser Stelle.

Zu den Leistungen gehören unter anderem:

Webdesign und Website-Erstellung Professionelle Websites für kleine Unternehmen

Website-Relaunch Bestehende Seiten modern überarbeiten

Suchmaschinen-Optimierung Besser gefunden werden bei Google

Lokale Sichtbarkeit bei Google Google Maps und lokale Suchergebnisse

Google Unternehmensprofil Optimierung Ihr digitales Aushängeschild bei Google

Inhalte für Websites, Blog und FAQ Texte, die Vertrauen aufbauen

SEO, GEO und KI-Sichtbarkeit Zukunftssicher im KI-Zeitalter

Landingpages und Angebotsseiten Gezielte Seiten für Ihre Angebote

Online-Marketing für kleine Unternehmen Strategien, die wirklich funktionieren

Beratung, Schulung und Website-Coaching Damit Sie Ihre Website selbst verstehen

Ziel ist eine Website, die zu Ihrem Unternehmen passt

Ihre Leistungen klar erklärt und Ihren Kunden den nächsten Schritt leicht macht. Jetzt Website-Check starten →

{"uuid":"eeeaa419-2f88-47e9-80b8-1ab00675fca7","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-eeeaa419-2f88-47e9-80b8-1ab00675fca7 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 *,\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 *::before,\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 *::after {\n box-sizing: inherit;\n }\n\n /* === VARIABLES === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 {\n --snippet-radius: 12px;\n --snippet-transition: 0.25s ease-out;\n }\n\n /* === HEADING BLOCK === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block {\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0;\n position: relative;\n padding-bottom: 0.75rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50px;\n height: 3px;\n background: var(--wsw-color-accent, #f69c1e);\n border-radius: 2px;\n }\n\n /* === BODY TEXT === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-body-text {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin: 0 0 1.25rem 0;\n }\n\n /* === HIGHLIGHT === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-highlight {\n color: var(--wsw-color-accent, #f69c1e);\n font-weight: 600;\n display: inline;\n }\n\n /* === SECTION === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-section {\n margin-bottom: 3.5rem;\n }\n\n /* === MAP + INFO LAYOUT === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-location-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n /* === MAP CARD === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46,46,46,0.08);\n border-radius: var(--snippet-radius);\n overflow: hidden;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46,46,46,0.1);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-img {\n width: 100%;\n height: 280px;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption {\n padding: 1rem 1.25rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption .sr-pin-icon {\n font-size: 1.2rem;\n color: var(--wsw-color-accent, #f69c1e);\n flex-shrink: 0;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption span:last-child {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n }\n\n /* === INFO CARD === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46,46,46,0.08);\n border-radius: var(--snippet-radius);\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46,46,46,0.1);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-row {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-icon {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n border-radius: 10px;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), rgba(246,156,30,0.7));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: var(--wsw-color-white, #ffffff);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-label {\n color: var(--wsw-color-dark, #626262);\n display: block;\n font-size: 0.85em;\n margin-bottom: 0.15rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-value {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n display: block;\n line-height: 1.3;\n }\n\n /* === REGIONS TAGS === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-wrap {\n margin-top: 2rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n display: block;\n margin-bottom: 0.75rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n background: rgba(246,156,30,0.1);\n color: var(--wsw-color-black, #2e2e2e);\n border: 1px solid rgba(246,156,30,0.25);\n border-radius: 999px;\n padding: 0.4rem 0.9rem;\n font-size: 0.88em;\n line-height: 1.3;\n transition: background var(--snippet-transition), border-color var(--snippet-transition);\n cursor: default;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag:hover {\n background: rgba(246,156,30,0.2);\n border-color: rgba(246,156,30,0.45);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag .sr-tag-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #f69c1e);\n flex-shrink: 0;\n }\n\n /* === DIGITAL NOTE === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note {\n background: linear-gradient(135deg, var(--wsw-color-black, #2e2e2e), var(--wsw-color-dark, #626262));\n border-radius: var(--snippet-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 2.5rem;\n display: flex;\n align-items: center;\n gap: 1.25rem;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-icon {\n flex-shrink: 0;\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: rgba(246,156,30,0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-text {\n color: rgba(255,255,255,0.92);\n line-height: 1.55;\n margin: 0;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-text strong {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* === DARK THEME OVERRIDES === */\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-body-text,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-body-text,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-body-text,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-body-text {\n color: rgba(255,255,255,0.82);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card,\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-card,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-card,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-card,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-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-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption span:last-child,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption span:last-child,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption span:last-child,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption span:last-child {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-value,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-value,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-value,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-value {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-label,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-label,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-label,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-label {\n color: rgba(255,255,255,0.6);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-label,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-label,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-label,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-label {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag {\n background: rgba(246,156,30,0.12);\n border-color: rgba(246,156,30,0.3);\n color: rgba(255,255,255,0.9);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag:hover,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag:hover,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag:hover,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag:hover {\n background: rgba(246,156,30,0.22);\n border-color: rgba(246,156,30,0.5);\n }\n section.wsw-theme-d #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note,\n section.wsw-theme-db #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note,\n section.wsw-theme-b #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note,\n section.wsw-theme-bb #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n }\n\n /* === ACCENT THEME === */\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-heading-block h2::after {\n background: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-body-text {\n color: rgba(255,255,255,0.88);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-card,\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-card {\n background: rgba(255,255,255,0.12);\n border-color: rgba(255,255,255,0.18);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-icon {\n background: rgba(255,255,255,0.2);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-value,\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-map-caption span:last-child,\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-regions-label {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-info-label {\n color: rgba(255,255,255,0.65);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag {\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.25);\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-tag .sr-tag-dot {\n background: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note {\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.18);\n }\n\n /* === ANIMATIONS === */\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-animate {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-animate.sr-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* === REDUCED MOTION === */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 *,\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 *::before,\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n /* === RESPONSIVE === */\n @media (max-width: 768px) {\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-location-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7 .sr-digital-note {\n flex-direction: column;\n text-align: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7\">\n\n \n <div class=\"sr-section sr-animate sr-visible\">\n <div class=\"sr-heading-block\">\n <h2>Standort und Region</h2>\n </div>\n <span class=\"sr-body-text\">MEDIAteria hat ihren Standort auf Pellworm, einer Nordseeinsel im Kreis Nordfriesland in Schleswig-Holstein.</span>\n <span class=\"sr-body-text\">Von hier aus betreue ich Unternehmen auf Pellworm, in Nordfriesland, Dithmarschen, Eiderstedt, St. Peter-Ording, Husum, Sylt, Amrum, Föhr, Schleswig-Flensburg, Rendsburg-Eckernförde und weiteren Regionen in Schleswig-Holstein.</span>\n </div>\n\n \n <div class=\"sr-location-grid sr-animate sr-visible\">\n\n \n <div class=\"sr-map-card\">\n <img class=\"sr-map-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a23131603b70.jpg\" width=\"1408\" height=\"768\" alt=\"Luftaufnahme der Nordseeinsel Pellworm – Standort von MEDIAteria\" loading=\"lazy\">\n <div class=\"sr-map-caption\">\n <span class=\"sr-pin-icon\" aria-hidden=\"true\">📍</span>\n <span>Pellworm, Nordfriesland</span>\n </div>\n </div>\n\n \n <div class=\"sr-info-card\">\n <div class=\"sr-info-row\">\n <div class=\"sr-info-icon\" aria-hidden=\"true\">◈</div>\n <div>\n <span class=\"sr-info-label\">Standort</span>\n <span class=\"sr-info-value\">Pellworm</span>\n </div>\n </div>\n <div class=\"sr-info-row\">\n <div class=\"sr-info-icon\" aria-hidden=\"true\">▣</div>\n <div>\n <span class=\"sr-info-label\">Kreis</span>\n <span class=\"sr-info-value\">Nordfriesland</span>\n </div>\n </div>\n <div class=\"sr-info-row\">\n <div class=\"sr-info-icon\" aria-hidden=\"true\">⬡</div>\n <div>\n <span class=\"sr-info-label\">Bundesland</span>\n <span class=\"sr-info-value\">Schleswig-Holstein</span>\n </div>\n </div>\n <div class=\"sr-info-row\">\n <div class=\"sr-info-icon\" aria-hidden=\"true\">◎</div>\n <div>\n <span class=\"sr-info-label\">Region</span>\n <span class=\"sr-info-value\">Norddeutschland</span>\n </div>\n </div>\n <div class=\"sr-info-row\">\n <div class=\"sr-info-icon\" aria-hidden=\"true\">✦</div>\n <div>\n <span class=\"sr-info-label\">Koordinaten</span>\n <span class=\"sr-info-value\">54.527628, 8.705685</span>\n </div>\n </div>\n </div>\n\n </div>\n\n \n <div class=\"sr-regions-wrap sr-animate sr-visible\">\n <span class=\"sr-regions-label\">Regionen, die ich betreue:</span>\n <div class=\"sr-tags\">\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Pellworm</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Nordfriesland</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Dithmarschen</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Eiderstedt</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>St. Peter-Ording</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Husum</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Sylt</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Amrum</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Föhr</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Schleswig-Flensburg</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Rendsburg-Eckernförde</span>\n <span class=\"sr-tag\"><span class=\"sr-tag-dot\" aria-hidden=\"true\"></span>Schleswig-Holstein</span>\n </div>\n </div>\n\n \n <div class=\"sr-digital-note sr-animate sr-visible\">\n <div class=\"sr-digital-icon\" aria-hidden=\"true\">⟁</div>\n <span class=\"sr-digital-text\"><strong>Auch überregional erreichbar:</strong> Viele Projekte lassen sich vollständig digital umsetzen. Deshalb ist die Zusammenarbeit auch überregional möglich.</span>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-eeeaa419-2f88-47e9-80b8-1ab00675fca7');\n if (!el) return;\n\n var targets = el.querySelectorAll('.sr-animate');\n if (!targets.length) return;\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('sr-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('sr-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, 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.64069852,"total_messages_sent":1,"summarized_at_total":0}

Standort und Region

MEDIAteria hat ihren Standort auf Pellworm, einer Nordseeinsel im Kreis Nordfriesland in Schleswig-Holstein. Von hier aus betreue ich Unternehmen auf Pellworm, in Nordfriesland, Dithmarschen, Eiderstedt, St. Peter-Ording, Husum, Sylt, Amrum, Föhr, Schleswig-Flensburg, Rendsburg-Eckernförde und weiteren Regionen in Schleswig-Holstein.

Luftaufnahme der Nordseeinsel Pellworm – Standort von MEDIAteria

Pellworm, Nordfriesland

Standort Pellworm

Kreis Nordfriesland

Bundesland Schleswig-Holstein

Region Norddeutschland

Koordinaten 54.527628, 8.705685

Regionen, die ich betreue:

Pellworm Nordfriesland Dithmarschen Eiderstedt St. Peter-Ording Husum Sylt Amrum Föhr Schleswig-Flensburg Rendsburg-Eckernförde Schleswig-Holstein

Auch überregional erreichbar: Viele Projekte lassen sich vollständig digital umsetzen. Deshalb ist die Zusammenarbeit auch überregional möglich.

{"uuid":"5f5cec51-b381-491f-a035-b89b3004952e","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-5f5cec51-b381-491f-a035-b89b3004952e {\n font-family: inherit;\n box-sizing: border-box;\n padding: 3.5rem 1.5rem;\n background: transparent;\n }\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e *,\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e *::before,\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-inner {\n max-width: 960px;\n margin: 0 auto;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem 0;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-intro {\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 0.5rem 0;\n max-width: 65ch;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-label {\n display: block;\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 1.5rem 0;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 2.5rem;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 1.25rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: 8px;\n border-left: 3px solid var(--wsw-color-accent, #f69c1e);\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n box-shadow: 0 1px 3px rgba(0,0,0,0.06);\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-icon {\n flex-shrink: 0;\n width: 2.25rem;\n height: 2.25rem;\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 border-radius: 50%;\n font-size: 1.1rem;\n line-height: 1;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 500;\n }\n\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-closing {\n max-width: 65ch;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.6;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e h2,\n section.wsw-theme-db #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e h2,\n section.wsw-theme-b #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e h2,\n section.wsw-theme-bb #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-intro,\n section.wsw-theme-db #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-intro,\n section.wsw-theme-b #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-intro,\n section.wsw-theme-bb #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-intro,\n section.wsw-theme-d #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-label,\n section.wsw-theme-db #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-label,\n section.wsw-theme-b #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-label,\n section.wsw-theme-bb #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-label {\n color: var(--wsw-color-light, #adadab);\n }\n\n section.wsw-theme-d #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card,\n section.wsw-theme-db #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card,\n section.wsw-theme-b #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card,\n section.wsw-theme-bb #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card {\n background: rgba(255,255,255,0.07);\n }\n\n section.wsw-theme-d #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card-label,\n section.wsw-theme-db #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card-label,\n section.wsw-theme-b #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card-label,\n section.wsw-theme-bb #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-closing,\n section.wsw-theme-db #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-closing,\n section.wsw-theme-b #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-closing,\n section.wsw-theme-bb #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-closing {\n color: var(--wsw-color-light, #adadab);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-intro,\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-label {\n color: rgba(255,255,255,0.85);\n }\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card {\n background: rgba(255,255,255,0.15);\n border-left-color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-icon {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-card-label {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-closing {\n color: rgba(255,255,255,0.9);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e *,\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e *::before,\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e {\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e .fwa-grid {\n grid-template-columns: 1fr;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-5f5cec51-b381-491f-a035-b89b3004952e\">\n <div class=\"fwa-inner\">\n <h2>Für wen MEDIAteria arbeitet</h2>\n <span class=\"fwa-intro\">MEDIAteria arbeitet vor allem für kleine und mittelständische Unternehmen, die eine klare, gepflegte und zukunftsfähige Website benötigen.</span>\n <span class=\"fwa-label\">Dazu gehören zum Beispiel:</span>\n\n <div class=\"fwa-grid\">\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🏡</span>\n <span class=\"fwa-card-label\">Ferienhausvermieter und Gastgeber</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🏨</span>\n <span class=\"fwa-card-label\">Hotels, Pensionen und touristische Anbieter</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🔧</span>\n <span class=\"fwa-card-label\">Handwerksbetriebe</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">💼</span>\n <span class=\"fwa-card-label\">Dienstleister</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">✨</span>\n <span class=\"fwa-card-label\">Kosmetikstudios und Praxen</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🎯</span>\n <span class=\"fwa-card-label\">Coaches und Berater</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">📍</span>\n <span class=\"fwa-card-label\">Regionale Unternehmen</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🤝</span>\n <span class=\"fwa-card-label\">Vereine und Organisationen</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🚀</span>\n <span class=\"fwa-card-label\">Gründerinnen und Gründer</span>\n </div>\n <div class=\"fwa-card\">\n <span class=\"fwa-icon\">🔄</span>\n <span class=\"fwa-card-label\">Unternehmen, die neu starten oder ihre alte Website modernisieren möchten</span>\n </div>\n </div>\n\n <span class=\"fwa-closing\">Gerade für kleine Unternehmen ist es wichtig, online verständlich aufzutreten. Eine Website sollte zeigen, wer hinter dem Unternehmen steht, welche Leistungen angeboten werden, wo das Unternehmen tätig ist und warum Kunden Vertrauen aufbauen können.</span>\n </div>\n</div>","summary":null,"version":2,"inserted_version":2,"total_cost":0.5563157599999999,"total_messages_sent":2,"summarized_at_total":0}

Für wen MEDIAteria arbeitet

MEDIAteria arbeitet vor allem für kleine und mittelständische Unternehmen, die eine klare, gepflegte und zukunftsfähige Website benötigen. Dazu gehören zum Beispiel:

🏡 Ferienhausvermieter und Gastgeber

🏨 Hotels, Pensionen und touristische Anbieter

🔧 Handwerksbetriebe

💼 Dienstleister

✨ Kosmetikstudios und Praxen

🎯 Coaches und Berater

📍 Regionale Unternehmen

🤝 Vereine und Organisationen

🚀 Gründerinnen und Gründer

🔄 Unternehmen, die neu starten oder ihre alte Website modernisieren möchten

Gerade für kleine Unternehmen ist es wichtig, online verständlich aufzutreten. Eine Website sollte zeigen, wer hinter dem Unternehmen steht, welche Leistungen angeboten werden, wo das Unternehmen tätig ist und warum Kunden Vertrauen aufbauen können.

{"uuid":"79567e74-e1a7-4645-9905-1a782ed08ba9","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-79567e74-e1a7-4645-9905-1a782ed08ba9 {\n font-family: inherit;\n box-sizing: border-box;\n padding: 3.5rem 1.5rem;\n background: transparent;\n }\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 *,\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 *::before,\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-wrapper {\n max-width: 960px;\n margin: 0 auto;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem 0;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro-text {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n /* --- Image row --- */\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-image-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: 2.5rem;\n border-radius: 12px;\n overflow: hidden;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-image-row img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n\n /* --- Checklist --- */\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist {\n list-style: none;\n margin: 0 0 2.5rem 0;\n padding: 0;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.75rem 2rem;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.65rem;\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.5;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-check-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #f69c1e);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 0.15rem;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-check-icon svg {\n width: 12px;\n height: 12px;\n fill: none;\n stroke: var(--wsw-color-white, #fff);\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n /* --- Bottom card --- */\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n background: var(--wsw-color-light, #adabab);\n border-radius: 12px;\n overflow: hidden;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-img {\n width: 100%;\n height: 100%;\n min-height: 280px;\n object-fit: cover;\n display: block;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content {\n padding: 2rem 2rem 2rem 0;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content h3 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem 0;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.6;\n max-width: 65ch;\n }\n\n /* --- Dark / black theme overrides --- */\n section.wsw-theme-d #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro h2,\n section.wsw-theme-db #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro h2,\n section.wsw-theme-b #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro h2,\n section.wsw-theme-bb #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro-text,\n section.wsw-theme-db #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro-text,\n section.wsw-theme-b #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro-text,\n section.wsw-theme-bb #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro-text {\n color: var(--wsw-color-light, #adabab);\n }\n\n section.wsw-theme-d #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist li,\n section.wsw-theme-db #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist li,\n section.wsw-theme-b #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist li,\n section.wsw-theme-bb #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist li {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom,\n section.wsw-theme-db #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom,\n section.wsw-theme-b #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom,\n section.wsw-theme-bb #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom {\n background: rgba(255, 255, 255, 0.08);\n }\n\n section.wsw-theme-d #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content h3,\n section.wsw-theme-db #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content h3,\n section.wsw-theme-b #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content h3,\n section.wsw-theme-bb #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content h3 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-text,\n section.wsw-theme-db #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-text,\n section.wsw-theme-b #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-text,\n section.wsw-theme-bb #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-text {\n color: var(--wsw-color-light, #adabab);\n }\n\n /* --- Accent theme --- */\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro h2,\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist li,\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content h3,\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-text {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-intro-text {\n color: rgba(255, 255, 255, 0.85);\n }\n\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-check-icon {\n background: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-check-icon svg {\n stroke: var(--wsw-color-accent, #f69c1e);\n }\n\n section.wsw-theme-a #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom {\n background: rgba(255, 255, 255, 0.15);\n }\n\n /* --- Responsive --- */\n @media (max-width: 768px) {\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 {\n padding: 2.5rem 1rem;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-image-row {\n grid-template-columns: 1fr;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-image-row img {\n height: 180px;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-checklist {\n grid-template-columns: 1fr;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom {\n grid-template-columns: 1fr;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-content {\n padding: 1.5rem;\n }\n\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 .wwa-bottom-img {\n min-height: 200px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 *,\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 *::before,\n #wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-79567e74-e1a7-4645-9905-1a782ed08ba9\">\n <div class=\"wwa-wrapper\">\n\n <div class=\"wwa-intro\">\n <h2>Website erstellen lassen – worauf es heute ankommt</h2>\n <span class=\"wwa-intro-text\">Eine moderne Website ist mehr als eine digitale Visitenkarte. Sie ist Ihr wichtigstes Werkzeug, um neue Kunden zu gewinnen und Vertrauen aufzubauen.</span>\n </div>\n\n <div class=\"wwa-image-row\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a2314d02e742.jpg\" width=\"1408\" height=\"768\" alt=\"Elektriker bei der Arbeit\" loading=\"lazy\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a2314e2561b1.jpg\" width=\"1408\" height=\"768\" alt=\"Selbstständige Designerin am Laptop\" loading=\"lazy\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a2314f1e7b89.jpg\" width=\"1408\" height=\"768\" alt=\"Inhaberin einer kleinen Bäckerei\" loading=\"lazy\">\n </div>\n\n <ul class=\"wwa-checklist\">\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Auf dem Smartphone gut funktionieren</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Klare Leistungen zeigen</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Vertrauen aufbauen</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Einfache Kontaktmöglichkeiten bieten</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Bei Google gefunden werden können</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Regionale Suchanfragen abdecken</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Häufige Kundenfragen beantworten</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Bilder, Texte und Struktur sinnvoll verbinden</span>\n </li>\n <li>\n <span class=\"wwa-check-icon\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2 6 5 9 10 3\"></polyline></svg></span>\n <span>Regelmäßig gepflegt werden können</span>\n </li>\n </ul>\n\n <div class=\"wwa-bottom\">\n <img class=\"wwa-bottom-img\" src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a231502a45ce.jpg\" width=\"1408\" height=\"768\" alt=\"Selbstständige und Kleinunternehmer – die Zielgruppe von MEDIAteria\" loading=\"lazy\">\n <div class=\"wwa-bottom-content\">\n <h3>Mehr als nur Design</h3>\n <span class=\"wwa-bottom-text\">Wer heute eine Website erstellen lässt, sollte nicht nur auf das Design achten. Ebenso wichtig sind Struktur, Inhalte, Suchmaschinenoptimierung, Ladezeiten, Nutzerführung, Datenschutz, Barrierefreiheit und die spätere Pflege der Website.</span>\n </div>\n </div>\n\n </div>\n</div>","summary":null,"version":1,"inserted_version":1,"total_cost":1.0602607400000001,"total_messages_sent":1,"summarized_at_total":0}

Website erstellen lassen – worauf es heute ankommt

Eine moderne Website ist mehr als eine digitale Visitenkarte. Sie ist Ihr wichtigstes Werkzeug, um neue Kunden zu gewinnen und Vertrauen aufzubauen.

Auf dem Smartphone gut funktionieren
Klare Leistungen zeigen
Vertrauen aufbauen
Einfache Kontaktmöglichkeiten bieten
Bei Google gefunden werden können
Regionale Suchanfragen abdecken
Häufige Kundenfragen beantworten
Bilder, Texte und Struktur sinnvoll verbinden
Regelmäßig gepflegt werden können

Selbstständige und Kleinunternehmer – die Zielgruppe von MEDIAteria

Mehr als nur Design

Wer heute eine Website erstellen lässt, sollte nicht nur auf das Design achten. Ebenso wichtig sind Struktur, Inhalte, Suchmaschinenoptimierung, Ladezeiten, Nutzerführung, Datenschutz, Barrierefreiheit und die spätere Pflege der Website.

{"uuid":"6160e0ee-2a69-4f59-ad5c-75ed776173b2","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-6160e0ee-2a69-4f59-ad5c-75ed776173b2 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 4rem 1.5rem;\n }\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 *,\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 *::before,\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-wrapper {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header {\n max-width: 65ch;\n margin-bottom: 3rem;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem 0;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-lead {\n display: block;\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 1rem 0;\n line-height: 1.6;\n font-size: 1.635rem;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-body {\n display: block;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.6;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\n gap: 1.5rem;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46, 46, 46, 0.08);\n border-radius: 8px;\n padding: 2rem 1.75rem;\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(46, 46, 46, 0.1);\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card-icon {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n border-radius: 10px;\n background: var(--wsw-color-accent, #f69c1e);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n line-height: 1;\n color: var(--wsw-color-white, #ffffff);\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card-content {\n flex: 1;\n min-width: 0;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card h4 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 0.5rem 0;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card .wdku-card-desc {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.5;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header h2,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header h2,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header h2,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-lead,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-lead,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-lead,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-lead,\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-body,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-body,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-body,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-body {\n color: var(--wsw-color-light, #adabab);\n }\n\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.1);\n }\n\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card h4,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card h4,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card h4,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card h4 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card .wdku-card-desc,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card .wdku-card-desc,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card .wdku-card-desc,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card .wdku-card-desc {\n color: var(--wsw-color-light, #adabab);\n }\n\n section.wsw-theme-d #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card:hover,\n section.wsw-theme-db #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card:hover,\n section.wsw-theme-b #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card:hover,\n section.wsw-theme-bb #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card:hover {\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-lead,\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-body {\n color: rgba(255, 255, 255, 0.85);\n }\n\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.15);\n }\n\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card h4 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card .wdku-card-desc {\n color: rgba(255, 255, 255, 0.8);\n }\n\n section.wsw-theme-a #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card-icon {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 *,\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 *::before,\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 {\n padding: 3rem 1rem;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-header {\n margin-bottom: 2rem;\n }\n\n #wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2 .wdku-card {\n padding: 1.5rem 1.25rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-6160e0ee-2a69-4f59-ad5c-75ed776173b2\">\n <div class=\"wdku-wrapper\">\n <div class=\"wdku-header\">\n <h2>Webdesign für kleine Unternehmen</h2>\n <span class=\"wdku-lead\">Viele kleine Unternehmen brauchen keine überladene Website, sondern eine klare Lösung, die funktioniert.</span>\n <span class=\"wdku-body\">MEDIAteria entwickelt Websites, die verständlich aufgebaut sind und zu den vorhandenen Ressourcen passen. Das ist besonders wichtig, wenn Texte, Bilder, Blogbeiträge oder aktuelle Hinweise später selbst gepflegt werden sollen.</span>\n </div>\n\n <div class=\"wdku-grid\">\n <div class=\"wdku-card\">\n <div class=\"wdku-card-icon\">◈</div>\n <div class=\"wdku-card-content\">\n <h4>Kompakte Website</h4>\n <span class=\"wdku-card-desc\">Eine übersichtliche Webpräsenz mit den wichtigsten Informationen – ideal für den Einstieg.</span>\n </div>\n </div>\n\n <div class=\"wdku-card\">\n <div class=\"wdku-card-icon\">◩</div>\n <div class=\"wdku-card-content\">\n <h4>Unternehmenswebsite</h4>\n <span class=\"wdku-card-desc\">Umfangreichere Seitenstruktur mit mehreren Bereichen für wachsende Anforderungen.</span>\n </div>\n </div>\n\n <div class=\"wdku-card\">\n <div class=\"wdku-card-icon\">▹</div>\n <div class=\"wdku-card-content\">\n <h4>Landingpage</h4>\n <span class=\"wdku-card-desc\">Fokussierte Einzelseite für Kampagnen, Produkte oder gezielte Kundenansprache.</span>\n </div>\n </div>\n\n <div class=\"wdku-card\">\n <div class=\"wdku-card-icon\">✎</div>\n <div class=\"wdku-card-content\">\n <h4>Blog & FAQ</h4>\n <span class=\"wdku-card-desc\">Regelmäßige Inhalte veröffentlichen und häufige Fragen übersichtlich beantworten.</span>\n </div>\n </div>\n\n <div class=\"wdku-card\">\n <div class=\"wdku-card-icon\">⚙</div>\n <div class=\"wdku-card-content\">\n <h4>Erweiterte Funktionen</h4>\n <span class=\"wdku-card-desc\">Buchungssystem, Anfrageformular, Newsletter, Shop oder digitale Kundenkommunikation – je nach Bedarf integriert.</span>\n </div>\n </div>\n </div>\n </div>\n</div>","summary":null,"version":2,"inserted_version":2,"total_cost":0.58790347,"total_messages_sent":2,"summarized_at_total":0}

Webdesign für kleine Unternehmen

Viele kleine Unternehmen brauchen keine überladene Website, sondern eine klare Lösung, die funktioniert. MEDIAteria entwickelt Websites, die verständlich aufgebaut sind und zu den vorhandenen Ressourcen passen. Das ist besonders wichtig, wenn Texte, Bilder, Blogbeiträge oder aktuelle Hinweise später selbst gepflegt werden sollen.

◈

Kompakte Website

Eine übersichtliche Webpräsenz mit den wichtigsten Informationen – ideal für den Einstieg.

◩

Unternehmenswebsite

Umfangreichere Seitenstruktur mit mehreren Bereichen für wachsende Anforderungen.

▹

Landingpage

Fokussierte Einzelseite für Kampagnen, Produkte oder gezielte Kundenansprache.

✎

Blog & FAQ

Regelmäßige Inhalte veröffentlichen und häufige Fragen übersichtlich beantworten.

⚙

Erweiterte Funktionen

Buchungssystem, Anfrageformular, Newsletter, Shop oder digitale Kundenkommunikation – je nach Bedarf integriert.

{"uuid":"886e6ac1-7db2-4f0c-ba6f-5bb667447697","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-886e6ac1-7db2-4f0c-ba6f-5bb667447697 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 4rem 1.5rem;\n overflow: hidden;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 *,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 *::before,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 *::after {\n box-sizing: inherit;\n }\n\n /* Variables */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 {\n --snippet-radius: 16px;\n --snippet-transition: 0.3s ease-out;\n --snippet-gap: 2rem;\n }\n\n /* Intro area */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro {\n max-width: 900px;\n margin: 0 auto 3.5rem;\n text-align: center;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1.2rem;\n border-radius: 100px;\n background: rgba(246, 156, 30, 0.12);\n color: var(--wsw-color-accent, #f69c1e);\n font-weight: 600;\n font-size: 0.95rem;\n letter-spacing: 0.04rem;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1.5rem;\n line-height: 1.1;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1 .accent-word {\n color: var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-lead {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n margin: 0 auto;\n line-height: 1.65;\n }\n\n /* Hero image area */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-visual {\n position: relative;\n max-width: 1100px;\n margin: 0 auto 4rem;\n border-radius: var(--snippet-radius);\n overflow: hidden;\n aspect-ratio: 21 / 9;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(46,46,46,0.7) 0%, rgba(246,156,30,0.35) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-overlay .overlay-text {\n color: var(--wsw-color-white, #fff);\n text-align: center;\n max-width: 600px;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-overlay h2 {\n color: var(--wsw-color-white, #fff);\n margin: 0 0 0.75rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-overlay .overlay-sub {\n color: rgba(255,255,255,0.85);\n line-height: 1.6;\n }\n\n /* Change explanation block */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block {\n max-width: 900px;\n margin: 0 auto 4rem;\n display: grid;\n grid-template-columns: 4px 1fr;\n gap: 1.5rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-line {\n background: linear-gradient(to bottom, var(--wsw-color-accent, #f69c1e), transparent);\n border-radius: 4px;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content span {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n transition: border-color var(--snippet-transition);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a:hover,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a:focus {\n border-color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Checklist grid */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area {\n max-width: 1100px;\n margin: 0 auto 4rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area h2 {\n color: var(--wsw-color-black, #2e2e2e);\n text-align: center;\n margin: 0 0 2.5rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));\n gap: var(--snippet-gap);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1.25rem 1.5rem;\n background: var(--wsw-color-white, #fff);\n border-radius: 12px;\n border: 1px solid rgba(46,46,46,0.06);\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n opacity: 0;\n transform: translateY(24px);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-icon {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #f5b94e);\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 }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 500;\n line-height: 1.5;\n }\n\n /* Three pillars */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-pillars {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--snippet-gap);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card {\n position: relative;\n padding: 2.5rem 2rem 2rem;\n border-radius: var(--snippet-radius);\n background: var(--wsw-color-white, #fff);\n border: 1px solid rgba(46,46,46,0.06);\n overflow: hidden;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n opacity: 0;\n transform: translateY(30px);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(0,0,0,0.1);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-glow {\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), #f5b94e);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease-out;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card:hover .pillar-glow {\n transform: scaleX(1);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-icon {\n width: 56px;\n height: 56px;\n border-radius: 14px;\n background: rgba(246,156,30,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.6rem;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card h3 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 0.75rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-desc {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n }\n\n /* Footer note */\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note {\n max-width: 900px;\n margin: 3rem auto 0;\n text-align: center;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n transition: border-color var(--snippet-transition), color var(--snippet-transition);\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note a:hover,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note a:focus {\n border-color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* Dark theme overrides */\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-lead,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-lead,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-lead,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-lead {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content span,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content span,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content span,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content span {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a {\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area h2,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area h2,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area h2,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item {\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-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-label,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-label,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-label,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-label {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-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-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card h3,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card h3,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card h3,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-desc,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-desc,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-desc,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-desc {\n color: var(--wsw-color-light, #adadab);\n }\n section.wsw-theme-d #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note,\n section.wsw-theme-db #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note,\n section.wsw-theme-b #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note,\n section.wsw-theme-bb #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note {\n color: var(--wsw-color-light, #adadab);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro h1 .accent-word {\n color: var(--wsw-color-black, #2e2e2e);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-intro .seo-lead {\n color: rgba(255,255,255,0.88);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-badge {\n background: rgba(255,255,255,0.2);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item,\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card {\n background: rgba(255,255,255,0.15);\n border-color: rgba(255,255,255,0.2);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item .check-label,\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card .pillar-desc,\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content span,\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-checklist-area h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a {\n color: var(--wsw-color-white, #fff);\n border-bottom-color: rgba(255,255,255,0.4);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a:hover,\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-change-block .change-content a:focus {\n border-bottom-color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .check-icon {\n background: linear-gradient(135deg, var(--wsw-color-black, #2e2e2e), var(--wsw-color-dark, #626262)) !important;\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note {\n color: rgba(255,255,255,0.88);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note a {\n color: var(--wsw-color-white, #fff);\n border-bottom-color: rgba(255,255,255,0.4);\n }\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note a:hover,\n section.wsw-theme-a #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-footer-note a:focus {\n border-bottom-color: var(--wsw-color-white, #fff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 *,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 *::before,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .checklist-item,\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card {\n opacity: 1 !important;\n transform: none !important;\n }\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 {\n padding: 3rem 1rem;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-hero-visual {\n aspect-ratio: 16 / 9;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .seo-pillars {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697 .pillar-card {\n padding: 2rem 1.5rem 1.5rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697\">\n\n \n <div class=\"seo-intro\">\n <span class=\"seo-badge\">⚡ Zukunft der Suche</span>\n <h1>SEO, GEO und <span class=\"accent-word\">KI-Sichtbarkeit</span></h1>\n <span class=\"seo-lead\">Die Suche verändert sich. Menschen suchen nicht mehr nur nach einzelnen Begriffen wie „Webdesign Nordfriesland\" oder „Website erstellen lassen\". Sie stellen konkrete Fragen, vergleichen Anbieter und nutzen zunehmend KI-gestützte Suchsysteme.</span>\n </div>\n\n \n <div class=\"seo-hero-visual\">\n <img src=\"/s3/a/wsw.website.5384/public/images/pages/folder.39/ai-snippet-6a24067791ccf.jpg\" width=\"1584\" height=\"672\" alt=\"Moderne Suchlandschaft mit KI-Elementen\" loading=\"lazy\">\n <div class=\"seo-hero-overlay\">\n <div class=\"overlay-text\">\n <h2>Von Menschen und Maschinen verstanden werden</h2>\n <span class=\"overlay-sub\">Deshalb sollte Ihre Website heute so aufgebaut sein, dass Menschen, Suchmaschinen und KI-Systeme die Inhalte gut verstehen können.</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"seo-change-block\">\n <div class=\"change-line\"></div>\n <div class=\"change-content\">\n <span>Eine gut strukturierte Website sorgt dafür, dass Ihre Inhalte dort erscheinen, wo potenzielle Kunden suchen – ob bei Google, in KI-Assistenten oder in sprachgesteuerten Suchanfragen.</span>\n <span>Ergänzende Blogbeiträge und FAQ-Inhalte helfen dabei, häufige Fragen Ihrer Kunden aufzugreifen und Ihre Website fachlich stärker einzuordnen. Im <a href=\"https://webdesign-cms-agentur.de/impulse\">Blog</a> finden Sie regelmäßig Impulse rund um Website, SEO, Google und KI-Sichtbarkeit.</span>\n <span>Die folgenden Bausteine bilden die Grundlage dafür, dass Ihre Website in allen relevanten Kanälen sichtbar und verständlich bleibt.</span>\n </div>\n </div>\n\n \n <div class=\"seo-checklist-area\">\n <h2>Die wichtigsten Bausteine für Ihre Sichtbarkeit</h2>\n <div class=\"checklist-grid\">\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Klare Seitentitel und Überschriften</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Eindeutige Leistungsbeschreibungen</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Regionale Informationen</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">FAQ-Bereiche</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Hilfreiche Blogbeiträge</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Interne Verlinkungen</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Strukturierte Inhalte</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Aktuelle Unternehmensinformationen</span>\n </div>\n <div class=\"checklist-item is-visible\">\n <span class=\"check-icon\">✓</span>\n <span class=\"check-label\">Gepflegtes Google Unternehmensprofil</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"seo-pillars\">\n <div class=\"pillar-card is-visible\">\n <div class=\"pillar-glow\"></div>\n <div class=\"pillar-icon\">🔍</div>\n <h3>SEO</h3>\n <span class=\"pillar-desc\">SEO sorgt dafür, dass Ihre Website bei Google besser gefunden werden kann. Durch gezielte Optimierung von Struktur, Inhalten und technischen Details steigen Sie in den Suchergebnissen auf.</span>\n </div>\n <div class=\"pillar-card is-visible\">\n <div class=\"pillar-glow\"></div>\n <div class=\"pillar-icon\">🌐</div>\n <h3>GEO</h3>\n <span class=\"pillar-desc\">GEO unterstützt die bessere Einordnung Ihrer Inhalte durch KI-gestützte Suchsysteme. So werden Sie auch in den neuen, generativen Sucherlebnissen als relevante Quelle erkannt.</span>\n </div>\n <div class=\"pillar-card is-visible\">\n <div class=\"pillar-glow\"></div>\n <div class=\"pillar-icon\">🤖</div>\n <h3>KI-Sichtbarkeit</h3>\n <span class=\"pillar-desc\">KI-Sichtbarkeit bedeutet, dass Ihre Inhalte verständlich, vertrauenswürdig und gut strukturiert auffindbar sind – für Menschen ebenso wie für intelligente Systeme.</span>\n </div>\n </div>\n\n \n <div class=\"seo-footer-note\">\n <span>Mehr dazu, wie Ihre Website bei Google besser gefunden werden kann, erfahren Sie auf der Seite <a href=\"https://webdesign-cms-agentur.de/seo-suchmaschinenoptimierung-website\">SEO & Suchmaschinenoptimierung</a>.</span>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-886e6ac1-7db2-4f0c-ba6f-5bb667447697');\n if (!el) return;\n\n var items = el.querySelectorAll('.checklist-item, .pillar-card');\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 var delay = idx * 80;\n setTimeout(function() {\n entry.target.classList.add('is-visible');\n }, delay);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n items.forEach(function(item) {\n observer.observe(item);\n });\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":2.17470715,"total_messages_sent":3,"summarized_at_total":0}

⚡ Zukunft der Suche

SEO, GEO und KI-Sichtbarkeit

Die Suche verändert sich. Menschen suchen nicht mehr nur nach einzelnen Begriffen wie „Webdesign Nordfriesland" oder „Website erstellen lassen". Sie stellen konkrete Fragen, vergleichen Anbieter und nutzen zunehmend KI-gestützte Suchsysteme.

Von Menschen und Maschinen verstanden werden

Deshalb sollte Ihre Website heute so aufgebaut sein, dass Menschen, Suchmaschinen und KI-Systeme die Inhalte gut verstehen können.

Eine gut strukturierte Website sorgt dafür, dass Ihre Inhalte dort erscheinen, wo potenzielle Kunden suchen – ob bei Google, in KI-Assistenten oder in sprachgesteuerten Suchanfragen. Ergänzende Blogbeiträge und FAQ-Inhalte helfen dabei, häufige Fragen Ihrer Kunden aufzugreifen und Ihre Website fachlich stärker einzuordnen. Im Blog finden Sie regelmäßig Impulse rund um Website, SEO, Google und KI-Sichtbarkeit. Die folgenden Bausteine bilden die Grundlage dafür, dass Ihre Website in allen relevanten Kanälen sichtbar und verständlich bleibt.

Die wichtigsten Bausteine für Ihre Sichtbarkeit

✓ Klare Seitentitel und Überschriften

✓ Eindeutige Leistungsbeschreibungen

✓ Regionale Informationen

✓ FAQ-Bereiche

✓ Hilfreiche Blogbeiträge

✓ Interne Verlinkungen

✓ Strukturierte Inhalte

✓ Aktuelle Unternehmensinformationen

✓ Gepflegtes Google Unternehmensprofil

🔍

SEO

SEO sorgt dafür, dass Ihre Website bei Google besser gefunden werden kann. Durch gezielte Optimierung von Struktur, Inhalten und technischen Details steigen Sie in den Suchergebnissen auf.

🌐

GEO

GEO unterstützt die bessere Einordnung Ihrer Inhalte durch KI-gestützte Suchsysteme. So werden Sie auch in den neuen, generativen Sucherlebnissen als relevante Quelle erkannt.

🤖

KI-Sichtbarkeit

KI-Sichtbarkeit bedeutet, dass Ihre Inhalte verständlich, vertrauenswürdig und gut strukturiert auffindbar sind – für Menschen ebenso wie für intelligente Systeme.

{"uuid":"6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7","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-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 {\n font-family: inherit;\n box-sizing: border-box;\n background: var(--wsw-color-white, #ffffff);\n padding: 3rem 1.5rem;\n border-radius: 8px;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\n }\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 *,\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 *::before,\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .content-wrapper {\n max-width: 800px;\n margin: 0 auto;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 1rem 0;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .intro-text {\n display: block;\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 2rem 0;\n max-width: 65ch;\n line-height: 1.6;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist {\n list-style: none;\n padding: 0;\n margin: 0 0 2.5rem 0;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.5;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li::before {\n content: \"✔\";\n color: var(--wsw-color-accent, #f69c1e);\n font-weight: 700;\n flex-shrink: 0;\n margin-top: 0.1em;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text {\n display: block;\n color: var(--wsw-color-dark, #626262);\n margin: 0 0 2rem 0;\n max-width: 65ch;\n line-height: 1.6;\n padding-top: 0.75rem;\n border-top: 2px solid var(--wsw-color-accent, #f69c1e);\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n color: var(--wsw-color-dark, #626262);\n margin: 0;\n max-width: 65ch;\n line-height: 1.6;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-icon {\n color: var(--wsw-color-accent, #f69c1e);\n font-weight: 700;\n flex-shrink: 0;\n font-size: 1.4em;\n line-height: 1.3;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: opacity 0.2s ease-out;\n }\n\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text a:hover,\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text a:focus {\n opacity: 0.75;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7,\n section.wsw-theme-db #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 {\n background: var(--wsw-color-dark, #626262);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n }\n\n section.wsw-theme-b #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7,\n section.wsw-theme-bb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 {\n background: var(--wsw-color-black, #2e2e2e);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);\n }\n\n section.wsw-theme-l #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7,\n section.wsw-theme-lb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 {\n background: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 {\n background: rgba(0, 0, 0, 0.1);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n }\n\n section.wsw-theme-d #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 h2,\n section.wsw-theme-db #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 h2,\n section.wsw-theme-b #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 h2,\n section.wsw-theme-bb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .intro-text,\n section.wsw-theme-db #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .intro-text,\n section.wsw-theme-b #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .intro-text,\n section.wsw-theme-bb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .intro-text {\n color: var(--wsw-color-light, #adabab);\n }\n\n section.wsw-theme-d #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li,\n section.wsw-theme-db #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li,\n section.wsw-theme-b #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li,\n section.wsw-theme-bb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text,\n section.wsw-theme-db #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text,\n section.wsw-theme-b #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text,\n section.wsw-theme-bb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text {\n color: var(--wsw-color-light, #adabab);\n }\n\n section.wsw-theme-d #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text,\n section.wsw-theme-db #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text,\n section.wsw-theme-b #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text,\n section.wsw-theme-bb #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text {\n color: var(--wsw-color-light, #adabab);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .intro-text,\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text {\n color: var(--wsw-color-white, #ffffff);\n opacity: 0.85;\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .checklist li::before {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .closing-text {\n border-top-color: rgba(255, 255, 255, 0.4);\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text {\n color: var(--wsw-color-white, #ffffff);\n opacity: 0.85;\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-icon {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 .hint-text a {\n color: var(--wsw-color-white, #ffffff);\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 {\n padding: 2rem 1rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 *,\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 *::before,\n #wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-6a07a793-4183-4c0c-87e2-b4f8f4ba3ab7\">\n <div class=\"content-wrapper\">\n <h2>Warum Unternehmensinformationen so wichtig sind</h2>\n\n <span class=\"intro-text\">Suchmaschinen und KI-Systeme müssen ein Unternehmen eindeutig einordnen können. Deshalb sollten auf der Website wichtige Informationen klar erkennbar sein:</span>\n\n <ul class=\"checklist\">\n <li><span>Name des Unternehmens</span></li>\n <li><span>Ansprechpartnerin</span></li>\n <li><span>Standort</span></li>\n <li><span>Region</span></li>\n <li><span>Leistungen</span></li>\n <li><span>Zielgruppen</span></li>\n <li><span>Erfahrung</span></li>\n <li><span>Kontaktmöglichkeiten</span></li>\n <li><span>Verbindungen zu Google Unternehmensprofil und weiteren Kanälen</span></li>\n <li><span>Klare Aussagen zur Arbeitsweise</span></li>\n </ul>\n\n <span class=\"closing-text\">Diese Informationen helfen nicht nur Suchsystemen. Sie helfen vor allem Menschen, schneller Vertrauen aufzubauen.</span>\n\n <div class=\"hint-text\">\n <span class=\"hint-icon\">❗</span>\n <span>Auch ein gepflegtes <a href=\"https://webdesign-cms-agentur.de/google-profil-optimieren\">Google Unternehmensprofil</a> hilft dabei, Standort, Leistungen und Kontaktmöglichkeiten klar sichtbar zu machen.</span>\n </div>\n </div>\n</div>","summary":null,"version":4,"inserted_version":4,"total_cost":1.30269678,"total_messages_sent":4,"summarized_at_total":0}

Warum Unternehmensinformationen so wichtig sind

Suchmaschinen und KI-Systeme müssen ein Unternehmen eindeutig einordnen können. Deshalb sollten auf der Website wichtige Informationen klar erkennbar sein:

Name des Unternehmens
Ansprechpartnerin
Standort
Region
Leistungen
Zielgruppen
Erfahrung
Kontaktmöglichkeiten
Verbindungen zu Google Unternehmensprofil und weiteren Kanälen
Klare Aussagen zur Arbeitsweise

Diese Informationen helfen nicht nur Suchsystemen. Sie helfen vor allem Menschen, schneller Vertrauen aufzubauen.

❗ Auch ein gepflegtes Google Unternehmensprofil hilft dabei, Standort, Leistungen und Kontaktmöglichkeiten klar sichtbar zu machen.

{"uuid":"37f69260-03ee-4107-a274-bc39db36d66b","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-37f69260-03ee-4107-a274-bc39db36d66b {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 4rem 1.5rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b *,\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b *::before,\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b {\n --snippet-radius: 12px;\n --snippet-transition: 0.25s ease-out;\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-wrapper {\n max-width: 960px;\n margin: 0 auto;\n }\n\n /* Heading block */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block {\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0;\n position: relative;\n padding-bottom: 0.75rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 50px;\n height: 3px;\n background: var(--wsw-color-accent, #f69c1e);\n border-radius: 2px;\n }\n\n /* Body text */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-body-text {\n color: var(--wsw-color-dark, #626262);\n max-width: 65ch;\n line-height: 1.65;\n margin: 0 0 1.25rem 0;\n }\n\n /* Highlight card */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46, 46, 46, 0.08);\n border-radius: var(--snippet-radius);\n padding: 2rem 2rem 2rem 1.5rem;\n border-left: 4px solid var(--wsw-color-accent, #f69c1e);\n margin: 2rem 0 2.5rem 0;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46, 46, 46, 0.1);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card .mp-highlight-text {\n color: var(--wsw-color-black, #2e2e2e);\n line-height: 1.6;\n font-weight: 500;\n }\n\n /* Examples grid */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-label {\n color: var(--wsw-color-dark, #626262);\n display: block;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 2.5rem;\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46, 46, 46, 0.08);\n border-radius: var(--snippet-radius);\n padding: 1.25rem 1.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n cursor: default;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(46, 46, 46, 0.1);\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-icon {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n border-radius: 10px;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), rgba(246, 156, 30, 0.7));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n color: var(--wsw-color-white, #ffffff);\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-label {\n color: var(--wsw-color-black, #2e2e2e);\n font-weight: 600;\n display: block;\n line-height: 1.3;\n margin-bottom: 0.2rem;\n }\n\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-desc {\n color: var(--wsw-color-dark, #626262);\n display: block;\n font-size: 0.9em;\n line-height: 1.45;\n }\n\n /* Closing note */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note {\n background: linear-gradient(135deg, var(--wsw-color-black, #2e2e2e), var(--wsw-color-dark, #626262));\n border-radius: var(--snippet-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n display: flex;\n align-items: center;\n gap: 1.25rem;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-icon {\n flex-shrink: 0;\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: rgba(246, 156, 30, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-text {\n color: rgba(255, 255, 255, 0.92);\n line-height: 1.55;\n margin: 0;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-text strong {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Webinar CTA block */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(46, 46, 46, 0.08);\n border-radius: var(--snippet-radius);\n padding: 2rem;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-icon {\n flex-shrink: 0;\n width: 52px;\n height: 52px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), rgba(246, 156, 30, 0.7));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: var(--wsw-color-white, #ffffff);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-content {\n flex: 1;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-text {\n color: var(--wsw-color-dark, #626262);\n line-height: 1.6;\n display: block;\n margin-bottom: 1rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-link {\n display: inline-block;\n padding: 0.65rem 1.5rem;\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n text-decoration: none;\n border-radius: 6px;\n font-weight: 500;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition), filter var(--snippet-transition);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-link:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(246, 156, 30, 0.35);\n filter: brightness(1.08);\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-link:focus {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 3px;\n }\n\n /* === ANIMATIONS === */\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-animate {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-animate.mp-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* === DARK / BLACK THEME === */\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-body-text,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-body-text,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-body-text,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-body-text {\n color: rgba(255, 255, 255, 0.82);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.1);\n border-left-color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card .mp-highlight-text,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card .mp-highlight-text,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card .mp-highlight-text,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card .mp-highlight-text {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-label,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-label,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-label,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-label {\n color: rgba(255, 255, 255, 0.75);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-card,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-card,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-card,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-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-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-label,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-label,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-label,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-label {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-desc,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-desc,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-desc,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-desc {\n color: rgba(255, 255, 255, 0.65);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note {\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-d #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block {\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-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-text,\n section.wsw-theme-db #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-text,\n section.wsw-theme-b #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-text,\n section.wsw-theme-bb #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-text {\n color: rgba(255, 255, 255, 0.82);\n }\n\n /* === ACCENT THEME === */\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-heading-block h2::after {\n background: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-body-text {\n color: rgba(255, 255, 255, 0.88);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.18);\n border-left-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-highlight-card .mp-highlight-text {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-label {\n color: rgba(255, 255, 255, 0.85);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-card {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.18);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-icon {\n background: rgba(255, 255, 255, 0.2);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-label {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-example-desc {\n color: rgba(255, 255, 255, 0.7);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note {\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.18);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.18);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-text {\n color: rgba(255, 255, 255, 0.88);\n }\n section.wsw-theme-a #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-link {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n\n /* === REDUCED MOTION === */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b *,\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b *::before,\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n /* === RESPONSIVE === */\n @media (max-width: 768px) {\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b {\n padding: 3rem 1rem;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-examples-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-closing-note {\n flex-direction: column;\n text-align: center;\n }\n #wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b .mp-webinar-block {\n flex-direction: column;\n text-align: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b\">\n <div class=\"mp-wrapper\">\n\n \n <div class=\"mp-heading-block mp-animate mp-visible\">\n <h2>MEDIAteria als Partnerin für Ihren Online-Auftritt</h2>\n </div>\n\n \n <div class=\"mp-animate mp-visible\">\n <span class=\"mp-body-text\">MEDIAteria verbindet Webdesign, SEO, Content, Google Sichtbarkeit und Online-Marketing mit langjähriger Praxiserfahrung.</span>\n </div>\n\n \n <div class=\"mp-highlight-card mp-animate mp-visible\">\n <span class=\"mp-highlight-text\">Dabei geht es nicht um Standardlösungen, sondern um Websites, die zum jeweiligen Unternehmen passen.</span>\n </div>\n\n \n <span class=\"mp-examples-label mp-animate mp-visible\">Ein Ferienhausvermieter benötigt andere Inhalte als ein Handwerksbetrieb. Ein Kosmetikstudio braucht eine andere Nutzerführung als ein Coach oder ein regionaler Dienstleister.</span>\n\n \n <div class=\"mp-examples-grid\">\n <div class=\"mp-example-card mp-animate mp-visible\">\n <div class=\"mp-example-icon\" aria-hidden=\"true\">🏡</div>\n <div>\n <span class=\"mp-example-label\">Ferienhausvermieter</span>\n <span class=\"mp-example-desc\">Buchungsanreize, Bildsprache, saisonale Inhalte und regionale Sichtbarkeit</span>\n </div>\n </div>\n <div class=\"mp-example-card mp-animate mp-visible\">\n <div class=\"mp-example-icon\" aria-hidden=\"true\">🔧</div>\n <div>\n <span class=\"mp-example-label\">Handwerksbetrieb</span>\n <span class=\"mp-example-desc\">Leistungsübersicht, Einsatzgebiet, Referenzen und klare Kontaktwege</span>\n </div>\n </div>\n <div class=\"mp-example-card mp-animate mp-visible\">\n <div class=\"mp-example-icon\" aria-hidden=\"true\">✨</div>\n <div>\n <span class=\"mp-example-label\">Kosmetikstudio</span>\n <span class=\"mp-example-desc\">Behandlungsangebot, Atmosphäre, Terminbuchung und Vertrauen</span>\n </div>\n </div>\n <div class=\"mp-example-card mp-animate mp-visible\">\n <div class=\"mp-example-icon\" aria-hidden=\"true\">🎯</div>\n <div>\n <span class=\"mp-example-label\">Coach & Berater</span>\n <span class=\"mp-example-desc\">Positionierung, Methoden, Zielgruppe und persönliche Ansprache</span>\n </div>\n </div>\n </div>\n\n \n <div class=\"mp-closing-note mp-animate mp-visible\">\n <div class=\"mp-closing-icon\" aria-hidden=\"true\">◎</div>\n <span class=\"mp-closing-text\"><strong>Deshalb beginnt jedes Projekt mit einem Blick auf Zielgruppe, Angebot, Region und Sichtbarkeit.</strong> Damit Ihre Website genau das zeigt, was Ihre Kunden wissen möchten.</span>\n </div>\n\n \n <div class=\"mp-webinar-block mp-animate mp-visible\">\n <div class=\"mp-webinar-icon\" aria-hidden=\"true\">📅</div>\n <div class=\"mp-webinar-content\">\n <span class=\"mp-webinar-text\">Sie möchten MEDIAteria erst einmal kennenlernen? In regelmäßigen Webinaren und Online-Terminen geben wir – drei Praktiker mit unterschiedlichen Schwerpunkten – Einblicke in aktuelle Themen rund um Website, SEO, Google Sichtbarkeit, KI-Sichtbarkeit und digitale Lösungen für kleine Unternehmen. Dabei teilen wir unsere Erfahrungen und unser Wissen direkt aus der Praxis.</span>\n <a href=\"https://webdesign-cms-agentur.de/termine-webinare-workshops\" class=\"mp-webinar-link\">Aktuelle Webinare entdecken</a>\n </div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-37f69260-03ee-4107-a274-bc39db36d66b');\n if (!el) return;\n\n var targets = el.querySelectorAll('.mp-animate');\n if (!targets.length) return;\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('mp-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('mp-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n targets.forEach(function(t) { observer.observe(t); });\n})();\n</script>","summary":null,"version":5,"inserted_version":5,"total_cost":2.79606635,"total_messages_sent":5,"summarized_at_total":0}

MEDIAteria als Partnerin für Ihren Online-Auftritt

MEDIAteria verbindet Webdesign, SEO, Content, Google Sichtbarkeit und Online-Marketing mit langjähriger Praxiserfahrung.

Dabei geht es nicht um Standardlösungen, sondern um Websites, die zum jeweiligen Unternehmen passen.

Ein Ferienhausvermieter benötigt andere Inhalte als ein Handwerksbetrieb. Ein Kosmetikstudio braucht eine andere Nutzerführung als ein Coach oder ein regionaler Dienstleister.

Ferienhausvermieter Buchungsanreize, Bildsprache, saisonale Inhalte und regionale Sichtbarkeit

Handwerksbetrieb Leistungsübersicht, Einsatzgebiet, Referenzen und klare Kontaktwege

Kosmetikstudio Behandlungsangebot, Atmosphäre, Terminbuchung und Vertrauen

Coach & Berater Positionierung, Methoden, Zielgruppe und persönliche Ansprache

Deshalb beginnt jedes Projekt mit einem Blick auf Zielgruppe, Angebot, Region und Sichtbarkeit. Damit Ihre Website genau das zeigt, was Ihre Kunden wissen möchten.

Sie möchten MEDIAteria erst einmal kennenlernen? In regelmäßigen Webinaren und Online-Terminen geben wir – drei Praktiker mit unterschiedlichen Schwerpunkten – Einblicke in aktuelle Themen rund um Website, SEO, Google Sichtbarkeit, KI-Sichtbarkeit und digitale Lösungen für kleine Unternehmen. Dabei teilen wir unsere Erfahrungen und unser Wissen direkt aus der Praxis. Aktuelle Webinare entdecken

{"uuid":"86d666c5-83eb-40a9-815c-340379aee70f","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-86d666c5-83eb-40a9-815c-340379aee70f {\n font-family: inherit;\n box-sizing: border-box;\n padding: 4rem 1.5rem;\n background: transparent;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f *,\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f *::before,\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-wrapper {\n max-width: 860px;\n margin: 0 auto;\n }\n\n /* Section heading */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading {\n text-align: center;\n margin-bottom: 3rem;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading h2 {\n color: var(--wsw-color-black, #2e2e2e);\n margin: 0 0 0.5rem 0;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading .faq-accent-line {\n display: block;\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #f69c1e);\n margin: 0.75rem auto 0;\n border-radius: 2px;\n }\n\n /* FAQ items */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item {\n border-bottom: 1px solid rgba(173, 171, 171, 0.35);\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item:first-child {\n border-top: 1px solid rgba(173, 171, 171, 0.35);\n }\n\n /* Question button */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question {\n width: 100%;\n background: none;\n border: none;\n padding: 1.5rem 3rem 1.5rem 0;\n cursor: pointer;\n text-align: left;\n position: relative;\n color: var(--wsw-color-black, #2e2e2e);\n font-family: inherit;\n font-size: inherit;\n font-weight: 600;\n line-height: 1.4;\n transition: color 0.25s ease-out;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question:hover {\n color: var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 2px;\n border-radius: 4px;\n }\n\n /* Number badge */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 2rem;\n height: 2rem;\n border-radius: 50%;\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.85rem;\n font-weight: 700;\n flex-shrink: 0;\n transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item[data-open=\"true\"] .faq-num {\n transform: scale(1.1);\n box-shadow: 0 0 0 4px rgba(246, 156, 30, 0.2);\n }\n\n /* Plus/minus icon */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-icon {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-icon::before,\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-icon::after {\n content: '';\n position: absolute;\n background: currentColor;\n border-radius: 2px;\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-icon::before {\n width: 16px;\n height: 2px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-icon::after {\n width: 2px;\n height: 16px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item[data-open=\"true\"] .faq-icon::after {\n transform: translate(-50%, -50%) rotate(90deg);\n opacity: 0;\n }\n\n /* Answer panel */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item[data-open=\"true\"] .faq-answer {\n grid-template-rows: 1fr;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-inner {\n overflow: hidden;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content {\n padding: 0 0 1.5rem 3rem;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.65;\n }\n\n /* CTA section */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta {\n margin-top: 3.5rem;\n padding: 2.5rem;\n background: linear-gradient(135deg, var(--wsw-color-accent, #f69c1e), #e8880a);\n border-radius: 16px;\n text-align: center;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -30%;\n width: 300px;\n height: 300px;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 50%;\n pointer-events: none;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta::after {\n content: '';\n position: absolute;\n bottom: -40%;\n left: -20%;\n width: 240px;\n height: 240px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 50%;\n pointer-events: none;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta h3 {\n color: var(--wsw-color-white, #ffffff);\n margin: 0 0 1rem 0;\n position: relative;\n z-index: 1;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta-text {\n color: rgba(255, 255, 255, 0.92);\n line-height: 1.6;\n margin: 0 auto 2.5rem;\n position: relative;\n z-index: 1;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta-btn {\n display: inline-block;\n padding: 0.9rem 2rem;\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n border-radius: 50px;\n font-weight: 600;\n font-family: inherit;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;\n position: relative;\n z-index: 1;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta-btn:hover {\n transform: translateY(-2px) scale(1.02);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta-btn:focus-visible {\n outline: 2px solid var(--wsw-color-white, #ffffff);\n outline-offset: 3px;\n }\n\n /* Footer hint below CTA */\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint {\n margin-top: 2rem;\n text-align: center;\n color: var(--wsw-color-dark, #626262);\n line-height: 1.6;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint a {\n color: var(--wsw-color-accent, #f69c1e);\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n transition: border-color 0.25s ease-out;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint a:hover {\n border-bottom-color: var(--wsw-color-accent, #f69c1e);\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint a:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #f69c1e);\n outline-offset: 2px;\n border-radius: 2px;\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading h2,\n section.wsw-theme-db #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading h2,\n section.wsw-theme-b #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading h2,\n section.wsw-theme-bb #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question,\n section.wsw-theme-db #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question,\n section.wsw-theme-b #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question,\n section.wsw-theme-bb #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content,\n section.wsw-theme-db #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content,\n section.wsw-theme-b #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content,\n section.wsw-theme-bb #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content {\n color: var(--wsw-color-light, #adabab);\n }\n section.wsw-theme-d #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item,\n section.wsw-theme-db #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item,\n section.wsw-theme-b #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item,\n section.wsw-theme-bb #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item {\n border-color: rgba(255, 255, 255, 0.12);\n }\n section.wsw-theme-d #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint,\n section.wsw-theme-db #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint,\n section.wsw-theme-b #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint,\n section.wsw-theme-bb #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint {\n color: var(--wsw-color-light, #adabab);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-heading h2,\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content {\n color: rgba(255, 255, 255, 0.85);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-item {\n border-color: rgba(255, 255, 255, 0.2);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-num {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #f69c1e);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta {\n background: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta h3 {\n color: var(--wsw-color-black, #2e2e2e);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta-text {\n color: var(--wsw-color-dark, #626262);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta-btn {\n background: var(--wsw-color-accent, #f69c1e);\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint {\n color: rgba(255, 255, 255, 0.85);\n }\n section.wsw-theme-a #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-footer-hint a {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f *,\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f *::before,\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f *::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-86d666c5-83eb-40a9-815c-340379aee70f {\n padding: 3rem 1rem;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-question {\n padding: 1.25rem 2.5rem 1.25rem 0;\n gap: 0.75rem;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-answer-content {\n padding: 0 0 1.25rem 2.75rem;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-cta {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f .faq-num {\n min-width: 1.75rem;\n height: 1.75rem;\n font-size: 0.75rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f\">\n <div class=\"faq-wrapper\">\n\n <div class=\"faq-heading is-visible\" data-animate=\"\" style=\"transition-delay: 0s;\">\n <h2>Häufige Fragen</h2>\n <span class=\"faq-accent-line\"></span>\n </div>\n\n <div class=\"faq-list\">\n\n <div class=\"faq-item is-visible\" data-open=\"false\" data-animate=\"\" style=\"transition-delay: 0.08s;\">\n <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a1\">\n <span class=\"faq-num\">01</span>\n <span>Kann ich bei MEDIAteria eine neue Website erstellen lassen?</span>\n <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"faq-answer\" id=\"faq-a1\" role=\"region\">\n <div class=\"faq-answer-inner\">\n <div class=\"faq-answer-content\">\n <span>Ja. MEDIAteria erstellt Websites für kleine Unternehmen, Selbstständige, Dienstleister, Ferienhausvermieter, touristische Anbieter, Handwerksbetriebe und regionale Unternehmen.</span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"faq-item is-visible\" data-open=\"false\" data-animate=\"\" style=\"transition-delay: 0.16s;\">\n <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a2\">\n <span class=\"faq-num\">02</span>\n <span>Arbeitet MEDIAteria nur auf Pellworm?</span>\n <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"faq-answer\" id=\"faq-a2\" role=\"region\">\n <div class=\"faq-answer-inner\">\n <div class=\"faq-answer-content\">\n <span>Nein. Der Standort ist Pellworm im Kreis Nordfriesland in Schleswig-Holstein. Kunden in ganz Schleswig-Holstein werden aber auch persönlich betreut. Darüber hinaus sind Projekte in anderen Regionen und vollständig digital möglich.</span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"faq-item is-visible\" data-open=\"false\" data-animate=\"\" style=\"transition-delay: 0.24s;\">\n <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a3\">\n <span class=\"faq-num\">03</span>\n <span>Kann eine bestehende Website überarbeitet werden?</span>\n <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"faq-answer\" id=\"faq-a3\" role=\"region\">\n <div class=\"faq-answer-inner\">\n <div class=\"faq-answer-content\">\n <span>Ja. Neben neuen Websites bietet MEDIAteria auch Website-Relaunch, Website-Checks, SEO-Optimierung und inhaltliche Überarbeitung bestehender Websites an.</span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"faq-item is-visible\" data-open=\"false\" data-animate=\"\" style=\"transition-delay: 0.32s;\">\n <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a4\">\n <span class=\"faq-num\">04</span>\n <span>Ist SEO bei einer neuen Website direkt wichtig?</span>\n <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"faq-answer\" id=\"faq-a4\" role=\"region\">\n <div class=\"faq-answer-inner\">\n <div class=\"faq-answer-content\">\n <span>Ja. SEO sollte nicht erst später ergänzt werden. Struktur, Seitentitel, Texte, Bilder, interne Links und regionale Begriffe sollten bereits beim Aufbau der Website berücksichtigt werden.</span>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"faq-item is-visible\" data-open=\"false\" data-animate=\"\" style=\"transition-delay: 0.4s;\">\n <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a5\">\n <span class=\"faq-num\">05</span>\n <span>Was bedeutet KI-Sichtbarkeit für kleine Unternehmen?</span>\n <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"faq-answer\" id=\"faq-a5\" role=\"region\">\n <div class=\"faq-answer-inner\">\n <div class=\"faq-answer-content\">\n <span>KI-Sichtbarkeit bedeutet, dass Inhalte so klar, hilfreich und vertrauenswürdig aufbereitet sind, dass sie von modernen Suchsystemen besser verstanden und eingeordnet werden können.</span>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n\n <div class=\"faq-cta is-visible\" data-animate=\"\" style=\"transition-delay: 0.48s;\">\n <h3>Sie möchten mit Ihrer Website neu starten?</h3>\n <span class=\"faq-cta-text\">Ob neue Website, Website-Relaunch, SEO-Optimierung oder bessere Sichtbarkeit bei Google: Der erste Schritt ist ein klarer Blick auf Ihr Ziel, Ihre Zielgruppe und Ihre aktuelle Online-Präsenz. MEDIAteria unterstützt Sie dabei, Ihre Website verständlich, sichtbar und zukunftsfähig aufzubauen.</span>\n <a href=\"https://webdesign-cms-agentur.de/kontakt-webdesign-beratung#wsw-9174a623-f849-461f-b838-33242790651d\" class=\"faq-cta-btn\" draggable=\"false\">Jetzt Website-Projekt anfragen</a>\n </div>\n\n <div class=\"faq-footer-hint is-visible\" data-animate=\"\" style=\"transition-delay: 0.56s;\">\n <span>Sie sind unsicher, wie gut Ihre Website aktuell aufgestellt ist? Dann ist ein <a href=\"https://webdesign-cms-agentur.de/website-check-analyse\">Website-Check</a> ein sinnvoller erster Schritt.</span>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-86d666c5-83eb-40a9-815c-340379aee70f');\n if (!el) return;\n\n /* Accordion toggle */\n var items = el.querySelectorAll('.faq-item');\n\n items.forEach(function(item) {\n var btn = item.querySelector('.faq-question');\n if (!btn) return;\n\n btn.addEventListener('click', function() {\n var isOpen = item.getAttribute('data-open') === 'true';\n\n /* Close all others */\n items.forEach(function(other) {\n if (other !== item) {\n other.setAttribute('data-open', 'false');\n var otherBtn = other.querySelector('.faq-question');\n if (otherBtn) otherBtn.setAttribute('aria-expanded', 'false');\n }\n });\n\n /* Toggle current */\n var newState = !isOpen;\n item.setAttribute('data-open', String(newState));\n btn.setAttribute('aria-expanded', String(newState));\n });\n });\n\n /* Scroll-triggered entrance animations */\n var animTargets = el.querySelectorAll('[data-animate]');\n\n if ('IntersectionObserver' in window) {\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 animTargets.forEach(function(target, index) {\n target.style.transitionDelay = (index * 0.08) + 's';\n observer.observe(target);\n });\n } else {\n animTargets.forEach(function(target) {\n target.classList.add('is-visible');\n });\n }\n\n})();\n</script>","summary":null,"version":5,"inserted_version":5,"total_cost":2.6690140399999995,"total_messages_sent":5,"summarized_at_total":0}

Häufige Fragen

01 Kann ich bei MEDIAteria eine neue Website erstellen lassen?

Ja. MEDIAteria erstellt Websites für kleine Unternehmen, Selbstständige, Dienstleister, Ferienhausvermieter, touristische Anbieter, Handwerksbetriebe und regionale Unternehmen.

02 Arbeitet MEDIAteria nur auf Pellworm?

Nein. Der Standort ist Pellworm im Kreis Nordfriesland in Schleswig-Holstein. Kunden in ganz Schleswig-Holstein werden aber auch persönlich betreut. Darüber hinaus sind Projekte in anderen Regionen und vollständig digital möglich.

03 Kann eine bestehende Website überarbeitet werden?

Ja. Neben neuen Websites bietet MEDIAteria auch Website-Relaunch, Website-Checks, SEO-Optimierung und inhaltliche Überarbeitung bestehender Websites an.

04 Ist SEO bei einer neuen Website direkt wichtig?

Ja. SEO sollte nicht erst später ergänzt werden. Struktur, Seitentitel, Texte, Bilder, interne Links und regionale Begriffe sollten bereits beim Aufbau der Website berücksichtigt werden.

05 Was bedeutet KI-Sichtbarkeit für kleine Unternehmen?

KI-Sichtbarkeit bedeutet, dass Inhalte so klar, hilfreich und vertrauenswürdig aufbereitet sind, dass sie von modernen Suchsystemen besser verstanden und eingeordnet werden können.

Sie möchten mit Ihrer Website neu starten?

Ob neue Website, Website-Relaunch, SEO-Optimierung oder bessere Sichtbarkeit bei Google: Der erste Schritt ist ein klarer Blick auf Ihr Ziel, Ihre Zielgruppe und Ihre aktuelle Online-Präsenz. MEDIAteria unterstützt Sie dabei, Ihre Website verständlich, sichtbar und zukunftsfähig aufzubauen. Jetzt Website-Projekt anfragen