{"uuid":"7053ae85-291c-493e-8b3d-6a2c5c69e608","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-7053ae85-291c-493e-8b3d-6a2c5c69e608 {\n font-family: inherit;\n box-sizing: border-box;\n position: relative;\n width: 100%;\n min-height: 100vh;\n overflow: hidden;\n }\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 *,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 *::before,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 *::after {\n box-sizing: inherit;\n }\n\n /* Background image */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-bg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n z-index: 1;\n }\n\n /* Overlay */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.5) 100%);\n z-index: 2;\n }\n\n /* Content wrapper */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-content {\n position: relative;\n z-index: 3;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n }\n\n /* Navigation */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.5rem 3rem;\n width: 100%;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-brand {\n font-weight: 700;\n font-size: 1.4rem;\n color: var(--wsw-color-white, #ffffff);\n text-decoration: none;\n letter-spacing: 0.03em;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links {\n display: flex;\n align-items: center;\n gap: 2rem;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links a {\n color: rgba(255,255,255,0.85);\n text-decoration: none;\n font-size: 0.95rem;\n font-weight: 500;\n transition: color 0.2s ease-out;\n letter-spacing: 0.02em;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links a:hover,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links a:focus {\n color: var(--wsw-color-white, #ffffff);\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-cta {\n display: inline-block;\n padding: 0.6rem 1.4rem;\n background-color: var(--wsw-color-accent, #98a693);\n color: var(--wsw-color-white, #ffffff);\n text-decoration: none;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n transition: transform 0.2s ease-out, opacity 0.2s ease-out;\n letter-spacing: 0.02em;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-cta:hover,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-cta:focus {\n transform: scale(1.04);\n opacity: 0.92;\n }\n\n /* Mobile menu toggle */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-menu-toggle {\n display: none;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.5rem;\n z-index: 10;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-menu-toggle span {\n display: block;\n width: 24px;\n height: 2px;\n background: var(--wsw-color-white, #ffffff);\n margin: 5px 0;\n transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n border-radius: 2px;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-menu-toggle.active span:nth-child(1) {\n transform: rotate(45deg) translate(5px, 5px);\n }\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-menu-toggle.active span:nth-child(2) {\n opacity: 0;\n }\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-menu-toggle.active span:nth-child(3) {\n transform: rotate(-45deg) translate(5px, -5px);\n }\n\n /* Hero center content */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-center {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 2rem 2rem 4rem;\n max-width: 820px;\n margin: 0 auto;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-tagline {\n display: inline-block;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--wsw-color-accent, #98a693);\n margin-bottom: 1.5rem;\n background: rgba(255,255,255,0.12);\n padding: 0.45rem 1.2rem;\n border-radius: 50px;\n backdrop-filter: blur(4px);\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-center h1 {\n color: var(--wsw-color-white, #ffffff);\n margin: 0 0 1.25rem;\n font-size: clamp(2.2rem, 5.5vw, 3.8rem);\n line-height: 1.15;\n font-weight: 700;\n letter-spacing: -0.02em;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-subtitle {\n color: rgba(255,255,255,0.78);\n font-size: clamp(1rem, 2vw, 1.2rem);\n line-height: 1.6;\n max-width: 60ch;\n margin-bottom: 2.5rem;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-actions {\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background-color: var(--wsw-color-accent, #98a693);\n color: var(--wsw-color-white, #ffffff);\n text-decoration: none;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 600;\n transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;\n border: none;\n cursor: pointer;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-primary:hover,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-primary:focus {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(152,166,147,0.35);\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: rgba(255,255,255,0.12);\n color: var(--wsw-color-white, #ffffff);\n text-decoration: none;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 500;\n border: 1px solid rgba(255,255,255,0.25);\n transition: transform 0.2s ease-out, background 0.2s ease-out;\n backdrop-filter: blur(4px);\n cursor: pointer;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-secondary:hover,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-secondary:focus {\n background: rgba(255,255,255,0.2);\n transform: translateY(-2px);\n }\n\n /* Scroll indicator */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-scroll-indicator {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n opacity: 0.6;\n animation: wsw-hero-bounce 2s ease-in-out infinite;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-scroll-indicator span {\n color: var(--wsw-color-white, #ffffff);\n font-size: 0.7rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .scroll-arrow {\n width: 20px;\n height: 20px;\n border-right: 2px solid var(--wsw-color-white, #ffffff);\n border-bottom: 2px solid var(--wsw-color-white, #ffffff);\n transform: rotate(45deg);\n }\n\n @keyframes wsw-hero-bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(8px); }\n }\n\n /* Entrance animations */\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-fade-in {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-fade-in:nth-child(2) { transition-delay: 0.15s; }\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-fade-in:nth-child(3) { transition-delay: 0.3s; }\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-fade-in:nth-child(4) { transition-delay: 0.45s; }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav {\n padding: 1rem 1.25rem;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n flex-direction: column;\n background: rgba(0,0,0,0.92);\n backdrop-filter: blur(16px);\n padding: 5rem 2rem 2rem;\n gap: 1.25rem;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease-out;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links.open {\n opacity: 1;\n pointer-events: auto;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-nav-links a {\n font-size: 1.1rem;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-menu-toggle {\n display: block;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-center {\n padding: 2rem 1.25rem 4rem;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-actions {\n flex-direction: column;\n width: 100%;\n }\n\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-primary,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 .hero-btn-secondary {\n width: 100%;\n justify-content: center;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 *,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 *::before,\n #wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608\">\n <img class=\"hero-bg\" src=\"/s3/b/wsw.website.2369/public/images/pages/folder.28/ai-snippet-6a05c3b0ed1c2.jpg\" alt=\"Massage und Wellness Ambiente\" width=\"1408\" height=\"768\" draggable=\"false\">\n\n <div class=\"hero-overlay\"></div>\n\n <div class=\"hero-content\" data-pcloud-pass-form-id=\"mp5hdp3bvggmd0fj0g8\">\n <!-- Navigation -->\n <nav class=\"hero-nav\" aria-label=\"Hauptnavigation\">\n <a href=\"/home\" class=\"hero-nav-brand\" data-pcloud-pass-id=\"mp5hdp3cl6tncsaaf8s\" draggable=\"false\">Massage &amp; Wellness</a>\n\n <button class=\"hero-menu-toggle\" aria-label=\"Menü öffnen\" aria-expanded=\"false\">\n <span></span>\n <span></span>\n <span></span>\n </button>\n\n <ul class=\"hero-nav-links\" role=\"list\">\n <li data-pcloud-pass-id=\"mp5hdp3ce18hiyaq2ul\"><a href=\"/home\" data-pcloud-pass-id=\"mp5hdp3cu5qpmj7tg7d\" draggable=\"false\">Home</a></li>\n <li data-pcloud-pass-id=\"mp5hdp3ckdp3p01vszb\"><a href=\"/hormonyoga\" data-pcloud-pass-id=\"mp5hdp3c2qb6a5eypvi\" draggable=\"false\">Hormonyoga</a></li>\n <li data-pcloud-pass-id=\"mp5hdp3clobouccaq4\"><a href=\"/hormonyoga-online\" data-pcloud-pass-id=\"mp5hdp3c4yfqqxu9a2l\" draggable=\"false\">Hormonyoga Online</a></li>\n <li data-pcloud-pass-id=\"mp5hdp3clm70q1f4igt\"><a href=\"/mich\" data-pcloud-pass-id=\"mp5hdp3cxjc3ax6g4aa\" draggable=\"false\">Über mich</a></li>\n <li data-pcloud-pass-id=\"mp5hdp3caw4x04qf83n\"><a href=\"/kontakt\" data-pcloud-pass-id=\"mp5hdp3cr4osfh9oq2s\" draggable=\"false\">Kontakt</a></li>\n <li data-pcloud-pass-id=\"mp5hdp3cbs1a8xn4wi6\"><a href=\"/kontakt\" class=\"hero-nav-cta\" data-pcloud-pass-id=\"mp5hdp3ccwziaes56e5\" draggable=\"false\">Termin buchen</a></li>\n </ul>\n </nav>\n\n <!-- Hero Center Content -->\n <div class=\"hero-center\">\n <span class=\"hero-tagline hero-fade-in visible\" data-pcloud-pass-id=\"mp5hdp3cp85l6ovvqj\">Entspannung &amp; Wohlbefinden</span>\n <h1 class=\"hero-fade-in visible\" data-pcloud-pass-id=\"mp5hdp3cvxn2cgwnhpl\">Finden Sie Ihre innere Balance</h1>\n <span class=\"hero-subtitle hero-fade-in visible\" data-pcloud-pass-id=\"mp5hdp3cqalf68b5pmr\">Professionelle Massagetherapie, die Körper und Geist in Einklang bringt. Erleben Sie tiefe Entspannung und neue Energie in einer Atmosphäre der Ruhe.</span>\n <div class=\"hero-actions hero-fade-in visible\">\n <a href=\"/kontakt\" class=\"hero-btn-primary\" data-pcloud-pass-id=\"mp5hdp3cej2shetlcsb\" draggable=\"false\">Termin vereinbaren →</a>\n <a href=\"/mich\" class=\"hero-btn-secondary\" data-pcloud-pass-id=\"mp5hdp3c7ljvjpql73u\" draggable=\"false\">Mehr erfahren</a>\n </div>\n </div>\n\n <!-- Scroll Indicator -->\n <div class=\"hero-scroll-indicator\">\n <span data-pcloud-pass-id=\"mp5hdp3chfn56l3krzt\">Entdecken</span>\n <div class=\"scroll-arrow\"></div>\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n const el = document.getElementById('wsw-snippet-7053ae85-291c-493e-8b3d-6a2c5c69e608');\n if (!el) return;\n\n // Entrance animations\n var fadeEls = el.querySelectorAll('.hero-fade-in');\n requestAnimationFrame(function() {\n fadeEls.forEach(function(item) {\n item.classList.add('visible');\n });\n });\n\n // Mobile menu toggle\n var toggle = el.querySelector('.hero-menu-toggle');\n var navLinks = el.querySelector('.hero-nav-links');\n\n if (toggle && navLinks) {\n toggle.addEventListener('click', function() {\n var isOpen = navLinks.classList.toggle('open');\n toggle.classList.toggle('active');\n toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n toggle.setAttribute('aria-label', isOpen ? 'Menü schließen' : 'Menü öffnen');\n });\n\n navLinks.querySelectorAll('a').forEach(function(link) {\n link.addEventListener('click', function() {\n navLinks.classList.remove('open');\n toggle.classList.remove('active');\n toggle.setAttribute('aria-expanded', 'false');\n toggle.setAttribute('aria-label', 'Menü öffnen');\n });\n });\n }\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":0.726393745,"total_messages_sent":2,"summarized_at_total":0}