All-In-One Website & Online Shop für Soloselbstständige und Kleinstunternehmer

{"uuid":"c5458e17-aa48-412b-9c09-28fff952bd21","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 {\n font-family: inherit;\n box-sizing: border-box;\n }\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 *,\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 *::before,\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper {\n max-width: 720px;\n margin: 0 auto;\n padding: 2.5rem 2rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: 16px;\n border: 1px solid rgba(0, 0, 0, 0.06);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n --toc-transition: 0.2s ease-out;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 2rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px solid var(--wsw-color-accent, #922c60);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2.75rem;\n height: 2.75rem;\n flex-shrink: 0;\n background: var(--wsw-color-accent, #922c60);\n border-radius: 10px;\n color: var(--wsw-color-white, #ffffff);\n font-size: 1.25rem;\n line-height: 1;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header h3 {\n margin: 0;\n color: var(--wsw-color-black, #333333);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-item {\n margin: 0;\n padding: 0;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0.875rem 1.25rem;\n text-decoration: none;\n color: var(--wsw-color-black, #333333);\n border-radius: 10px;\n transition: background var(--toc-transition), transform var(--toc-transition), box-shadow var(--toc-transition);\n position: relative;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover {\n background: var(--wsw-color-light, #f5f5f5);\n transform: translateX(4px);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #922c60);\n outline-offset: 2px;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n flex-shrink: 0;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--wsw-color-accent, #922c60), rgba(146, 44, 96, 0.75));\n color: var(--wsw-color-white, #ffffff);\n font-weight: 700;\n font-size: 0.8rem;\n line-height: 1;\n transition: transform var(--toc-transition);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-number {\n transform: scale(1.1);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-label {\n flex: 1;\n font-size: inherit;\n line-height: 1.4;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-arrow {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n color: var(--wsw-color-dark, #b0a9b4);\n transition: color var(--toc-transition), transform var(--toc-transition);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-arrow {\n color: var(--wsw-color-accent, #922c60);\n transform: translateX(4px);\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider {\n height: 1px;\n background: rgba(0, 0, 0, 0.05);\n margin: 0 1.25rem;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n }\n\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header h3,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header h3,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header h3,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header h3 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover {\n background: rgba(255, 255, 255, 0.08);\n }\n\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider {\n background: rgba(255, 255, 255, 0.08);\n }\n\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-arrow,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-arrow,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-arrow,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-arrow {\n color: rgba(255, 255, 255, 0.35);\n }\n\n section.wsw-theme-d #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-arrow,\n section.wsw-theme-db #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-arrow,\n section.wsw-theme-b #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-arrow,\n section.wsw-theme-bb #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-arrow {\n color: var(--wsw-color-accent, #922c60);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper {\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-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header h3,\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-number {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #922c60);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-icon {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #922c60);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider {\n background: rgba(255, 255, 255, 0.12);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-arrow {\n color: rgba(255, 255, 255, 0.4);\n }\n\n section.wsw-theme-a #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link:hover .toc-arrow {\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-wrapper {\n padding: 1.75rem 1.25rem;\n border-radius: 12px;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-link {\n padding: 0.75rem 0.75rem;\n gap: 0.75rem;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-divider {\n margin: 0 0.75rem;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-header {\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n }\n }\n\n /* Entrance animation */\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-item {\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.35s ease-out, transform 0.35s ease-out;\n }\n\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-item.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 *,\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 *::before,\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21 .toc-item {\n opacity: 1;\n transform: none;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21\">\n <div class=\"toc-wrapper\">\n <div class=\"toc-header\">\n <div class=\"toc-icon\">\n <span>☰</span>\n </div>\n <h3>Inhaltsverzeichnis</h3>\n </div>\n <ol class=\"toc-list\">\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-6b2e7c1f-8f19-4ea4-a1ef-91ab85f40d67\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">1</span>\n <span class=\"toc-label\">Warum eine Website allein nicht reicht</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-2488067c-adf7-4023-8b66-662372bea760\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">2</span>\n <span class=\"toc-label\">Was All-In-One bei Mawo:Ka wirklich bedeutet</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-3ff2f31b-870f-4782-be13-431d4673bac5\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">3</span>\n <span class=\"toc-label\">Für wen diese Lösung gemacht ist</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-44e78635-dfda-4a34-b3c9-c3d3a87e16fc\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">4</span>\n <span class=\"toc-label\">Website oder Online Shop – was ist sinnvoll?</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-22b0df26-b4d4-4b3c-8723-ae58e44a36ee\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">5</span>\n <span class=\"toc-label\">Selbst bauen oder professionell umsetzen lassen?</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-2e98fefd-d106-4a9f-bf76-5e89343d0bcf\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">6</span>\n <span class=\"toc-label\">Warum Einzellösungen langfristig anstrengend werden</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-e156988f-2b87-441b-8ee1-29cb6f51af33\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">7</span>\n <span class=\"toc-label\">Sichtbarkeit, SEO und lokale Auffindbarkeit</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-3c4d0644-a4eb-41a9-9c0d-e4c3c3451717\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">8</span>\n <span class=\"toc-label\">Social Media braucht ein stabiles Fundament</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-1cbbaa7c-e5a0-47ca-8a43-cc09535f1e23\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">9</span>\n <span class=\"toc-label\">So arbeiten wir zusammen</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-858e1fc9-3350-489e-9423-46689b04960b\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">10</span>\n <span class=\"toc-label\">Häufige Fragen</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n <div class=\"toc-divider\"></div>\n <li class=\"toc-item is-visible\">\n <a class=\"toc-link\" href=\"/all-in-one-website-online-shop#wsw-5054c45f-4f43-4202-a164-7abe9761f4c5\" target=\"_self\" draggable=\"false\">\n <span class=\"toc-number\">11</span>\n <span class=\"toc-label\">Dein nächster Schritt</span>\n <svg class=\"toc-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n </a>\n </li>\n </ol>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-c5458e17-aa48-412b-9c09-28fff952bd21');\n if (!el) return;\n\n /* Staggered entrance animation */\n var items = el.querySelectorAll('.toc-item');\n var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n if (!prefersReduced) {\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var listItems = el.querySelectorAll('.toc-item');\n listItems.forEach(function(item, index) {\n setTimeout(function() {\n item.classList.add('is-visible');\n }, index * 60);\n });\n observer.disconnect();\n }\n });\n }, { threshold: 0.15 });\n observer.observe(el);\n } else {\n items.forEach(function(item) {\n item.classList.add('is-visible');\n });\n }\n\n})();\n</script>","summary":null,"version":5,"inserted_version":5,"total_cost":2.6250798,"total_messages_sent":5,"summarized_at_total":0}

{"uuid":"6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 *,\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 *::before,\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-section {\n display: flex;\n align-items: flex-start;\n gap: 3rem;\n padding: 3rem 1.5rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-left {\n flex: 0 0 42%;\n min-width: 0;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-right {\n flex: 1;\n min-width: 0;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 3rem;\n height: 3rem;\n border-radius: 50%;\n background-color: var(--wsw-color-accent, #922C60);\n color: var(--wsw-color-white, #ffffff);\n font-weight: 700;\n font-size: 1.2rem;\n flex-shrink: 0;\n margin-bottom: 1rem;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-heading {\n color: #922C60;\n margin: 0 0 1.5rem 0;\n line-height: 1.3;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-intro {\n color: var(--wsw-color-black, #333333);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n max-width: 65ch;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1.5rem 0;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list li {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n color: var(--wsw-color-black, #333333);\n line-height: 1.5;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.4rem;\n height: 1.4rem;\n flex-shrink: 0;\n color: var(--wsw-color-accent, #922C60);\n font-size: 1.1rem;\n font-weight: 700;\n line-height: 1;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion {\n color: var(--wsw-color-black, #333333);\n line-height: 1.6;\n margin: 0;\n max-width: 65ch;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion strong {\n color: var(--wsw-color-accent, #922C60);\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-image {\n width: 100%;\n height: auto;\n border-radius: 15px;\n border: 2px solid var(--wsw-color-light, #f5f5f5);\n box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.12);\n display: block;\n }\n\n /* Dark / black themes */\n section.wsw-theme-d #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-intro,\n section.wsw-theme-db #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-intro,\n section.wsw-theme-b #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-intro,\n section.wsw-theme-bb #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-intro,\n section.wsw-theme-d #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list li,\n section.wsw-theme-db #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list li,\n section.wsw-theme-b #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list li,\n section.wsw-theme-bb #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list li,\n section.wsw-theme-d #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion,\n section.wsw-theme-db #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion,\n section.wsw-theme-b #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion,\n section.wsw-theme-bb #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list-icon,\n section.wsw-theme-db #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list-icon,\n section.wsw-theme-b #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list-icon,\n section.wsw-theme-bb #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list-icon {\n color: #c9528a;\n }\n\n section.wsw-theme-d #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-heading,\n section.wsw-theme-db #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-heading,\n section.wsw-theme-b #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-heading,\n section.wsw-theme-bb #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-heading {\n color: #c9528a;\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-intro,\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list li,\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-heading {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-number {\n background-color: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-accent, #922C60);\n }\n\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-list-icon {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-conclusion strong {\n color: var(--wsw-color-white, #ffffff);\n text-decoration: underline;\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-section {\n flex-direction: column;\n gap: 2rem;\n padding: 2rem 1rem;\n }\n\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 .seo-left {\n flex: 1 1 100%;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 *,\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 *::before,\n #wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-6b2e2b64-d5e4-4bb3-87a7-fee16d0fd536\">\n <div class=\"seo-section\">\n <div class=\"seo-left\">\n <img class=\"seo-image\" src=\"/s3/d/wsw.website.913/public/images/pages/folder.171/pillar-seite-chaos-am-schreibtisch.webp\" alt=\"Mehrere Online-Tools ohne System führen zu Chaos im Business\" loading=\"lazy\">\n </div>\n <div class=\"seo-right\">\n <span class=\"seo-number\">1</span>\n <h2 class=\"seo-heading\">Warum eine Website allein nicht reicht</h2>\n <span class=\"seo-intro\">Online zu sein bedeutet nicht automatisch, dass deine Website wirkt. Viele Seiten:</span>\n <ul class=\"seo-list\">\n <li><span class=\"seo-list-icon\">⊘</span><span>führen Besucher nicht klar</span></li>\n <li><span class=\"seo-list-icon\">⊘</span><span>erklären das Angebot nicht verständlich</span></li>\n <li><span class=\"seo-list-icon\">⊘</span><span>sind technisch isoliert</span></li>\n <li><span class=\"seo-list-icon\">⊘</span><span>erzeugen keine Anfragen</span></li>\n </ul>\n <span class=\"seo-conclusion\"><strong>Das Problem ist selten dein Angebot.</strong> Es ist die fehlende Struktur dahinter.</span>\n </div>\n </div>\n</div>","summary":null,"version":3,"inserted_version":3,"total_cost":0.9180626,"total_messages_sent":4,"summarized_at_total":0}

{"uuid":"345a8179-9783-4bd4-bf9f-963191c74496","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 *,\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 *::before,\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-wrapper {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-chapter-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: #922C60;\n color: var(--wsw-color-white, #fff);\n font-weight: 700;\n font-size: 1.25rem;\n line-height: 1;\n margin-bottom: 1rem;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 h2 {\n color: #922C60;\n margin: 0 0 2.5rem 0;\n line-height: 1.2;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-image-col {\n position: relative;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-image-col img {\n width: 100%;\n height: auto;\n border-radius: 15px;\n display: block;\n box-shadow: 5px 5px 14px rgba(0,0,0,0.12);\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-image-accent {\n position: absolute;\n bottom: -12px;\n right: -12px;\n width: 80px;\n height: 80px;\n background: #922C60;\n border-radius: 15px;\n opacity: 0.15;\n z-index: -1;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-content-col {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-intro {\n color: var(--wsw-color-black, #333);\n font-weight: 700;\n margin-bottom: 1.5rem;\n line-height: 1.5;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem 0;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--wsw-color-black, #333);\n line-height: 1.5;\n padding: 0.625rem 1rem;\n background: var(--wsw-color-light, #f5f5f5);\n border-radius: 10px;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li:hover {\n transform: translateX(4px);\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li .aio-icon {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #922C60;\n color: var(--wsw-color-white, #fff);\n border-radius: 50%;\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-divider {\n width: 3rem;\n height: 2px;\n background: #922C60;\n border-radius: 1px;\n margin-bottom: 1.25rem;\n opacity: 0.4;\n }\n\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary {\n color: var(--wsw-color-black, #333);\n line-height: 1.6;\n margin: 0;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary-bold {\n display: block;\n margin-top: 0.75rem;\n font-weight: 700;\n color: #922C60;\n }\n\n /* Dark / Black themes */\n section.wsw-theme-d #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 h2,\n section.wsw-theme-db #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 h2,\n section.wsw-theme-b #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 h2,\n section.wsw-theme-bb #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 h2 {\n color: #922C60;\n }\n section.wsw-theme-d #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-intro,\n section.wsw-theme-db #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-intro,\n section.wsw-theme-b #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-intro,\n section.wsw-theme-bb #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-intro {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li,\n section.wsw-theme-db #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li,\n section.wsw-theme-b #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li,\n section.wsw-theme-bb #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li {\n color: var(--wsw-color-white, #fff);\n background: rgba(255,255,255,0.07);\n }\n section.wsw-theme-d #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary,\n section.wsw-theme-db #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary,\n section.wsw-theme-b #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary,\n section.wsw-theme-bb #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary {\n color: rgba(255,255,255,0.85);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-intro {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-chapter-badge {\n background: var(--wsw-color-white, #fff);\n color: #922C60;\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li {\n color: var(--wsw-color-white, #fff);\n background: rgba(255,255,255,0.12);\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li .aio-icon {\n background: var(--wsw-color-white, #fff);\n color: #922C60;\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary {\n color: rgba(255,255,255,0.9);\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-summary-bold {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-divider {\n background: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-image-accent {\n background: var(--wsw-color-white, #fff);\n }\n\n /* Animations */\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-animate {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-animate.aio-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li {\n opacity: 0;\n transform: translateX(-16px);\n transition: opacity 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.2s ease-out;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li.aio-visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 *,\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 *::before,\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-animate,\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-features li {\n opacity: 1;\n transform: none;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n #wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496 .aio-image-accent {\n display: none;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496\">\n <div class=\"aio-wrapper\">\n <div class=\"aio-animate aio-visible\">\n <span class=\"aio-chapter-badge\">2</span>\n </div>\n <h2 class=\"aio-animate aio-visible\">Was All-In-One bei Mawo:Ka wirklich bedeutet</h2>\n\n <div class=\"aio-grid\">\n <div class=\"aio-image-col aio-animate aio-visible\">\n <img src=\"/s3/d/wsw.website.913/public/images/pages/folder.171/pillar-seite-all-in-one-losung.webp\" alt=\"Integriertes Website- und Shop-System mit CRM und Marketing\" loading=\"lazy\">\n <div class=\"aio-image-accent\"></div>\n </div>\n\n <div class=\"aio-content-col\">\n <span class=\"aio-intro aio-animate aio-visible\">All-In-One heißt bei uns:</span>\n\n <ul class=\"aio-features\">\n <li style=\"transition-delay: 0s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>Website oder Online Shop</span>\n </li>\n <li style=\"transition-delay: 0.08s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>Hosting &amp; Domain</span>\n </li>\n <li style=\"transition-delay: 0.16s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>E-Mail-Marketing</span>\n </li>\n <li style=\"transition-delay: 0.24s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>CRM</span>\n </li>\n <li style=\"transition-delay: 0.32s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>Rechnungs- und Verwaltungssystem</span>\n </li>\n <li style=\"transition-delay: 0.4s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>Terminbuchung</span>\n </li>\n <li style=\"transition-delay: 0.48s;\" class=\"aio-visible\">\n <span class=\"aio-icon\">✓</span>\n <span>Automatisierungen</span>\n </li>\n </ul>\n\n <div class=\"aio-divider aio-animate aio-visible\"></div>\n\n <span class=\"aio-summary aio-animate aio-visible\">\n Alles in einer Umgebung. Keine Plugins. Keine Datensilos. Keine Schnittstellenprobleme.\n <span class=\"aio-summary-bold\">Ein System. Eine klare Architektur.</span>\n </span>\n </div>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-345a8179-9783-4bd4-bf9f-963191c74496');\n if (!el) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('aio-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n var animateEls = el.querySelectorAll('.aio-animate');\n animateEls.forEach(function(item) { observer.observe(item); });\n\n var listItems = el.querySelectorAll('.aio-features li');\n listItems.forEach(function(item, i) {\n item.style.transitionDelay = (i * 0.08) + 's';\n observer.observe(item);\n });\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":0.8695637999999999,"total_messages_sent":3,"summarized_at_total":0}

{"uuid":"a2383f5f-a084-4665-9d38-f997318365e9","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 *,\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 *::before,\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 {\n --s5-accent: #922C60;\n --s5-radius: 16px;\n --s5-transition: 0.25s ease-out;\n --s5-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);\n --s5-shadow-hover: 0 8px 28px rgba(0, 0, 0, 0.14);\n }\n\n /* Header */\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin-bottom: 3rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: var(--s5-accent);\n color: var(--wsw-color-white, #ffffff);\n font-size: 1.5rem;\n font-weight: 700;\n flex-shrink: 0;\n margin-bottom: 1.25rem;\n line-height: 1;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-header h2 {\n color: var(--s5-accent);\n margin: 0;\n line-height: 1.3;\n }\n\n /* Cards */\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-cards {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n max-width: 920px;\n margin: 0 auto 2.5rem;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(0, 0, 0, 0.06);\n border-radius: var(--s5-radius);\n padding: 2.5rem 2rem;\n box-shadow: var(--s5-shadow);\n transition: transform var(--s5-transition), box-shadow var(--s5-transition);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--s5-accent);\n border-radius: var(--s5-radius) var(--s5-radius) 0 0;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--s5-shadow-hover);\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: rgba(146, 44, 96, 0.08);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n flex-shrink: 0;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon svg {\n width: 28px;\n height: 28px;\n fill: none;\n stroke: var(--s5-accent);\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card h3 {\n color: var(--s5-accent);\n margin: 0 0 0.75rem;\n line-height: 1.3;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-desc {\n color: var(--wsw-color-black, #333333);\n line-height: 1.6;\n margin: 0;\n }\n\n /* Footer quote */\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer {\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n background: rgba(146, 44, 96, 0.04);\n border-radius: var(--s5-radius);\n border-left: 4px solid var(--s5-accent);\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer-text {\n color: var(--wsw-color-black, #333333);\n line-height: 1.6;\n font-style: italic;\n }\n\n /* Scroll animation */\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-animate {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-animate.s5-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* Dark / black themes */\n section.wsw-theme-d #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card,\n section.wsw-theme-db #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card,\n section.wsw-theme-b #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card,\n section.wsw-theme-bb #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-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-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-desc,\n section.wsw-theme-db #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-desc,\n section.wsw-theme-b #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-desc,\n section.wsw-theme-bb #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-desc,\n section.wsw-theme-d #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer-text,\n section.wsw-theme-db #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer-text,\n section.wsw-theme-b #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer-text,\n section.wsw-theme-bb #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon,\n section.wsw-theme-db #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon,\n section.wsw-theme-b #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon,\n section.wsw-theme-bb #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon {\n background: rgba(146, 44, 96, 0.2);\n }\n\n section.wsw-theme-d #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer,\n section.wsw-theme-db #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer,\n section.wsw-theme-b #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer,\n section.wsw-theme-bb #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer {\n background: rgba(146, 44, 96, 0.12);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-number {\n background: var(--wsw-color-white, #ffffff);\n color: var(--s5-accent);\n }\n\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-header h2,\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card h3 {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-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-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card::before {\n background: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-desc,\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer-text {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon {\n background: rgba(255, 255, 255, 0.15);\n }\n\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card-icon svg {\n stroke: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-a #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer {\n background: rgba(255, 255, 255, 0.1);\n border-left-color: var(--wsw-color-white, #ffffff);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-cards {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-footer {\n padding: 1.25rem 1.5rem;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 *,\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 *::before,\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9 .s5-animate {\n opacity: 1;\n transform: none;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9\">\n\n <div class=\"s5-header s5-animate s5-visible\">\n <div class=\"s5-number\" aria-hidden=\"true\"><span>5</span></div>\n <h2>Selbst bauen oder professionell umsetzen lassen?</h2>\n </div>\n\n <div class=\"s5-cards\">\n\n <div class=\"s5-card s5-animate s5-visible\">\n <div class=\"s5-card-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"></path>\n </svg>\n </div>\n <h3>Selbst bauen</h3>\n <span class=\"s5-card-desc\">Volle Kontrolle, eigenes Tempo – ideal, wenn du Zeit mitbringst und gerne lernst. Wir liefern dir Struktur und Vorlagen als Grundlage.</span>\n </div>\n\n <div class=\"s5-card s5-animate s5-visible\">\n <div class=\"s5-card-icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"></path>\n <path d=\"M2 17l10 5 10-5\"></path>\n <path d=\"M2 12l10 5 10-5\"></path>\n </svg>\n </div>\n <h3>Professionell umsetzen lassen</h3>\n <span class=\"s5-card-desc\">Strategie, Design und Technik aus einer Hand – für alle, die direkt ein fertiges Ergebnis wollen, das von Anfang an funktioniert.</span>\n </div>\n\n </div>\n\n <div class=\"s5-footer s5-animate s5-visible\">\n <span class=\"s5-footer-text\">Beides ist möglich – entscheidend ist, dass die Grundlage stimmt.</span>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-a2383f5f-a084-4665-9d38-f997318365e9');\n if (!el) return;\n\n var targets = el.querySelectorAll('.s5-animate');\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('s5-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('s5-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n targets.forEach(function(t) { observer.observe(t); });\n})();\n</script>","summary":null,"version":2,"inserted_version":2,"total_cost":0.8854496,"total_messages_sent":3,"summarized_at_total":0}

{"uuid":"62cd9efd-d328-405c-bd89-46e9b941d702","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 *,\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 *::before,\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-wrapper {\n max-width: 1100px;\n margin: 0 auto;\n padding: 3rem 1.5rem;\n }\n\n /* Number badge + heading row */\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2.5rem;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3rem;\n height: 3rem;\n min-width: 3rem;\n border-radius: 50%;\n background: #922C60;\n color: #fff;\n font-weight: 700;\n font-size: 1.25rem;\n line-height: 1;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-heading {\n color: #922C60;\n margin: 0;\n line-height: 1.3;\n }\n\n /* Two-column layout */\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n align-items: start;\n }\n\n /* Image */\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-image-wrap {\n border-radius: 1rem;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-image-wrap img {\n display: block;\n width: 100%;\n height: auto;\n object-fit: cover;\n transition: transform 0.4s ease-out;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-image-wrap:hover img {\n transform: scale(1.03);\n }\n\n /* Content */\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-content {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-intro {\n color: var(--wsw-color-black, #333);\n line-height: 1.6;\n margin: 0;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-subheading {\n color: var(--wsw-color-black, #333);\n margin: 0;\n }\n\n /* Checklist */\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--wsw-color-black, #333);\n line-height: 1.5;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n min-width: 1.75rem;\n border-radius: 50%;\n background: rgba(146, 44, 96, 0.1);\n color: #922C60;\n font-weight: 700;\n font-size: 0.85rem;\n line-height: 1;\n }\n\n /* Bottom statement */\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement {\n margin-top: 0.5rem;\n padding: 1rem 1.25rem;\n background: rgba(146, 44, 96, 0.06);\n border-left: 3px solid #922C60;\n border-radius: 0 0.5rem 0.5rem 0;\n color: var(--wsw-color-black, #333);\n line-height: 1.6;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement strong {\n color: #922C60;\n }\n\n /* Dark/black themes */\n section.wsw-theme-d #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-intro,\n section.wsw-theme-db #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-intro,\n section.wsw-theme-b #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-intro,\n section.wsw-theme-bb #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-intro,\n section.wsw-theme-d #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-subheading,\n section.wsw-theme-db #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-subheading,\n section.wsw-theme-b #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-subheading,\n section.wsw-theme-bb #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-subheading,\n section.wsw-theme-d #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list li,\n section.wsw-theme-db #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list li,\n section.wsw-theme-b #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list li,\n section.wsw-theme-bb #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list li,\n section.wsw-theme-d #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement,\n section.wsw-theme-db #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement,\n section.wsw-theme-b #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement,\n section.wsw-theme-bb #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement,\n section.wsw-theme-db #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement,\n section.wsw-theme-b #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement,\n section.wsw-theme-bb #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement {\n background: rgba(146, 44, 96, 0.15);\n }\n\n section.wsw-theme-d #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-check,\n section.wsw-theme-db #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-check,\n section.wsw-theme-b #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-check,\n section.wsw-theme-bb #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-check {\n background: rgba(146, 44, 96, 0.25);\n color: #d46a9e;\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-intro,\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-subheading,\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-list li,\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-heading {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-number {\n background: var(--wsw-color-white, #fff);\n color: #922C60;\n }\n\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-check {\n background: rgba(255, 255, 255, 0.2);\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement {\n background: rgba(255, 255, 255, 0.1);\n border-left-color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-statement strong {\n color: var(--wsw-color-white, #fff);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-grid {\n grid-template-columns: 1fr;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-wrapper {\n padding: 2rem 1rem;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-header {\n gap: 0.75rem;\n margin-bottom: 2rem;\n }\n\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 .s7-number {\n width: 2.5rem;\n height: 2.5rem;\n min-width: 2.5rem;\n font-size: 1.1rem;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 *,\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 *::before,\n #wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-62cd9efd-d328-405c-bd89-46e9b941d702\">\n <div class=\"s7-wrapper\">\n\n <div class=\"s7-header\">\n <span class=\"s7-number\">7</span>\n <h2 class=\"s7-heading\">Sichtbarkeit, SEO und lokale Auffindbarkeit</h2>\n </div>\n\n <div class=\"s7-grid\">\n\n <div class=\"s7-image-wrap\">\n <img src=\"/s3/d/wsw.website.913/public/images/pages/folder.171/pillar-seite-beratung-am-schreibtisch.webp\" alt=\"Strategische Beratung für Website und Online Shop Aufbau\" loading=\"lazy\">\n </div>\n\n <div class=\"s7-content\">\n <span class=\"s7-intro\">Eine gute Website muss gefunden werden. Dafür braucht es:</span>\n\n <ul class=\"s7-list\">\n <li>\n <span class=\"s7-check\">✓</span>\n <span>Saubere Seitenarchitektur</span>\n </li>\n <li>\n <span class=\"s7-check\">✓</span>\n <span>Interne Verlinkung</span>\n </li>\n <li>\n <span class=\"s7-check\">✓</span>\n <span>Technische Stabilität</span>\n </li>\n <li>\n <span class=\"s7-check\">✓</span>\n <span>Lokale SEO</span>\n </li>\n <li>\n <span class=\"s7-check\">✓</span>\n <span>Google-Bewertungen</span>\n </li>\n </ul>\n\n <div class=\"s7-statement\">\n <span><strong>SEO ist keine Maßnahme.</strong> Es ist eine Strukturentscheidung.</span>\n </div>\n </div>\n\n </div>\n\n </div>\n</div>","summary":null,"version":1,"inserted_version":1,"total_cost":0.2824234,"total_messages_sent":1,"summarized_at_total":0}

{"uuid":"ae72d953-56ce-40a9-9818-5d6f340011be","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 3.5rem 1.5rem;\n }\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be *,\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be *::before,\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be *::after {\n box-sizing: inherit;\n }\n\n /* Container */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-container {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n /* Number circle */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background-color: #922C60;\n color: var(--wsw-color-white, #ffffff);\n font-size: 1.4rem;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 1.5rem;\n flex-shrink: 0;\n }\n\n /* Heading */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be h2 {\n color: #922C60;\n margin: 0 0 1rem 0;\n line-height: 1.3;\n }\n\n /* Decorative line */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-divider {\n width: 60px;\n height: 3px;\n background-color: #922C60;\n border: none;\n border-radius: 2px;\n margin: 0 auto 2rem auto;\n opacity: 0.5;\n }\n\n /* Body text */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead {\n display: block;\n font-size: 1.2rem;\n line-height: 1.7;\n color: var(--wsw-color-black, #333333);\n margin-bottom: 0.75rem;\n max-width: 65ch;\n margin-left: auto;\n margin-right: auto;\n }\n\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead strong {\n color: #922C60;\n font-weight: 700;\n }\n\n /* Text block spacing */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-text-block {\n margin-bottom: 2.5rem;\n }\n\n /* Buttons container */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 2.5rem;\n }\n\n /* Button base */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n letter-spacing: 0.02rem;\n border-radius: 8px;\n padding: 0.85rem 1.75rem;\n min-height: 48px;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.2s ease-out;\n cursor: pointer;\n border: 2px solid transparent;\n line-height: 1.3;\n text-align: center;\n }\n\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn:focus-visible {\n outline: 2px solid #922C60;\n outline-offset: 2px;\n }\n\n /* Primary button */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--primary {\n background-color: #922C60;\n color: var(--wsw-color-white, #ffffff);\n border-color: #922C60;\n }\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--primary:hover {\n background-color: #7a2450;\n border-color: #7a2450;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(146, 44, 96, 0.3);\n }\n\n /* Secondary button (outline) */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary {\n background-color: transparent;\n color: #922C60;\n border-color: #922C60;\n }\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary:hover {\n background-color: rgba(146, 44, 96, 0.08);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(146, 44, 96, 0.15);\n }\n\n /* Arrow icon in buttons */\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn-arrow {\n display: inline-block;\n margin-left: 0.5rem;\n transition: transform 0.2s ease-out;\n font-size: 1.1em;\n line-height: 1;\n }\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn:hover .nss-btn-arrow {\n transform: translateX(3px);\n }\n\n /* Dark/black theme overrides */\n section.wsw-theme-d #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead,\n section.wsw-theme-db #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead,\n section.wsw-theme-b #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead,\n section.wsw-theme-bb #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead {\n color: var(--wsw-color-white, #ffffff);\n }\n\n section.wsw-theme-d #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary,\n section.wsw-theme-db #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary,\n section.wsw-theme-b #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary,\n section.wsw-theme-bb #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary {\n color: var(--wsw-color-white, #ffffff);\n border-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary:hover,\n section.wsw-theme-db #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary:hover,\n section.wsw-theme-b #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary:hover,\n section.wsw-theme-bb #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n\n /* Accent theme */\n section.wsw-theme-a #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-lead {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-number {\n background-color: var(--wsw-color-white, #ffffff);\n color: #922C60;\n }\n section.wsw-theme-a #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be h2 {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-divider {\n background-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--primary {\n background-color: var(--wsw-color-white, #ffffff);\n color: #922C60;\n border-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn--secondary {\n color: var(--wsw-color-white, #ffffff);\n border-color: var(--wsw-color-white, #ffffff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be *,\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be *::before,\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be *::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-ae72d953-56ce-40a9-9818-5d6f340011be {\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-buttons {\n flex-direction: column;\n align-items: center;\n }\n #wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be .nss-btn {\n width: 100%;\n max-width: 360px;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-ae72d953-56ce-40a9-9818-5d6f340011be\">\n <div class=\"nss-container\">\n\n <span class=\"nss-number\">11</span>\n\n <h2>Dein nächster Schritt</h2>\n\n <div class=\"nss-divider\"></div>\n\n <div class=\"nss-text-block\">\n <span class=\"nss-lead\"><strong>Dein digitales Fundament beginnt mit einer klaren Entscheidung.</strong></span>\n <span class=\"nss-lead\">Du musst nicht alles selbst zusammensuchen.</span>\n <span class=\"nss-lead\">Du brauchst ein System, das für dich arbeitet.</span>\n </div>\n\n <div class=\"nss-buttons\">\n <a href=\"/website-quick-check\" target=\"_blank\" class=\"nss-btn nss-btn--primary\" title=\"Zum Website Quick Check\">\n <span>Zum Website Quick Check!</span>\n <span class=\"nss-btn-arrow\">→</span>\n </a>\n <a href=\"/online-shop-quick-check\" target=\"_blank\" class=\"nss-btn nss-btn--secondary\" title=\"Online Shop Quick Check buchen\">\n <span>Online Shop Quick Check buchen!</span>\n <span class=\"nss-btn-arrow\">→</span>\n </a>\n <a href=\"/kontakt#kalender\" class=\"nss-btn nss-btn--secondary\" title=\"Beratungsgespräch vereinbaren!\">\n <span>Beratungsgespräch vereinbaren!</span>\n <span class=\"nss-btn-arrow\">→</span>\n </a>\n </div>\n\n </div>\n</div>","summary":null,"version":1,"inserted_version":1,"total_cost":0.2570456,"total_messages_sent":1,"summarized_at_total":0}