{"uuid":"637bd589-4d04-4d9c-bcf8-00f5d93234c1","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 {\n box-sizing: border-box;\n font-family: inherit;\n --snippet-orange: #e8731a;\n --snippet-darkblue: #1a2744;\n --snippet-lightgray: #f2f4f7;\n --snippet-white: #ffffff;\n --snippet-radius: 8px;\n --snippet-transition: 0.25s ease-out;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 *,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 *::before,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 *::after {\n box-sizing: inherit;\n }\n\n /* ---------- HERO ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero {\n background: linear-gradient(135deg, #1a2744 0%, #243456 60%, #1a2744 100%);\n padding: clamp(3rem, 8vw, 6rem) 1.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -20%;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(232,115,26,0.12) 0%, transparent 70%);\n pointer-events: none;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero-inner {\n max-width: 820px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero-badge {\n display: inline-block;\n background: rgba(232,115,26,0.15);\n color: #e8731a;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n padding: 0.35rem 1rem;\n border-radius: 50px;\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero h1 {\n color: #ffffff;\n font-size: clamp(1.8rem, 4.5vw, 2.8rem);\n line-height: 1.2;\n margin: 0 0 1.25rem 0;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero h1 .ws-highlight {\n color: #e8731a;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero-sub {\n color: rgba(255,255,255,0.75);\n font-size: clamp(1rem, 2vw, 1.2rem);\n line-height: 1.6;\n max-width: 640px;\n margin: 0 auto 2.5rem auto;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero-cta {\n display: inline-block;\n background: #e8731a;\n color: #ffffff;\n font-size: 1rem;\n font-weight: 600;\n padding: 0.9rem 2.2rem;\n border-radius: 6px;\n text-decoration: none;\n letter-spacing: 0.02em;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n text-transform: uppercase;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero-cta:hover,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-hero-cta:focus-visible {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(232,115,26,0.35);\n outline: none;\n }\n\n /* ---------- PRICING ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing {\n background: #f2f4f7;\n padding: clamp(3rem, 6vw, 5rem) 1.5rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-section-header {\n text-align: center;\n max-width: 640px;\n margin: 0 auto 3rem auto;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-section-header h2 {\n color: #1a2744;\n font-size: clamp(1.5rem, 3.5vw, 2rem);\n margin: 0 0 0.75rem 0;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-section-header .ws-section-desc {\n color: #5b6b79;\n font-size: 1.05rem;\n line-height: 1.6;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));\n gap: 2rem;\n max-width: 780px;\n margin: 0 auto;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-card {\n background: #ffffff;\n border-radius: 12px;\n padding: 2.5rem 2rem;\n text-align: center;\n border: 2px solid transparent;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition), border-color var(--snippet-transition);\n position: relative;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(26,39,68,0.1);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-card.ws-featured {\n border-color: #e8731a;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-card.ws-featured::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60%;\n height: 3px;\n background: #e8731a;\n border-radius: 0 0 4px 4px;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-label {\n display: inline-block;\n background: #f2f4f7;\n color: #5b6b79;\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n padding: 0.3rem 0.9rem;\n border-radius: 50px;\n text-transform: uppercase;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-card.ws-featured .ws-pricing-label {\n background: rgba(232,115,26,0.1);\n color: #e8731a;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-card h3 {\n color: #1a2744;\n font-size: 1.3rem;\n margin: 0 0 1rem 0;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 0.25rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-price-amount {\n font-size: clamp(2.2rem, 5vw, 3rem);\n font-weight: 700;\n color: #1a2744;\n line-height: 1;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-price-currency {\n font-size: 1.1rem;\n font-weight: 600;\n color: #5b6b79;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-price-note {\n color: #5b6b79;\n font-size: 0.85rem;\n margin-bottom: 2rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-features {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem 0;\n text-align: left;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-features li {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.5rem 0;\n color: #1a2744;\n font-size: 0.95rem;\n border-bottom: 1px solid #f2f4f7;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-features li:last-child {\n border-bottom: none;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-check {\n color: #e8731a;\n font-size: 1rem;\n flex-shrink: 0;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn {\n display: inline-block;\n width: 100%;\n text-align: center;\n padding: 0.85rem 1.5rem;\n border-radius: 6px;\n font-size: 0.95rem;\n font-weight: 600;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition), background var(--snippet-transition);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn.ws-btn-outline {\n background: transparent;\n color: #1a2744;\n border: 2px solid #1a2744;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn.ws-btn-outline:hover,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn.ws-btn-outline:focus-visible {\n background: #1a2744;\n color: #ffffff;\n transform: translateY(-2px);\n outline: none;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn.ws-btn-primary {\n background: #e8731a;\n color: #ffffff;\n border: 2px solid #e8731a;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn.ws-btn-primary:hover,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-btn.ws-btn-primary:focus-visible {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(232,115,26,0.35);\n outline: none;\n }\n\n /* ---------- FEATURES ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-features {\n background: #ffffff;\n padding: clamp(3rem, 6vw, 5rem) 1.5rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));\n gap: 1.5rem;\n max-width: 960px;\n margin: 0 auto;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-feature-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: #f2f4f7;\n border-radius: 10px;\n padding: 1.25rem 1.5rem;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(26,39,68,0.07);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-feature-icon {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: #1a2744;\n color: #e8731a;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-feature-text {\n color: #1a2744;\n font-size: 0.95rem;\n font-weight: 500;\n }\n\n /* ---------- EXAMPLES ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-examples {\n background: #1a2744;\n padding: clamp(3rem, 6vw, 5rem) 1.5rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-examples .ws-section-header h2 {\n color: #ffffff;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-examples .ws-section-header .ws-section-desc {\n color: rgba(255,255,255,0.6);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-examples-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));\n gap: 1.5rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-card {\n background: #243456;\n border-radius: 12px;\n overflow: hidden;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n cursor: default;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.25);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-img {\n width: 100%;\n height: 180px;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-body {\n padding: 1.25rem 1.5rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-body h4 {\n color: #ffffff;\n font-size: 1.1rem;\n margin: 0 0 0.35rem 0;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-body .ws-example-desc {\n color: rgba(255,255,255,0.55);\n font-size: 0.88rem;\n line-height: 1.5;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-example-tag {\n display: inline-block;\n background: rgba(232,115,26,0.15);\n color: #e8731a;\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n padding: 0.2rem 0.65rem;\n border-radius: 50px;\n text-transform: uppercase;\n margin-bottom: 0.6rem;\n }\n\n /* ---------- CTA ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta {\n background: linear-gradient(135deg, #e8731a 0%, #d4651a 100%);\n padding: clamp(3rem, 6vw, 5rem) 1.5rem;\n text-align: center;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta-inner {\n max-width: 680px;\n margin: 0 auto;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta h2 {\n color: #ffffff;\n font-size: clamp(1.5rem, 3.5vw, 2.2rem);\n margin: 0 0 1rem 0;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta .ws-cta-desc {\n color: rgba(255,255,255,0.85);\n font-size: 1.1rem;\n line-height: 1.6;\n margin-bottom: 2rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta-btn {\n display: inline-block;\n background: #ffffff;\n color: #1a2744;\n font-size: 1rem;\n font-weight: 700;\n padding: 1rem 2.5rem;\n border-radius: 6px;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta-btn:hover,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta-btn:focus-visible {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n outline: none;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-cta-note {\n color: rgba(255,255,255,0.7);\n font-size: 0.82rem;\n margin-top: 1rem;\n }\n\n /* ---------- TRUST BAR ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-trust {\n background: #f2f4f7;\n padding: 1.5rem;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-trust-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #5b6b79;\n font-size: 0.85rem;\n font-weight: 500;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-trust-icon {\n color: #e8731a;\n font-size: 1.1rem;\n }\n\n /* ---------- ANIMATIONS ---------- */\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-animate {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-animate.ws-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* ---------- REDUCED MOTION ---------- */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 *,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 *::before,\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 *::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-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-pricing-grid {\n grid-template-columns: 1fr;\n max-width: 400px;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-features-grid {\n grid-template-columns: 1fr;\n max-width: 400px;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-examples-grid {\n grid-template-columns: 1fr;\n max-width: 400px;\n }\n #wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1 .ws-trust {\n gap: 1rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1\">\n\n <!-- HERO -->\n <div class=\"ws-hero\">\n <div class=\"ws-hero-inner ws-animate ws-visible\">\n <span class=\"ws-hero-badge\">Webdesign mit System</span>\n <h1>Moderne Webseiten für Unternehmen, die <span class=\"ws-highlight\">gefunden werden</span> möchten.</h1>\n <span class=\"ws-hero-sub\">Professionelle Webseiten mit moderner Technik, rechtlicher Absicherung und persönlicher Betreuung.</span>\n <a href=\"#wsw-cta\" class=\"ws-hero-cta\">Kostenlose Beratung anfragen</a>\n </div>\n </div>\n\n <!-- TRUST BAR -->\n <div class=\"ws-trust ws-animate ws-visible\">\n <div class=\"ws-trust-item\">\n <span class=\"ws-trust-icon\">✓</span>\n <span>DSGVO-konform</span>\n </div>\n <div class=\"ws-trust-item\">\n <span class=\"ws-trust-icon\">✓</span>\n <span>100 % mobiloptimiert</span>\n </div>\n <div class=\"ws-trust-item\">\n <span class=\"ws-trust-icon\">✓</span>\n <span>Persönliche Betreuung</span>\n </div>\n <div class=\"ws-trust-item\">\n <span class=\"ws-trust-icon\">✓</span>\n <span>Barrierefrei</span>\n </div>\n </div>\n\n <!-- PRICING -->\n <div class=\"ws-pricing\">\n <div class=\"ws-section-header ws-animate ws-visible\">\n <h2>Transparente Preise, klare Leistung</h2>\n <span class=\"ws-section-desc\">Wählen Sie das Paket, das zu Ihrem Unternehmen passt — ohne versteckte Kosten.</span>\n </div>\n <div class=\"ws-pricing-grid\">\n <!-- Landingpage -->\n <div class=\"ws-pricing-card ws-animate ws-visible\">\n <span class=\"ws-pricing-label\">Einstieg</span>\n <h3>Landingpage</h3>\n <div class=\"ws-price\">\n <span class=\"ws-price-amount\">490</span>\n <span class=\"ws-price-currency\">€</span>\n </div>\n <span class=\"ws-price-note\">Einmalig · Keine monatlichen Kosten</span>\n <ul class=\"ws-pricing-features\">\n <li><span class=\"ws-check\">✓</span> <span>Modernes Design</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Mobiloptimierung</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Kontaktformular</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Impressum &amp; Datenschutz</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Suchmaschinenfreundlich</span></li>\n </ul>\n <a href=\"#wsw-cta\" class=\"ws-pricing-btn ws-btn-outline\">Jetzt anfragen</a>\n </div>\n <!-- Unternehmens-Webseite -->\n <div class=\"ws-pricing-card ws-featured ws-animate ws-visible\">\n <span class=\"ws-pricing-label\">Empfohlen</span>\n <h3>Unternehmens-Webseite</h3>\n <div class=\"ws-price\">\n <span class=\"ws-price-amount\">890</span>\n <span class=\"ws-price-currency\">€</span>\n </div>\n <span class=\"ws-price-note\">Einmalig · Alles inklusive</span>\n <ul class=\"ws-pricing-features\">\n <li><span class=\"ws-check\">✓</span> <span>Modernes Design</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Mobiloptimierung</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Kontaktformular</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Impressum &amp; Datenschutz</span></li>\n <li><span class=\"ws-check\">✓</span> <span>CookieRobot &amp; DSGVO24</span></li>\n <li><span class=\"ws-check\">✓</span> <span>Barrierefreiheit</span></li>\n <li><span class=\"ws-check\">✓</span> <span>SEO-Struktur</span></li>\n </ul>\n <a href=\"#wsw-cta\" class=\"ws-pricing-btn ws-btn-primary\">Jetzt anfragen</a>\n </div>\n </div>\n </div>\n\n <!-- FEATURES -->\n <div class=\"ws-features\">\n <div class=\"ws-section-header ws-animate ws-visible\">\n <h2>Alles, was Ihre Webseite braucht</h2>\n <span class=\"ws-section-desc\">Jede Webseite wird mit professionellen Standards umgesetzt — von Design bis Recht.</span>\n </div>\n <div class=\"ws-features-grid\">\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">🎨</div>\n <span class=\"ws-feature-text\">Modernes Design</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">📱</div>\n <span class=\"ws-feature-text\">Mobiloptimierung</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">✉</div>\n <span class=\"ws-feature-text\">Kontaktformular</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">⚖</div>\n <span class=\"ws-feature-text\">Impressum &amp; Datenschutz</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">🍪</div>\n <span class=\"ws-feature-text\">CookieRobot</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">🛡</div>\n <span class=\"ws-feature-text\">DSGVO24</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">♿</div>\n <span class=\"ws-feature-text\">Barrierefreiheit</span>\n </div>\n <div class=\"ws-feature-item ws-animate ws-visible\">\n <div class=\"ws-feature-icon\">🔍</div>\n <span class=\"ws-feature-text\">Suchmaschinenfreundliche Struktur</span>\n </div>\n </div>\n </div>\n\n <!-- EXAMPLES -->\n <div class=\"ws-examples\">\n <div class=\"ws-section-header ws-animate ws-visible\">\n <h2>Beispiel-Webseiten nach Branche</h2>\n <span class=\"ws-section-desc\">So könnte Ihre neue Webseite aussehen — individuell auf Ihre Branche zugeschnitten.</span>\n </div>\n <div class=\"ws-examples-grid\">\n <div class=\"ws-example-card ws-animate ws-visible\">\n <img src=\"https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=600&amp;q=80\" alt=\"Handwerker bei der Arbeit auf einer Baustelle\" class=\"ws-example-img\" loading=\"lazy\">\n <div class=\"ws-example-body\">\n <span class=\"ws-example-tag\">Handwerk</span>\n <h4>Handwerker</h4>\n <span class=\"ws-example-desc\">Ihre Leistungen professionell präsentiert — von Sanitär bis Elektrik.</span>\n </div>\n </div>\n <div class=\"ws-example-card ws-animate ws-visible\">\n <img src=\"https://images.unsplash.com/photo-1487754180451-c456f719a1fc?w=600&amp;q=80\" alt=\"KFZ-Mechaniker arbeitet an einem Fahrzeug\" class=\"ws-example-img\" loading=\"lazy\">\n <div class=\"ws-example-body\">\n <span class=\"ws-example-tag\">Automotive</span>\n <h4>KFZ-Werkstatt</h4>\n <span class=\"ws-example-desc\">Online-Terminbuchung, Leistungsübersicht und Kundenbewertungen.</span>\n </div>\n </div>\n <div class=\"ws-example-card ws-animate ws-visible\">\n <img src=\"https://images.unsplash.com/photo-1560066984-138dadb4c035?w=600&amp;q=80\" alt=\"Moderner Friseursalon mit Spiegeln und Arbeitsplätzen\" class=\"ws-example-img\" loading=\"lazy\">\n <div class=\"ws-example-body\">\n <span class=\"ws-example-tag\">Beauty</span>\n <h4>Friseur</h4>\n <span class=\"ws-example-desc\">Stilvolles Design mit Galerie, Preisliste und Online-Buchung.</span>\n </div>\n </div>\n <div class=\"ws-example-card ws-animate ws-visible\">\n <img src=\"https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=600&amp;q=80\" alt=\"Elegantes Restaurant-Interieur mit gedeckten Tischen\" class=\"ws-example-img\" loading=\"lazy\">\n <div class=\"ws-example-body\">\n <span class=\"ws-example-tag\">Gastronomie</span>\n <h4>Restaurant</h4>\n <span class=\"ws-example-desc\">Speisekarte, Öffnungszeiten und Reservierung — alles auf einen Blick.</span>\n </div>\n </div>\n <div class=\"ws-example-card ws-animate ws-visible\">\n <img src=\"https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?w=600&amp;q=80\" alt=\"Campingplatz mit Zelten und Natur im Hintergrund\" class=\"ws-example-img\" loading=\"lazy\">\n <div class=\"ws-example-body\">\n <span class=\"ws-example-tag\">Tourismus</span>\n <h4>Camping</h4>\n <span class=\"ws-example-desc\">Platzbelegung, Bildergalerie und Anreise-Informationen.</span>\n </div>\n </div>\n </div>\n </div>\n\n <!-- CTA -->\n <div class=\"ws-cta\" id=\"wsw-cta\">\n <div class=\"ws-cta-inner ws-animate ws-visible\">\n <h2>Bereit für Ihre neue Webseite?</h2>\n <span class=\"ws-cta-desc\">Lassen Sie sich unverbindlich beraten — wir besprechen gemeinsam, welche Lösung am besten zu Ihrem Unternehmen passt.</span>\n <a href=\"#\" class=\"ws-cta-btn\">Kostenlose Beratung anfragen</a>\n <div class=\"ws-cta-note\">Unverbindlich · Keine versteckten Kosten · Antwort innerhalb von 24 Stunden</div>\n </div>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-637bd589-4d04-4d9c-bcf8-00f5d93234c1');\n if (!el) return;\n\n var targets = el.querySelectorAll('.ws-animate');\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('ws-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('ws-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n targets.forEach(function(t) { observer.observe(t); });\n\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.5368286,"total_messages_sent":1,"summarized_at_total":0}