Beispieltext
{"uuid":"9913d32f-6f0f-4891-8b70-94639516255b","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b {\n font-family: inherit;\n box-sizing: border-box;\n background-color: var(--wsw-color-white, #ffffff);\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b *,\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b *::before,\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b *::after {\n box-sizing: inherit;\n }\n\n /* Theme overrides */\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b {\n background-color: var(--wsw-color-black, #212529);\n border-bottom-color: rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b {\n background-color: var(--wsw-color-accent, #2f609b);\n border-bottom-color: rgba(255, 255, 255, 0.15);\n }\n\n /* Header container */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-inner {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 72px;\n gap: 2rem;\n }\n\n /* Logo */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-logo img {\n display: block;\n height: 28px;\n width: auto;\n }\n\n /* Nav links */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a {\n text-decoration: none;\n color: var(--wsw-color-black, #212529);\n font-size: 1rem;\n font-weight: 500;\n padding: 0.5rem 1rem;\n border-radius: 8px;\n transition: background-color 0.2s ease-out, color 0.2s ease-out;\n white-space: nowrap;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:hover {\n background-color: var(--wsw-color-light, #eeedeb);\n color: var(--wsw-color-accent, #2f609b);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #2f609b);\n outline-offset: 2px;\n }\n\n /* Dark theme nav */\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:hover,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:hover,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:hover,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Accent theme nav */\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav a:hover {\n background-color: rgba(255, 255, 255, 0.15);\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Right actions */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n /* Icon buttons */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n text-decoration: none;\n color: var(--wsw-color-black, #212529);\n font-size: 0.875rem;\n font-weight: 500;\n padding: 0.5rem 0.75rem;\n border-radius: 8px;\n border: none;\n background: transparent;\n cursor: pointer;\n transition: background-color 0.2s ease-out, color 0.2s ease-out;\n white-space: nowrap;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:hover {\n background-color: var(--wsw-color-light, #eeedeb);\n color: var(--wsw-color-accent, #2f609b);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #2f609b);\n outline-offset: 2px;\n }\n\n /* Dark theme icon buttons */\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:hover,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:hover,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:hover,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Accent theme icon buttons */\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-icon-btn:hover {\n background-color: rgba(255, 255, 255, 0.15);\n color: var(--wsw-color-white, #ffffff);\n }\n\n /* Divider */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-divider {\n width: 1px;\n height: 24px;\n background-color: rgba(0, 0, 0, 0.12);\n flex-shrink: 0;\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-divider,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-divider,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-divider,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-divider,\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-divider {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n /* Mobile burger */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger {\n display: none;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n border: none;\n background: transparent;\n cursor: pointer;\n padding: 0;\n border-radius: 8px;\n color: var(--wsw-color-black, #212529);\n transition: background-color 0.2s ease-out;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:hover {\n background-color: var(--wsw-color-light, #eeedeb);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #2f609b);\n outline-offset: 2px;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger svg {\n width: 24px;\n height: 24px;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger,\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:hover,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:hover,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:hover,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:hover,\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n\n /* Mobile menu */\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu {\n display: none;\n flex-direction: column;\n gap: 0.25rem;\n padding: 1rem 2rem 1.5rem;\n border-top: 1px solid rgba(0, 0, 0, 0.08);\n background-color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu {\n background-color: var(--wsw-color-black, #212529);\n border-top-color: rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu {\n background-color: var(--wsw-color-accent, #2f609b);\n border-top-color: rgba(255, 255, 255, 0.15);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu.is-open {\n display: flex;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a {\n text-decoration: none;\n color: var(--wsw-color-black, #212529);\n font-size: 1rem;\n font-weight: 500;\n padding: 0.75rem 1rem;\n border-radius: 8px;\n transition: background-color 0.2s ease-out;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:hover {\n background-color: var(--wsw-color-light, #eeedeb);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #2f609b);\n outline-offset: 2px;\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a,\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a {\n color: var(--wsw-color-white, #ffffff);\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:hover,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:hover,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:hover,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:hover,\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-menu svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-divider {\n height: 1px;\n background-color: rgba(0, 0, 0, 0.08);\n margin: 0.5rem 0;\n }\n section.wsw-theme-d #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-divider,\n section.wsw-theme-db #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-divider,\n section.wsw-theme-b #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-divider,\n section.wsw-theme-bb #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-divider,\n section.wsw-theme-a #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-mobile-divider {\n background-color: rgba(255, 255, 255, 0.15);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-inner {\n padding: 0 1rem;\n height: 64px;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-nav {\n display: none;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-actions {\n display: none;\n }\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b .header-burger {\n display: flex;\n }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b *,\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b *::before,\n #wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b\">\n <div class=\"header-inner\">\n <!-- Logo -->\n <a href=\"#\" class=\"header-logo\" aria-label=\"Worldsoft – Startseite\" draggable=\"false\">\n <img src=\"/s3/b/wsw.website.6202/public/images/pages/group-5988.140.69c7c14921a69.png?_866220.600000143\" alt=\"Worldsoft Logo\" draggable=\"false\">\n </a>\n\n <!-- Navigation -->\n <nav class=\"header-nav\" aria-label=\"Hauptnavigation\">\n <a href=\"#\" draggable=\"false\">Produkte</a>\n <a href=\"#\" draggable=\"false\">Preise</a>\n <a href=\"#\" draggable=\"false\">Hosting</a>\n </nav>\n\n <!-- Right-side action buttons -->\n <div class=\"header-actions\">\n <a href=\"#\" class=\"header-icon-btn\" aria-label=\"Bestellen\" draggable=\"false\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"></path><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"></line><path d=\"M16 10a4 4 0 0 1-8 0\"></path></svg>\n <span>Bestellen</span>\n </a>\n <div class=\"header-divider\"></div>\n <a href=\"#\" class=\"header-icon-btn\" aria-label=\"Account\" draggable=\"false\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"></path><circle cx=\"12\" cy=\"7\" r=\"4\"></circle></svg>\n <span>Account</span>\n </a>\n <div class=\"header-divider\"></div>\n <a href=\"#\" class=\"header-icon-btn\" aria-label=\"Support\" draggable=\"false\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"></path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg>\n <span>Support</span>\n </a>\n </div>\n\n <!-- Mobile burger button -->\n <button class=\"header-burger\" aria-label=\"Menü öffnen\" aria-expanded=\"false\" aria-controls=\"wsw-mobile-menu\">\n <svg class=\"burger-icon\" viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"></line><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"></line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"></line></svg>\n <svg class=\"close-icon\" viewBox=\"0 0 24 24\" style=\"display:none\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>\n </button>\n </div>\n\n <!-- Mobile menu -->\n <nav class=\"header-mobile-menu\" id=\"wsw-mobile-menu\" aria-label=\"Mobile Navigation\">\n <a href=\"#\" draggable=\"false\">Produkte</a>\n <a href=\"#\" draggable=\"false\">Preise</a>\n <a href=\"#\" draggable=\"false\">Hosting</a>\n <div class=\"header-mobile-divider\"></div>\n <a href=\"#\" draggable=\"false\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"></path><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"></line><path d=\"M16 10a4 4 0 0 1-8 0\"></path></svg><span>Bestellen</span></a>\n <a href=\"#\" draggable=\"false\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"></path><circle cx=\"12\" cy=\"7\" r=\"4\"></circle></svg><span>Account</span></a>\n <a href=\"#\" draggable=\"false\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"></path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg><span>Support</span></a>\n </nav>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-9913d32f-6f0f-4891-8b70-94639516255b');\n if (!el) return;\n\n var burger = el.querySelector('.header-burger');\n var mobileMenu = el.querySelector('.header-mobile-menu');\n var burgerIcon = el.querySelector('.burger-icon');\n var closeIcon = el.querySelector('.close-icon');\n\n if (burger && mobileMenu) {\n burger.addEventListener('click', function() {\n var isOpen = mobileMenu.classList.toggle('is-open');\n burger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n burger.setAttribute('aria-label', isOpen ? 'Menü schließen' : 'Menü öffnen');\n if (burgerIcon) burgerIcon.style.display = isOpen ? 'none' : 'block';\n if (closeIcon) closeIcon.style.display = isOpen ? 'block' : 'none';\n });\n }\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":1.38728835,"total_messages_sent":3,"summarized_at_total":0}