{"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 <!-- HERO -->\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 <!-- BODY TEXT + H2 SECTION -->\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?</p>\n </div>\n\n <!-- LEAD-IN direkt vor den Karten -->\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 <!-- SERVICES GRID — nicht klickbare Karten, mit Hover-Lift -->\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 <!-- CTA / CLOSING -->\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":7,"inserted_version":7,"total_cost":4.5642135,"total_messages_sent":7,"summarized_at_total":0}
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?
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 <!-- HEADING -->\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 <!-- MAP + INFO GRID -->\n <div class=\"sr-location-grid sr-animate sr-visible\">\n\n <!-- MAP CARD -->\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 <!-- INFO CARD -->\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 <!-- REGION TAGS -->\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 <!-- DIGITAL NOTE -->\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
Pellworm, Nordfriesland
Standort
Pellworm
Kreis
Nordfriesland
Bundesland
Schleswig-Holstein
Region
Norddeutschland
Koordinaten
54.527628, 8.705685
Regionen, die ich betreue:
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
{"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
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}