{"uuid":"d04a682c-7ee7-4b8c-843a-8480837e17cf","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-d04a682c-7ee7-4b8c-843a-8480837e17cf {\n font-family: inherit;\n box-sizing: border-box;\n }\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf *,\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf *::before,\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf {\n position: relative;\n padding: clamp(4rem, 10vw, 8rem) 1.5rem;\n text-align: center;\n overflow: hidden;\n }\n\n /* Background image layer */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-bg {\n position: absolute;\n inset: 0;\n background-image: url('https://eot-gaggenau.de/s3/a/wsw.website.8010/public/images/pages/folder.5/header.webp');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n\n /* Subtle dark overlay — lets the image shine through */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 180deg,\n rgba(0, 30, 70, 0.52) 0%,\n rgba(0, 20, 50, 0.62) 100%\n );\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-inner {\n position: relative;\n z-index: 1;\n max-width: 900px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2rem;\n }\n\n /* Badge */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .badge {\n display: inline-flex;\n align-items: center;\n gap: 0.625rem;\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 100px;\n padding: 0.5rem 1.5rem;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n transition: background 0.2s ease-out;\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .badge:hover {\n background: rgba(255, 255, 255, 0.18);\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .badge-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n background: var(--wsw-color-white, #fff);\n border-radius: 50%;\n color: var(--wsw-color-accent, #004fb8);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .badge-text {\n color: var(--wsw-color-white, #fff);\n font-weight: 600;\n letter-spacing: 0.04em;\n }\n\n /* Subheadline */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .subheadline {\n color: rgba(255, 255, 255, 0.9);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n max-width: 65ch;\n }\n\n /* Main heading */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf h2 {\n color: var(--wsw-color-white, #fff);\n margin: 0;\n max-width: 20ch;\n line-height: 1.2;\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);\n }\n\n /* Decorative divider */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .divider {\n width: 60px;\n height: 3px;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 3px;\n border: none;\n }\n\n /* Description */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .description {\n color: rgba(255, 255, 255, 0.85);\n max-width: 55ch;\n line-height: 1.7;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);\n }\n\n /* Entrance animation */\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-inner > * {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf.is-visible .hero-inner > * {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf.is-visible .hero-inner > *:nth-child(1) { transition-delay: 0s; }\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf.is-visible .hero-inner > *:nth-child(2) { transition-delay: 0.1s; }\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf.is-visible .hero-inner > *:nth-child(3) { transition-delay: 0.2s; }\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf.is-visible .hero-inner > *:nth-child(4) { transition-delay: 0.3s; }\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf.is-visible .hero-inner > *:nth-child(5) { transition-delay: 0.4s; }\n\n /* Theme overrides */\n section.wsw-theme-d #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-overlay,\n section.wsw-theme-db #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-overlay {\n background: linear-gradient(\n 180deg,\n rgba(40, 40, 40, 0.55) 0%,\n rgba(30, 30, 30, 0.65) 100%\n );\n }\n\n section.wsw-theme-b #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-overlay,\n section.wsw-theme-bb #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf .hero-overlay {\n background: linear-gradient(\n 180deg,\n rgba(15, 15, 15, 0.58) 0%,\n rgba(5, 5, 5, 0.68) 100%\n );\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf *,\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf *::before,\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf {\n padding: 3rem 1.25rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf\" class=\"is-visible\">\n <div class=\"hero-bg\" role=\"img\" aria-label=\"Hintergrundbild Orthopädie- und Rehatechnik\"></div>\n <div class=\"hero-overlay\"></div>\n\n <div class=\"hero-inner\">\n\n <div class=\"badge\">\n <span class=\"badge-icon\">♥</span>\n <span class=\"badge-text\">Mittelpunkt Mensch</span>\n </div>\n\n <span class=\"subheadline\">Ihre Gesundheit und Mobilität ist unser Anliegen</span>\n\n <h2>Elter Orthopädie- und Rehatechnik mit Sanitätshaus</h2>\n\n <div class=\"divider\"></div>\n\n <span class=\"description\">Wir begleiten Sie mit individueller Beratung, modernster Technik und persönlichem Engagement – damit Sie sich in jeder Lebenslage sicher und gut versorgt fühlen.</span>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n const el = document.getElementById('wsw-snippet-d04a682c-7ee7-4b8c-843a-8480837e17cf');\n if (!el) return;\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n el.classList.add('is-visible');\n observer.unobserve(el);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(el);\n})();\n</script>","summary":null,"version":3,"inserted_version":3,"total_cost":0,"total_messages_sent":3,"summarized_at_total":0}