{"uuid":"2d29a79b-bbae-47ee-b89c-bae9c0a09063","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 /* Hide footer */\n footer {\n display: none !important;\n }\n\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 {\n font-family: inherit;\n box-sizing: border-box;\n background: #000;\n color: #fff;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 3rem);\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 *,\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 *::before,\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 *::after {\n box-sizing: inherit;\n }\n\n /* Header */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-badge {\n display: inline-block;\n background: #fff;\n color: #000;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0.35rem 1rem;\n border-radius: 100px;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-header h2 {\n color: #fff;\n margin: 0 0 0.75rem;\n font-size: clamp(1.5rem, 4vw, 2.585rem);\n font-weight: 300;\n line-height: 1.3;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-header h2 strong {\n font-weight: 700;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-subtitle {\n color: #ccc;\n font-size: 1.06rem;\n line-height: 1.6;\n margin: 0;\n max-width: 65ch;\n margin-left: auto;\n margin-right: auto;\n }\n\n /* Progress bar */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-progress-wrap {\n max-width: 800px;\n margin: 0 auto 2.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-progress-bar {\n flex: 1;\n height: 4px;\n background: #333;\n border-radius: 2px;\n overflow: hidden;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-progress-fill {\n height: 100%;\n width: 0%;\n background: #fff;\n border-radius: 2px;\n transition: width 0.5s ease-out;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-progress-text {\n color: #ccc;\n font-size: 0.85rem;\n white-space: nowrap;\n min-width: 3.5rem;\n text-align: right;\n }\n\n /* Layout: sidebar + video */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-layout {\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 2rem;\n max-width: 1100px;\n margin: 0 auto 3rem;\n }\n\n /* Sidebar */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-sidebar {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson {\n display: flex;\n align-items: center;\n gap: 0.875rem;\n padding: 0.875rem 1rem;\n border: none;\n background: transparent;\n color: #999;\n cursor: pointer;\n border-radius: 8px;\n transition: background 0.2s ease-out, color 0.2s ease-out;\n text-align: left;\n width: 100%;\n font-size: 0.9rem;\n line-height: 1.4;\n font-family: inherit;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson:hover {\n background: #1a1a1a;\n color: #fff;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson:focus-visible {\n outline: 2px solid #fff;\n outline-offset: 2px;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson.active {\n background: #1a1a1a;\n color: #fff;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson-num {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 1.5px solid #444;\n font-size: 0.75rem;\n font-weight: 600;\n transition: border-color 0.2s ease-out, background 0.2s ease-out, color 0.2s ease-out;\n flex-shrink: 0;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson.active .vc-lesson-num {\n border-color: #fff;\n background: #fff;\n color: #000;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson-label {\n display: block;\n }\n\n /* Video area */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-video-area {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-video-container {\n position: relative;\n width: 100%;\n background: #111;\n border-radius: 12px;\n overflow: hidden;\n aspect-ratio: 16 / 9;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-video-slot {\n display: none;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-video-slot.active {\n display: block;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-video-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-nav-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 1.25rem;\n background: #1a1a1a;\n color: #ccc;\n border: 1px solid #333;\n border-radius: 8px;\n cursor: pointer;\n font-size: 0.85rem;\n font-family: inherit;\n transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-nav-btn:hover {\n background: #2a2a2a;\n color: #fff;\n border-color: #555;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-nav-btn:focus-visible {\n outline: 2px solid #fff;\n outline-offset: 2px;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-nav-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-nav-btn:disabled:hover {\n background: #1a1a1a;\n color: #ccc;\n border-color: #333;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-current-title {\n color: #ccc;\n font-size: 0.85rem;\n text-align: center;\n }\n\n /* Testimonials */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonials-label {\n display: block;\n text-align: center;\n color: #fff;\n font-size: 1.295rem;\n letter-spacing: 0.02em;\n font-weight: 600;\n margin: 0 auto 1.5rem;\n max-width: 1100px;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonials {\n max-width: 1100px;\n margin: 0 auto 3rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonial {\n background: #fff;\n border-radius: 12px;\n padding: 2rem 1.5rem 1.75rem;\n display: flex;\n flex-direction: column;\n gap: 0;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonial:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(255, 255, 255, 0.08);\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonial-quote {\n color: #999;\n font-size: 3rem;\n line-height: 1;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonial-text {\n color: #333;\n font-size: 0.95rem;\n line-height: 1.7;\n font-style: italic;\n flex: 1;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonial-stars {\n display: flex;\n gap: 0.2rem;\n margin-top: 1.25rem;\n color: #facc15;\n font-size: 0.9rem;\n }\n\n /* CTA Section */\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n padding: 2.5rem 2rem;\n background: #111;\n border-radius: 16px;\n border: 1px solid #222;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta h3 {\n color: #fff;\n margin: 0 0 0.75rem;\n font-size: clamp(1.25rem, 3vw, 1.8rem);\n font-weight: 300;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-desc {\n color: #ccc;\n font-size: 1rem;\n line-height: 1.6;\n margin: 0 0 1.5rem;\n max-width: 55ch;\n margin-left: auto;\n margin-right: auto;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-features {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n margin-bottom: 2rem;\n list-style: none;\n padding: 0;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-features li {\n color: #fff;\n font-size: 0.9rem;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-features li::before {\n content: \"✓\";\n color: #fff;\n font-weight: 700;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-btn {\n display: inline-block;\n padding: 0.875rem 2.5rem;\n background: #fff;\n color: #000;\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n font-family: inherit;\n text-decoration: none;\n cursor: pointer;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(255,255,255,0.15);\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-btn:focus-visible {\n outline: 2px solid #fff;\n outline-offset: 4px;\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-layout {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-sidebar {\n flex-direction: row;\n overflow-x: auto;\n gap: 0.25rem;\n padding-bottom: 0.5rem;\n -webkit-overflow-scrolling: touch;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson {\n flex-direction: column;\n min-width: 72px;\n padding: 0.625rem 0.5rem;\n text-align: center;\n gap: 0.4rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-lesson-label {\n font-size: 0.7rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-testimonials {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta {\n padding: 2rem 1.25rem;\n }\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 .vc-cta-features {\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 *,\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 *::before,\n #wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063\">\n\n <!-- Header -->\n <div class=\"vc-header\">\n <span class=\"vc-badge\">Video-Kurs · 7 Lektionen</span>\n <h2>Das neue <strong>KI-Element</strong> im Worldsoft Site Wizard</h2>\n <span class=\"vc-subtitle\">15 KI-Modelle inkl. externer Bilder-Modelle — lernen Sie in kurzen Videos, wie Sie das volle Potenzial für sich und Ihre Kunden nutzen.</span>\n </div>\n\n <!-- Progress -->\n <div class=\"vc-progress-wrap\">\n <div class=\"vc-progress-bar\">\n <div class=\"vc-progress-fill\" data-progress=\"\" style=\"width: 14.2857%;\"></div>\n </div>\n <span class=\"vc-progress-text\" data-progress-text=\"\">1 / 7</span>\n </div>\n\n <!-- Layout -->\n <div class=\"vc-layout\">\n\n <!-- Sidebar -->\n <div class=\"vc-sidebar\" role=\"tablist\" aria-label=\"Kurs-Lektionen\">\n <button class=\"vc-lesson active\" role=\"tab\" aria-selected=\"true\" data-index=\"0\">\n <span class=\"vc-lesson-num\">1</span>\n <span class=\"vc-lesson-label\">Credits &amp; Einrichtung</span>\n </button>\n <button class=\"vc-lesson\" role=\"tab\" aria-selected=\"false\" data-index=\"1\">\n <span class=\"vc-lesson-num\">2</span>\n <span class=\"vc-lesson-label\">Das KI-Element</span>\n </button>\n <button class=\"vc-lesson\" role=\"tab\" aria-selected=\"false\" data-index=\"2\">\n <span class=\"vc-lesson-num\">3</span>\n <span class=\"vc-lesson-label\">Header erstellen</span>\n </button>\n <button class=\"vc-lesson\" role=\"tab\" aria-selected=\"false\" data-index=\"3\">\n <span class=\"vc-lesson-num\">4</span>\n <span class=\"vc-lesson-label\">Header anpassen</span>\n </button>\n <button class=\"vc-lesson\" role=\"tab\" aria-selected=\"false\" data-index=\"4\">\n <span class=\"vc-lesson-num\">5</span>\n <span class=\"vc-lesson-label\">Inhalte generieren</span>\n </button>\n <button class=\"vc-lesson\" role=\"tab\" aria-selected=\"false\" data-index=\"5\">\n <span class=\"vc-lesson-num\">6</span>\n <span class=\"vc-lesson-label\">Footer bauen</span>\n </button>\n <button class=\"vc-lesson\" role=\"tab\" aria-selected=\"false\" data-index=\"6\">\n <span class=\"vc-lesson-num\">7</span>\n <span class=\"vc-lesson-label\">Responsive Design</span>\n </button>\n </div>\n\n <!-- Video Area -->\n <div class=\"vc-video-area\">\n <div class=\"vc-video-container\">\n <div class=\"vc-video-slot active\" data-slot=\"0\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178757883?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 1: Credits &amp; Einrichtung\" loading=\"lazy\"></iframe>\n </div>\n <div class=\"vc-video-slot\" data-slot=\"1\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178757846?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 2: Das KI-Element\" loading=\"lazy\"></iframe>\n </div>\n <div class=\"vc-video-slot\" data-slot=\"2\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178757808?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 3: Header erstellen\" loading=\"lazy\"></iframe>\n </div>\n <div class=\"vc-video-slot\" data-slot=\"3\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178757767?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 4: Header anpassen\" loading=\"lazy\"></iframe>\n </div>\n <div class=\"vc-video-slot\" data-slot=\"4\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178759049?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 5: Inhalte generieren\" loading=\"lazy\"></iframe>\n </div>\n <div class=\"vc-video-slot\" data-slot=\"5\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178757728?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 6: Footer bauen\" loading=\"lazy\"></iframe>\n </div>\n <div class=\"vc-video-slot\" data-slot=\"6\" role=\"tabpanel\">\n <iframe src=\"https://player.vimeo.com/video/1178757674?title=0&amp;byline=0&amp;portrait=0&amp;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=\"Lektion 7: Responsive Design\" loading=\"lazy\"></iframe>\n </div>\n </div>\n\n <!-- Video Nav -->\n <div class=\"vc-video-nav\">\n <button class=\"vc-nav-btn\" data-dir=\"prev\" disabled=\"\">\n <span>←</span>\n <span>Zurück</span>\n </button>\n <span class=\"vc-current-title\" data-current-title=\"\">Lektion 1: Credits &amp; Einrichtung</span>\n <button class=\"vc-nav-btn\" data-dir=\"next\">\n <span>Weiter</span>\n <span>→</span>\n </button>\n </div>\n </div>\n\n </div>\n\n <!-- Testimonials -->\n <span class=\"vc-testimonials-label\">Das sagen Worldsoft-Partner</span>\n <div class=\"vc-testimonials\">\n <div class=\"vc-testimonial\">\n <span class=\"vc-testimonial-quote\">„</span>\n <span class=\"vc-testimonial-text\">Was ihr in den letzten Jahren mit dem WSW auf die Beine gestellt habt, ist wirklich beeindruckend. Ich arbeite fast täglich damit und es macht mir ehrlich gesagt richtig Spass. Danke dafür!</span>\n <div class=\"vc-testimonial-stars\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n </div>\n <div class=\"vc-testimonial\">\n <span class=\"vc-testimonial-quote\">„</span>\n <span class=\"vc-testimonial-text\">Das neue KI-Snippet ist ein wirklich beeindruckendes Tool. Es erleichtert die Arbeit enorm und ermöglicht es, in kürzester Zeit professionelle und saubere Ergebnisse zu erzielen – inklusive einer durchgehend guten Responsivität. Aus meiner Sicht eine fantastische Entscheidung und ein grosser Mehrwert in der täglichen Arbeit.</span>\n <div class=\"vc-testimonial-stars\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n </div>\n <div class=\"vc-testimonial\">\n <span class=\"vc-testimonial-quote\">„</span>\n <span class=\"vc-testimonial-text\">Das neue KI-Snipplet ist echt beeindruckend. Ich bin begeistert und freue mich auf die weiteren Entwicklungen.</span>\n <div class=\"vc-testimonial-stars\">\n <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>\n </div>\n </div>\n </div>\n\n <!-- CTA -->\n <div class=\"vc-cta\">\n <h3>Jetzt Credits kaufen &amp; loslegen</h3>\n <span class=\"vc-cta-desc\">Schauen Sie sich den Kurs an und setzen Sie das Gelernte direkt für sich und Ihre Kunden um.</span>\n <ul class=\"vc-cta-features\">\n <li>15 KI-Modelle verfügbar</li>\n <li>Externe Bilder-Modelle inklusive</li>\n <li>Sofort einsatzbereit</li>\n </ul>\n <a href=\"https://worldsoft.info/website-shop\" class=\"vc-cta-btn\" target=\"_blank\" rel=\"noopener\">Credits kaufen &amp; loslegen</a>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-2d29a79b-bbae-47ee-b89c-bae9c0a09063');\n if (!el) return;\n\n var lessons = el.querySelectorAll('.vc-lesson');\n var slots = el.querySelectorAll('.vc-video-slot');\n var progressFill = el.querySelector('[data-progress]');\n var progressText = el.querySelector('[data-progress-text]');\n var currentTitle = el.querySelector('[data-current-title]');\n var prevBtn = el.querySelector('[data-dir=\"prev\"]');\n var nextBtn = el.querySelector('[data-dir=\"next\"]');\n var current = 0;\n var total = lessons.length;\n\n var titles = [\n 'Lektion 1: Credits & Einrichtung',\n 'Lektion 2: Das KI-Element',\n 'Lektion 3: Header erstellen',\n 'Lektion 4: Header anpassen',\n 'Lektion 5: Inhalte generieren',\n 'Lektion 6: Footer bauen',\n 'Lektion 7: Responsive Design'\n ];\n\n function goTo(index) {\n if (index < 0 || index >= total) return;\n current = index;\n\n lessons.forEach(function(btn, i) {\n var isActive = i === current;\n btn.classList.toggle('active', isActive);\n btn.setAttribute('aria-selected', isActive ? 'true' : 'false');\n });\n\n slots.forEach(function(slot, i) {\n slot.classList.toggle('active', i === current);\n });\n\n progressFill.style.width = ((current + 1) / total * 100) + '%';\n progressText.textContent = (current + 1) + ' / ' + total;\n currentTitle.textContent = titles[current];\n\n prevBtn.disabled = current === 0;\n nextBtn.disabled = current === total - 1;\n }\n\n lessons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n goTo(parseInt(btn.getAttribute('data-index'), 10));\n });\n });\n\n prevBtn.addEventListener('click', function() { goTo(current - 1); });\n nextBtn.addEventListener('click', function() { goTo(current + 1); });\n\n goTo(0);\n})();\n</script>","summary":null,"version":6,"inserted_version":6,"total_cost":3.4713665,"total_messages_sent":6,"summarized_at_total":0}

Das sagen Worldsoft-Partner