{"uuid":"f15242bb-7587-42e1-9ad8-46c9faf93413","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 {\n box-sizing: border-box;\n font-family: inherit;\n position: relative;\n overflow: hidden;\n min-height: 520px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 *,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 *::before,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 *::after {\n box-sizing: inherit;\n }\n\n /* Background image */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n }\n\n /* Dark gradient overlay */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(160deg, rgba(16, 66, 123, 0.9) 0%, rgba(21, 88, 165, 0.78) 50%, rgba(33, 37, 41, 0.88) 100%);\n z-index: 1;\n }\n\n /* Content wrapper */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-content {\n position: relative;\n z-index: 2;\n max-width: 820px;\n width: 100%;\n padding: 4rem 2rem;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n /* Badge / tagline */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1.1rem;\n border-radius: 999px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.85rem;\n font-weight: 400;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n opacity: 0;\n transform: translateY(12px);\n animation: wswHeroFadeUp 0.6s 0.2s ease-out forwards;\n }\n\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-badge-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #22c55e;\n display: inline-block;\n animation: wswHeroPulse 2s infinite;\n }\n\n /* Heading */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-heading {\n color: var(--wsw-color-white, #ffffff);\n line-height: 1.15;\n font-size: clamp(1.8rem, 5vw, 3rem);\n margin: 0;\n opacity: 0;\n transform: translateY(16px);\n animation: wswHeroFadeUp 0.6s 0.35s ease-out forwards;\n }\n\n /* Description */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-desc {\n color: rgba(255, 255, 255, 0.85);\n font-size: clamp(1rem, 2vw, 1.15rem);\n line-height: 1.65;\n max-width: 65ch;\n margin: 0;\n opacity: 0;\n transform: translateY(16px);\n animation: wswHeroFadeUp 0.6s 0.5s ease-out forwards;\n }\n\n /* CTA button */\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 0.5rem;\n padding: 0.85rem 2rem;\n border: none;\n border-radius: 6px;\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-dark, #10427b);\n font-family: inherit;\n font-size: 1rem;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n opacity: 0;\n transform: translateY(16px);\n animation: wswHeroFadeUp 0.6s 0.65s ease-out forwards;\n }\n\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\n }\n\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta:focus-visible {\n outline: 2px solid var(--wsw-color-white, #ffffff);\n outline-offset: 3px;\n }\n\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta-arrow {\n display: inline-block;\n transition: transform 0.2s ease-out;\n }\n\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta:hover .hero-cta-arrow {\n transform: translateY(2px);\n }\n\n /* Animations */\n @keyframes wswHeroFadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes wswHeroPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 *,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 *::before,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n animation-delay: 0ms !important;\n }\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-badge,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-heading,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-desc,\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta {\n opacity: 1;\n transform: none;\n }\n }\n\n /* Mobile */\n @media (max-width: 768px) {\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 {\n min-height: 420px;\n }\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-content {\n padding: 3rem 1.25rem;\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 {\n min-height: 380px;\n }\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-content {\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413 .hero-cta {\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413\">\n <div class=\"hero-bg\">\n <img src=\"https://worldsoft-partner.website/s3/b/wsw.website.7809/public/images/pages/administration.14.607818727776d.jpeg?_467987.2999999998\" alt=\"Team-Besprechung mit Laptops und Diagrammen aus der Vogelperspektive\" loading=\"eager\">\n </div>\n <div class=\"hero-overlay\"></div>\n\n <div class=\"hero-content\">\n <span class=\"hero-badge\">\n <span class=\"hero-badge-dot\" aria-hidden=\"true\"></span>\n <span>Aufzeichnung verfügbar</span>\n </span>\n\n <h1 class=\"hero-heading\">WSW-Update-Webinar</h1>\n\n <span class=\"hero-desc\">Am 25. März um 18:00 Uhr fand die Präsentation der neuen Updates für die Add-ons sowie den Worldsoft Site Wizard statt. Mit diesem Update erhält der Worldsoft Site Wizard ein neues KI-Element, das völlig neue Möglichkeiten für die Erstellung und Gestaltung von Websites eröffnet.</span>\n\n <a href=\"#next-section\" class=\"hero-cta\">\n <span>Jetzt ansehen</span>\n <span class=\"hero-cta-arrow\" aria-hidden=\"true\">↓</span>\n </a>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-f15242bb-7587-42e1-9ad8-46c9faf93413');\n if (!el) return;\n\n var ctaLink = el.querySelector('.hero-cta');\n if (!ctaLink) return;\n\n ctaLink.addEventListener('click', function(e) {\n e.preventDefault();\n var snippet = el.closest('section') || el.closest('[class*=\"wsw-section\"]') || el.parentElement;\n if (snippet && snippet.nextElementSibling) {\n snippet.nextElementSibling.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n})();\n</script>","summary":null,"version":5,"inserted_version":5,"total_cost":1.272096,"total_messages_sent":6,"summarized_at_total":0}

{"uuid":"aa5e680c-fc78-4a79-bae6-78310fe510f3","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-aa5e680c-fc78-4a79-bae6-78310fe510f3 {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 *,\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 *::before,\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-update-wrapper {\n max-width: 85%;\n margin: 0 auto;\n padding: 4rem 1.5rem;\n }\n\n /* Badge */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 100px;\n background: rgba(21, 88, 165, 0.08);\n color: var(--wsw-color-accent, #1558a5);\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #1558a5);\n animation: ki-pulse 2s ease-in-out infinite;\n }\n\n @keyframes ki-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.3); }\n }\n\n /* Heading */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-heading {\n margin: 0 0 2.5rem 0;\n max-width: 700px;\n }\n\n /* Main grid */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n }\n\n /* Text column */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col span {\n line-height: 1.7;\n color: var(--wsw-color-black, #212529);\n }\n\n /* CTA Button */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.9rem 2rem;\n border-radius: 12px;\n background: var(--wsw-color-accent, #1558a5);\n color: #ffffff;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n margin-top: 0.5rem;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n box-shadow: 0 4px 16px rgba(21, 88, 165, 0.25);\n align-self: flex-start;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta span {\n color: #ffffff;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(21, 88, 165, 0.35);\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:focus-visible {\n outline: 3px solid var(--wsw-color-accent, #1558a5);\n outline-offset: 3px;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta-arrow {\n transition: transform 0.2s ease-out;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:hover .ki-cta-arrow {\n transform: translateX(3px);\n }\n\n /* Media column */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-media-col {\n display: flex;\n flex-direction: column;\n }\n\n /* Video container */\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-video-wrap {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: var(--wsw-color-black, #212529);\n transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-video-wrap:hover {\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);\n transform: translateY(-2px);\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-video-inner {\n padding: 56.25% 0 0 0;\n position: relative;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-video-inner iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col span,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col span,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col span,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col span,\n section.wsw-theme-a #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-text-col span {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 h2,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 h2,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 h2,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 h2,\n section.wsw-theme-a #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge,\n section.wsw-theme-a #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge {\n background: rgba(255, 255, 255, 0.12);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge-dot,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge-dot,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge-dot,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge-dot,\n section.wsw-theme-a #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-badge-dot {\n background: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-black, #212529);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n }\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta span,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta span,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta span,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta span {\n color: var(--wsw-color-black, #212529);\n }\n section.wsw-theme-d #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:hover,\n section.wsw-theme-db #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:hover,\n section.wsw-theme-b #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:hover,\n section.wsw-theme-bb #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta:hover {\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 *,\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 *::before,\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 *::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-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-update-wrapper {\n max-width: 100%;\n padding: 2.5rem 1rem;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-media-col {\n order: -1;\n }\n #wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3 .ki-cta {\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-aa5e680c-fc78-4a79-bae6-78310fe510f3\">\n <div class=\"ki-update-wrapper\">\n\n <div class=\"ki-badge\">\n <span class=\"ki-badge-dot\"></span>\n <span>Neues KI-Update</span>\n </div>\n\n <h2 class=\"ki-heading\">KI-Update im Worldsoft Site Wizard</h2>\n\n <div class=\"ki-grid\">\n\n <div class=\"ki-text-col\">\n <span>Beim gestrigen Event wurde das <strong>neue KI-Element im Worldsoft Site Wizard</strong> vorgestellt, das völlig neue Möglichkeiten bei der Erstellung und Gestaltung von Websites eröffnet. Über eine einfache Chat-Eingabe direkt im WSW können künftig Inhalte, Layouts und Funktionen erstellt oder angepasst werden. Die KI arbeitet mit verschiedenen leistungsstarken Modellen und unterstützt dabei, <strong>Websites schneller und kreativer umzusetzen als je zuvor.</strong></span>\n\n <span>Mit wenigen Anweisungen lassen sich beispielsweise <strong>Menüs und Navigationsstrukturen erstellen, Slider generieren, Designs und Layouts aufbauen sowie Animationen und visuelle Effekte</strong> integrieren. Viele Elemente einer Website können damit direkt per Chat erstellt oder verändert werden, ohne dass sie manuell aufgebaut werden müssen. Dadurch wird die <strong>Umsetzung von Ideen deutlich einfacher und schneller,</strong> während gleichzeitig professionelle Ergebnisse erzielt werden können.</span>\n\n <a href=\"https://worldsoft.info/website-shop\" class=\"ki-cta\" target=\"_blank\" rel=\"noopener\">\n <span>Jetzt KI-Credits sichern und sofort testen!</span>\n <span class=\"ki-cta-arrow\">→</span>\n </a>\n </div>\n\n <div class=\"ki-media-col\">\n <div class=\"ki-video-wrap\">\n <div class=\"ki-video-inner\">\n <iframe src=\"https://player.vimeo.com/video/1177207567?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"WSW-Update: KI-Snippet\"></iframe>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n</div>","summary":null,"version":3,"inserted_version":3,"total_cost":0.7594159999999999,"total_messages_sent":3,"summarized_at_total":0}

{"uuid":"ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db","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-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db *,\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db *::before,\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-update-wrapper {\n max-width: 85%;\n margin: 0 auto;\n padding: 9rem 1.5rem;\n }\n\n /* Main grid — video LEFT, text RIGHT */\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n /* Badge */\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 100px;\n background: rgba(21, 88, 165, 0.08);\n color: var(--wsw-color-accent, #1558a5);\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n margin-bottom: 0.75rem;\n align-self: flex-start;\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #1558a5);\n animation: grid-pulse 2s ease-in-out infinite;\n }\n\n @keyframes grid-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.3); }\n }\n\n /* Heading */\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-heading {\n margin: 0 0 1rem 0;\n }\n\n /* Text column */\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col span {\n line-height: 1.7;\n color: var(--wsw-color-black, #212529);\n }\n\n /* Media column */\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-media-col {\n display: flex;\n flex-direction: column;\n }\n\n /* Video container */\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-video-wrap {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: var(--wsw-color-black, #212529);\n transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-video-wrap:hover {\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);\n transform: translateY(-2px);\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-video-inner {\n padding: 56.25% 0 0 0;\n position: relative;\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-video-inner iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col span,\n section.wsw-theme-db #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col span,\n section.wsw-theme-b #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col span,\n section.wsw-theme-bb #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col span,\n section.wsw-theme-a #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-text-col span {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db h2,\n section.wsw-theme-db #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db h2,\n section.wsw-theme-b #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db h2,\n section.wsw-theme-bb #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db h2,\n section.wsw-theme-a #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge,\n section.wsw-theme-db #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge,\n section.wsw-theme-b #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge,\n section.wsw-theme-bb #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge,\n section.wsw-theme-a #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge {\n background: rgba(255, 255, 255, 0.12);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge-dot,\n section.wsw-theme-db #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge-dot,\n section.wsw-theme-b #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge-dot,\n section.wsw-theme-bb #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge-dot,\n section.wsw-theme-a #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-badge-dot {\n background: var(--wsw-color-white, #fff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db *,\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db *::before,\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db *::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-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-update-wrapper {\n max-width: 100%;\n padding: 5rem 1rem;\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-layout {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n #wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db .grid-media-col {\n order: -1;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-ecb7930a-6a9d-41bb-a5ac-24cb8b8e65db\">\n <div class=\"grid-update-wrapper\">\n\n <div class=\"grid-layout\">\n\n <div class=\"grid-media-col\">\n <div class=\"grid-video-wrap\">\n <div class=\"grid-video-inner\">\n <iframe src=\"https://player.vimeo.com/video/1177204547?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"WSW-Update: GridV2\"></iframe>\n </div>\n </div>\n </div>\n\n <div class=\"grid-text-col\">\n <div class=\"grid-badge\">\n <span class=\"grid-badge-dot\"></span>\n <span>Neues Grid-Update</span>\n </div>\n\n <h2 class=\"grid-heading\">Das neue Grid-System im WSW</h2>\n\n <span>Lernen Sie die Unterschiede zwischen Grid V1 und Grid V2 kennen und erfahren Sie, wann Sie welches System sinnvoll einsetzen. Zusätzlich erhalten Sie einen Überblick über die Mobile-Ansicht und den Tablet-View sowie deren gezielten Einsatz für optimale Darstellungen auf allen Geräten.</span>\n\n <span>Mit bis zu 96 Spalten und völlig freier Platzierung von Elementen bietet insbesondere Grid V2 maximale Flexibilität. Ob moderne Layouts, überlagerte Elemente oder präzise Strukturen – Sie gestalten Ihre Website so flexibel wie nie zuvor und können gleichzeitig geräteabhängige Einstellungen gezielt steuern.</span>\n\n <span>Erfahren Sie Schritt für Schritt, wie Sie die verschiedenen Grid-Systeme und Ansichten effizient nutzen und Ihre Websites noch professioneller und responsiver umsetzen.</span>\n </div>\n\n </div>\n </div>\n</div>","summary":null,"version":9,"inserted_version":9,"total_cost":2.0554589999999995,"total_messages_sent":9,"summarized_at_total":0}

{"uuid":"33f7501d-e363-4431-ac7f-e07e05ce1c48","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-33f7501d-e363-4431-ac7f-e07e05ce1c48 {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 *,\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 *::before,\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-update-wrapper {\n max-width: 85%;\n margin: 0 auto;\n padding: 5rem 1.5rem;\n }\n\n /* Main grid */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-grid {\n display: flex;\n align-items: center;\n gap: 3rem;\n }\n\n /* Content column */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col {\n flex: 1 1 50%;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n /* Badge */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 1rem;\n border-radius: 100px;\n background: rgba(21, 88, 165, 0.08);\n color: var(--wsw-color-accent, #1558a5);\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n align-self: flex-start;\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #1558a5);\n animation: ki-pulse 2s ease-in-out infinite;\n }\n\n @keyframes ki-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.3); }\n }\n\n /* Heading */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-heading {\n margin: 0;\n }\n\n /* Text spans */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col span {\n line-height: 1.7;\n color: var(--wsw-color-black, #212529);\n }\n\n /* Media column */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-media-col {\n flex: 1 1 50%;\n display: flex;\n align-items: center;\n }\n\n /* Video container */\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-video-wrap {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n background: var(--wsw-color-black, #212529);\n transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;\n width: 100%;\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-video-wrap:hover {\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);\n transform: translateY(-2px);\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-video-inner {\n padding: 56.25% 0 0 0;\n position: relative;\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-video-inner iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col span,\n section.wsw-theme-db #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col span,\n section.wsw-theme-b #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col span,\n section.wsw-theme-bb #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col span,\n section.wsw-theme-a #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-content-col span {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 h2,\n section.wsw-theme-db #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 h2,\n section.wsw-theme-b #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 h2,\n section.wsw-theme-bb #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 h2,\n section.wsw-theme-a #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge,\n section.wsw-theme-db #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge,\n section.wsw-theme-b #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge,\n section.wsw-theme-bb #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge,\n section.wsw-theme-a #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge {\n background: rgba(255, 255, 255, 0.12);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge-dot,\n section.wsw-theme-db #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge-dot,\n section.wsw-theme-b #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge-dot,\n section.wsw-theme-bb #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge-dot,\n section.wsw-theme-a #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-badge-dot {\n background: var(--wsw-color-white, #fff);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 *,\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 *::before,\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 *::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-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-update-wrapper {\n max-width: 100%;\n padding: 3rem 1rem;\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-grid {\n flex-direction: column;\n gap: 2rem;\n }\n #wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48 .ki-media-col {\n order: -1;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-33f7501d-e363-4431-ac7f-e07e05ce1c48\">\n <div class=\"ki-update-wrapper\">\n <div class=\"ki-grid\">\n\n <div class=\"ki-content-col\">\n <div class=\"ki-badge\">\n <span class=\"ki-badge-dot\"></span>\n <span>Weitere Updates</span>\n </div>\n\n <h2 class=\"ki-heading\">Weitere Neuerungen – Partnerbereich, CookieRobot &amp; LocalBoost</h2>\n\n <span>Unser Partner-Ausbildungsbereich wurde komplett überarbeitet. Noch strukturierter, mit neuen Fortschrittsanzeigen und klarem Schritt-für-Schritt-Aufbau – damit Sie schneller vorankommen und Ihr Wissen gezielt vertiefen können.</span>\n\n <span><strong>CookieRobot</strong> erhält ein moderneres Design, Verbesserungen im Bereich Barrierefreiheit und einen optimierten Consent Mode.</span>\n\n <span><strong>LocalBoost</strong> wird deutlich erweitert – mit neuen Statistiken, Wettbewerbsvergleich, automatisierten Beiträgen, SEO-Analyser, Bewertungsanalyse und neuen Widget-Designs. Damit wird LocalBoost für Ihre Kunden noch attraktiver.</span>\n </div>\n\n <div class=\"ki-media-col\">\n <div class=\"ki-video-wrap\">\n <div class=\"ki-video-inner\">\n <iframe src=\"https://player.vimeo.com/video/1177203108?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"WSW-Update: Generell\"></iframe>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n</div>","summary":null,"version":7,"inserted_version":7,"total_cost":1.2201559999999998,"total_messages_sent":7,"summarized_at_total":0}