{"uuid":"e12f044d-4cac-4ec2-b794-bcedb21479c0","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-e12f044d-4cac-4ec2-b794-bcedb21479c0 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 *,\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 *::before,\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 *::after {\n box-sizing: inherit;\n }\n\n /* ===================== HERO ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.55) 100%);\n z-index: 1;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 2rem 1.5rem;\n max-width: 800px;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.9s ease-out, transform 0.9s ease-out;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-content.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-tagline {\n display: inline-block;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.85);\n margin-bottom: 1.5rem;\n border-bottom: 1px solid rgba(255,255,255,0.3);\n padding-bottom: 0.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero h1 {\n color: #fff;\n font-size: clamp(2.4rem, 6vw, 4.5rem);\n font-weight: 700;\n line-height: 1.15;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 20px rgba(0,0,0,0.25);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-subtitle {\n color: rgba(255,255,255,0.92);\n font-size: clamp(1.05rem, 2.5vw, 1.35rem);\n font-weight: 400;\n line-height: 1.6;\n margin-bottom: 0.75rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-emotion {\n color: rgba(255,255,255,0.78);\n font-size: clamp(0.95rem, 2vw, 1.1rem);\n font-style: italic;\n font-weight: 300;\n line-height: 1.6;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-btn-primary {\n display: inline-block;\n padding: 1.1rem 3rem;\n font-size: 1rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: #fff;\n background: var(--wsw-color-accent, #e66f4f);\n border: none;\n border-radius: 50px;\n text-decoration: none;\n cursor: pointer;\n transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, background 0.25s ease-out;\n box-shadow: 0 4px 20px rgba(230,111,79,0.35);\n margin-top: 1rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(230,111,79,0.45);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-btn-primary:focus-visible {\n outline: 3px solid rgba(255,255,255,0.8);\n outline-offset: 3px;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-scroll {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n color: rgba(255,255,255,0.6);\n font-size: 0.8rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-scroll-arrow {\n width: 20px;\n height: 20px;\n border-right: 2px solid rgba(255,255,255,0.5);\n border-bottom: 2px solid rgba(255,255,255,0.5);\n transform: rotate(45deg);\n animation: sm-bounce 2s ease-in-out infinite;\n }\n @keyframes sm-bounce {\n 0%, 100% { transform: rotate(45deg) translateY(0); }\n 50% { transform: rotate(45deg) translateY(6px); }\n }\n\n /* ===================== INTRO ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro {\n padding: 5rem 1.5rem;\n display: flex;\n justify-content: center;\n background: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro-inner {\n max-width: 780px;\n width: 100%;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro-heading {\n font-size: clamp(1.4rem, 3.5vw, 2rem);\n font-weight: 700;\n line-height: 1.3;\n margin: 0 0 2.5rem 0;\n color: var(--wsw-color-black, #000);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro-list li {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n font-size: clamp(1rem, 2vw, 1.15rem);\n line-height: 1.6;\n color: var(--wsw-color-dark, #757263);\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro-list li.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro-list-icon {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #e66f4f);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 0.8rem;\n margin-top: 0.15rem;\n opacity: 0.85;\n }\n\n /* ===================== BILD-ZWISCHENBEREICH ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing {\n position: relative;\n min-height: 60vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.58) 100%);\n z-index: 1;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 4rem 2rem;\n max-width: 720px;\n width: 100%;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-content.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing h2 {\n color: #fff;\n font-size: clamp(1.8rem, 5vw, 3rem);\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 16px rgba(0,0,0,0.3);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-line {\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #e66f4f);\n margin: 0 auto 2rem auto;\n border-radius: 2px;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-text {\n color: rgba(255,255,255,0.88);\n font-size: clamp(1.05rem, 2.5vw, 1.25rem);\n font-weight: 400;\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n }\n\n /* ===================== KACHELN ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs {\n padding: 5rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-label {\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, #e66f4f);\n margin-bottom: 1rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs h2 {\n font-size: clamp(1.6rem, 4vw, 2.6rem);\n font-weight: 700;\n line-height: 1.25;\n margin: 0 0 1rem 0;\n text-align: center;\n color: var(--wsw-color-black, #000);\n max-width: 700px;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-line {\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #e66f4f);\n border-radius: 2px;\n margin: 0 auto 3.5rem auto;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n max-width: 1100px;\n width: 100%;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-card {\n background: var(--wsw-color-light, #eeedeb);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1.25rem;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.3s ease-out;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-card.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-card:hover {\n box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n transform: translateY(-4px);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-icon {\n width: 56px;\n height: 56px;\n border-radius: 16px;\n background: var(--wsw-color-accent, #e66f4f);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: #fff;\n flex-shrink: 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-card h3 {\n font-size: clamp(1.15rem, 2.5vw, 1.35rem);\n font-weight: 700;\n line-height: 1.3;\n margin: 0;\n color: var(--wsw-color-black, #000);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-card-text {\n font-size: clamp(0.95rem, 1.8vw, 1.05rem);\n line-height: 1.7;\n color: var(--wsw-color-dark, #757263);\n margin: 0;\n }\n\n /* ===================== INDIVIDUELL-BILD ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img {\n position: relative;\n min-height: 55vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.50) 100%);\n z-index: 1;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 4rem 2rem;\n max-width: 750px;\n width: 100%;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-content.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img h2 {\n color: #fff;\n font-size: clamp(1.8rem, 5vw, 3rem);\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 16px rgba(0,0,0,0.3);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-sub {\n color: rgba(255,255,255,0.88);\n font-size: clamp(1.05rem, 2.5vw, 1.25rem);\n font-weight: 400;\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n }\n\n /* ===================== LEISTUNGS-KACHELN ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services {\n padding: 5rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-label {\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, #e66f4f);\n margin-bottom: 1rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services h2 {\n font-size: clamp(1.6rem, 4vw, 2.6rem);\n font-weight: 700;\n line-height: 1.25;\n margin: 0 0 1rem 0;\n text-align: center;\n color: var(--wsw-color-black, #000);\n max-width: 700px;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-line {\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #e66f4f);\n border-radius: 2px;\n margin: 0 auto 3.5rem auto;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n max-width: 1000px;\n width: 100%;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-card {\n background: var(--wsw-color-light, #eeedeb);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.3s ease-out;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-card.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-card:hover {\n box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n transform: translateY(-4px);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-icon {\n width: 52px;\n height: 52px;\n border-radius: 14px;\n background: var(--wsw-color-accent, #e66f4f);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n color: #fff;\n flex-shrink: 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-card h3 {\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n font-weight: 700;\n line-height: 1.3;\n margin: 0;\n color: var(--wsw-color-black, #000);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-card-text {\n font-size: clamp(0.95rem, 1.8vw, 1.05rem);\n line-height: 1.7;\n color: var(--wsw-color-dark, #757263);\n margin: 0;\n }\n\n /* ===================== PREISÜBERSICHT ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing {\n padding: 5rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-label {\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, #e66f4f);\n margin-bottom: 1rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing h2 {\n font-size: clamp(1.6rem, 4vw, 2.6rem);\n font-weight: 700;\n line-height: 1.25;\n margin: 0 0 1rem 0;\n text-align: center;\n color: var(--wsw-color-black, #000);\n max-width: 700px;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-sub {\n font-size: clamp(1rem, 2vw, 1.15rem);\n line-height: 1.6;\n color: var(--wsw-color-dark, #757263);\n text-align: center;\n max-width: 640px;\n margin-bottom: 1rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-date {\n display: inline-block;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n color: var(--wsw-color-accent, #e66f4f);\n border: 1.5px solid var(--wsw-color-accent, #e66f4f);\n border-radius: 50px;\n padding: 0.5rem 1.5rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-line {\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #e66f4f);\n border-radius: 2px;\n margin: 0 auto 3rem auto;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-grid {\n display: flex;\n justify-content: center;\n gap: 2.5rem;\n max-width: 740px;\n width: 100%;\n margin-bottom: 3rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card {\n background: var(--wsw-color-light, #eeedeb);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 0.75rem;\n flex: 1;\n min-width: 0;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out, box-shadow 0.3s ease-out;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card:hover {\n box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n transform: translateY(-4px);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card h3 {\n font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n font-weight: 700;\n line-height: 1.3;\n margin: 0;\n color: var(--wsw-color-black, #000);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card-icon {\n width: 56px;\n height: 56px;\n border-radius: 16px;\n background: var(--wsw-color-accent, #e66f4f);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: #fff;\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-amount {\n font-size: clamp(2.4rem, 5vw, 3.2rem);\n font-weight: 700;\n color: var(--wsw-color-accent, #e66f4f);\n line-height: 1.1;\n margin: 0.5rem 0 0 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-amount-unit {\n font-size: 0.45em;\n font-weight: 400;\n color: var(--wsw-color-dark, #757263);\n display: block;\n margin-top: 0.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card-divider {\n width: 40px;\n height: 2px;\n background: var(--wsw-color-accent, #e66f4f);\n opacity: 0.4;\n border-radius: 2px;\n margin: 0.5rem 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card-desc {\n font-size: clamp(0.9rem, 1.6vw, 0.95rem);\n line-height: 1.6;\n color: var(--wsw-color-dark, #757263);\n margin: 0;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-includes {\n max-width: 740px;\n width: 100%;\n background: var(--wsw-color-light, #eeedeb);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease-out, transform 0.7s ease-out;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-includes.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-includes h4 {\n font-size: clamp(1rem, 2vw, 1.15rem);\n font-weight: 700;\n color: var(--wsw-color-black, #000);\n margin: 0 0 1.25rem 0;\n text-align: center;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-includes-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-includes-list li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: clamp(0.9rem, 1.8vw, 1rem);\n line-height: 1.6;\n color: var(--wsw-color-dark, #757263);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-check {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--wsw-color-accent, #e66f4f);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 0.7rem;\n margin-top: 0.15rem;\n }\n\n /* ===================== CTA-ABSCHLUSS ===================== */\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta {\n padding: 5rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--wsw-color-light, #eeedeb);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta-inner {\n max-width: 640px;\n width: 100%;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta-inner.sm-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta h2 {\n font-size: clamp(1.6rem, 4vw, 2.4rem);\n font-weight: 700;\n line-height: 1.25;\n margin: 0 0 1rem 0;\n color: var(--wsw-color-black, #000);\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta-line {\n width: 60px;\n height: 3px;\n background: var(--wsw-color-accent, #e66f4f);\n border-radius: 2px;\n margin: 0 auto 1.5rem auto;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta-text {\n font-size: clamp(1rem, 2vw, 1.15rem);\n line-height: 1.7;\n color: var(--wsw-color-dark, #757263);\n margin-bottom: 3rem;\n max-width: 560px;\n margin-left: auto;\n margin-right: auto;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta .sm-btn-primary {\n font-size: 1.05rem;\n padding: 1.15rem 3.25rem;\n margin-top: 0;\n }\n\n /* ===================== GLOBAL RESPONSIVE & MOTION ===================== */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 *,\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 *::before,\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n @media (max-width: 900px) {\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-grid {\n grid-template-columns: 1fr;\n max-width: 520px;\n }\n }\n @media (max-width: 768px) {\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-grid {\n grid-template-columns: 1fr;\n max-width: 520px;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-grid {\n flex-direction: column;\n gap: 1.5rem;\n max-width: 380px;\n }\n }\n @media (max-width: 480px) {\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero {\n min-height: 90vh;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-hero-scroll {\n display: none;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-intro {\n padding: 3.5rem 1.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing {\n min-height: 50vh;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-missing-content {\n padding: 3rem 1.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs {\n padding: 3.5rem 1.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-differs-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img {\n min-height: 45vh;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-individual-img-content {\n padding: 3rem 1.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services {\n padding: 3.5rem 1.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-services-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing {\n padding: 3.5rem 1.25rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-pricing-includes {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0 .sm-cta {\n padding: 3.5rem 1.25rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0\">\n\n <!-- ===== 1. HERO ===== -->\n <div class=\"sm-hero\">\n <div class=\"sm-hero-bg\">\n <img src=\"https://wgahvyk2-aiyutp-g0lstbx.worldsoft-wsw.com/s3/a/wsw.website.7658/public/images/pages/folder.10/sunset-sea-disaiq7k.webp\" alt=\"Sonnenuntergang über dem Meer auf Kreta – warmes Licht, ruhige Weite\">\n </div>\n <div class=\"sm-hero-overlay\"></div>\n <div class=\"sm-hero-content sm-visible\">\n <span class=\"sm-hero-tagline\">Souda Mare · Südkreta</span>\n <h1>Überwintern auf Kreta</h1>\n <span class=\"sm-hero-subtitle\">Den Winter dort verbringen, wo Sonne, Ruhe und Lebensfreude zuhause sind</span>\n <span class=\"sm-hero-emotion\">Ein Ort zum Durchatmen, Auftanken und Ankommen in herzlicher Gemeinschaft.</span>\n <div>\n <a href=\"https://philoxenia-souda-mare.de/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sm-btn-primary\">Mehr erfahren</a>\n </div>\n </div>\n <div class=\"sm-hero-scroll\">\n <span>Entdecken</span>\n <div class=\"sm-hero-scroll-arrow\"></div>\n </div>\n </div>\n\n <!-- ===== 2. INTRO ===== -->\n <div class=\"sm-intro\">\n <div class=\"sm-intro-inner\">\n <h2 class=\"sm-intro-heading\">Vielleicht hast du schon versucht …</h2>\n <ul class=\"sm-intro-list\">\n <li class=\"sm-visible\">\n <span class=\"sm-intro-list-icon\">✦</span>\n <span>den Winter zuhause einfach irgendwie gut zu überstehen</span>\n </li>\n <li class=\"sm-visible\">\n <span class=\"sm-intro-list-icon\">✦</span>\n <span>mit kurzen Urlauben neue Energie zu tanken</span>\n </li>\n <li class=\"sm-visible\">\n <span class=\"sm-intro-list-icon\">✦</span>\n <span>mehr auf Bewegung, Ernährung oder Routinen zu achten</span>\n </li>\n <li class=\"sm-visible\">\n <span class=\"sm-intro-list-icon\">✦</span>\n <span>mehr unter Menschen zu kommen und gleichzeitig Ruhe zu finden</span>\n </li>\n <li class=\"sm-visible\">\n <span class=\"sm-intro-list-icon\">✦</span>\n <span>alleine einen Ortswechsel zu schaffen, aber ohne den richtigen Rahmen</span>\n </li>\n <li class=\"sm-visible\">\n <span class=\"sm-intro-list-icon\">✦</span>\n <span>Erholung zu suchen, ohne wirklich aus dem alten Alltag herauszukommen</span>\n </li>\n </ul>\n </div>\n </div>\n\n <!-- ===== 3. BILD-ZWISCHENBEREICH ===== -->\n <div class=\"sm-missing\">\n <div class=\"sm-missing-bg\">\n <img src=\"https://wgahvyk2-aiyutp-g0lstbx.worldsoft-wsw.com/s3/a/wsw.website.7658/public/images/pages/folder.10/1000141068.webp\" alt=\"Atmosphärische Stimmung auf Kreta – Meer, Licht und Weite\">\n </div>\n <div class=\"sm-missing-overlay\"></div>\n <div class=\"sm-missing-content sm-visible\">\n <h2>Manchmal braucht es mehr als nur eine Pause.</h2>\n <div class=\"sm-missing-line\"></div>\n <span class=\"sm-missing-text\">Es braucht einen Ort, an dem du wieder aufatmen kannst. Wo Wärme, Licht und das Meer dich daran erinnern, wie sich Lebendigkeit anfühlt – und wo du in herzlicher Gemeinschaft ganz bei dir selbst ankommen darfst.</span>\n </div>\n </div>\n\n <!-- ===== 4. WAS SOUDA MARE ANDERS MACHT ===== -->\n <div class=\"sm-differs\">\n <span class=\"sm-differs-label\">Souda Mare · Südkreta</span>\n <h2>Was das Hotel Souda Mare anders macht</h2>\n <div class=\"sm-differs-line\"></div>\n <div class=\"sm-differs-grid\">\n <div class=\"sm-differs-card sm-visible\">\n <div class=\"sm-differs-icon\">☀</div>\n <h3>Der Winter darf leicht werden</h3>\n <span class=\"sm-differs-card-text\">Milde Temperaturen, Meerblick und das besondere Licht Kretas schaffen eine Atmosphäre, in der du aufatmen kannst. Wärme, Weite und Natur helfen dir, wieder mehr Ruhe und Lebendigkeit in dir zu spüren.</span>\n </div>\n <div class=\"sm-differs-card sm-visible\">\n <div class=\"sm-differs-icon\">♡</div>\n <h3>Nähe ohne Verpflichtung</h3>\n <span class=\"sm-differs-card-text\">Ein Ort für Menschen, die Gemeinschaft schätzen, ohne ständig funktionieren zu müssen. Du darfst dich zurückziehen, wenn du Stille brauchst – und Anschluss finden, wenn dir nach Austausch, Lachen und Verbindung ist.</span>\n </div>\n <div class=\"sm-differs-card sm-visible\">\n <div class=\"sm-differs-icon\">✦</div>\n <h3>Etwas mitnehmen für Zuhause</h3>\n <span class=\"sm-differs-card-text\">Bewegung, Entschleunigung, Gesundheitsimpulse, Ernährungswissen oder gemeinsame Aktivitäten – alles darf sein. Nicht als Pflichtprogramm, sondern als Möglichkeit, neue Freude, Kraft und Inspiration mitzunehmen.</span>\n </div>\n </div>\n </div>\n\n <!-- ===== 5a. INDIVIDUELL-BILD ===== -->\n <div class=\"sm-individual-img\">\n <div class=\"sm-individual-img-bg\">\n <img src=\"/s3/a/wsw.website.7658/public/images/pages/folder.10/yoga-community-cvuwpgf2.webp\" alt=\"Yoga und Gemeinschaft auf Kreta – Menschen in Bewegung und Verbindung\">\n </div>\n <div class=\"sm-individual-img-overlay\"></div>\n <div class=\"sm-individual-img-content sm-visible\">\n <h2>So individuell wie dein Winter.</h2>\n <span class=\"sm-individual-img-sub\">Du entscheidest, wie dein Aufenthalt aussieht – ob du dich bewegen, entspannen, entdecken oder einfach nur sein möchtest. Alles darf, nichts muss.</span>\n </div>\n </div>\n\n <!-- ===== 5b. LEISTUNGS-KACHELN ===== -->\n <div class=\"sm-services\">\n <span class=\"sm-services-label\">Dein Aufenthalt</span>\n <h2>Was dich auf Kreta erwartet</h2>\n <div class=\"sm-services-line\"></div>\n <div class=\"sm-services-grid\">\n <div class=\"sm-services-card sm-visible\">\n <div class=\"sm-services-icon\">🧘</div>\n <h3>Yoga &amp; Bewegung</h3>\n <span class=\"sm-services-card-text\">Sanftes Yoga am Morgen, Wanderungen durch die kretische Natur oder Bewegung am Strand – dein Körper findet seinen Rhythmus, ganz ohne Druck.</span>\n </div>\n <div class=\"sm-services-card sm-visible\">\n <div class=\"sm-services-icon\">🍃</div>\n <h3>Gesundheit &amp; Ernährung</h3>\n <span class=\"sm-services-card-text\">Frische, mediterrane Küche, Ayurveda-Impulse und gemeinsames Kochen. Du lernst, was dir wirklich guttut – und nimmst dieses Wissen mit nach Hause.</span>\n </div>\n <div class=\"sm-services-card sm-visible\">\n <div class=\"sm-services-icon\">🌊</div>\n <h3>Entschleunigung &amp; Natur</h3>\n <span class=\"sm-services-card-text\">Das Meer vor der Tür, die Berge im Rücken. Ob Spaziergänge am Wasser, stille Momente auf der Terrasse oder Ausflüge ins Hinterland – die Natur Kretas schenkt dir Weite und Ruhe.</span>\n </div>\n <div class=\"sm-services-card sm-visible\">\n <div class=\"sm-services-icon\">🤝</div>\n <h3>Gemeinschaft &amp; Verbindung</h3>\n <span class=\"sm-services-card-text\">Abende am gemeinsamen Tisch, Gespräche bei Sonnenuntergang, zusammen lachen und schweigen dürfen. Hier entstehen echte Begegnungen – in deinem Tempo.</span>\n </div>\n </div>\n </div>\n\n <!-- ===== 6. PREISÜBERSICHT ===== -->\n <div class=\"sm-pricing\">\n <span class=\"sm-pricing-label\">Organisatorisches</span>\n <h2>Preise &amp; Aufenthalt</h2>\n <span class=\"sm-pricing-date\">14. November 2026 – 16. Januar 2027</span>\n <span class=\"sm-pricing-sub\">Ob allein oder zu zweit: Du wohnst landestypisch, ruhig und mit Balkon und Meerblick – inklusive Verpflegung und gemeinsamen Abenden.</span>\n <div class=\"sm-pricing-line\"></div>\n <div class=\"sm-pricing-grid\">\n <div class=\"sm-pricing-card sm-visible\">\n <div class=\"sm-pricing-card-icon\">🛏</div>\n <h3>Einzelzimmer</h3>\n <span class=\"sm-pricing-amount\">89 €<span class=\"sm-pricing-amount-unit\">pro Nacht / Zimmer</span></span>\n <div class=\"sm-pricing-card-divider\"></div>\n <span class=\"sm-pricing-card-desc\">Für dich allein – ruhig, mit Meerblick und allem, was du brauchst.</span>\n </div>\n <div class=\"sm-pricing-card sm-visible\">\n <div class=\"sm-pricing-card-icon\">🛏🛏</div>\n <h3>Doppelzimmer</h3>\n <span class=\"sm-pricing-amount\">134 €<span class=\"sm-pricing-amount-unit\">pro Nacht / Zimmer</span></span>\n <div class=\"sm-pricing-card-divider\"></div>\n <span class=\"sm-pricing-card-desc\">Für zwei Personen – gemeinsam ankommen, zusammen den Winter genießen.</span>\n </div>\n </div>\n <div class=\"sm-pricing-includes sm-visible\">\n <h4>Im Preis enthalten</h4>\n <ul class=\"sm-pricing-includes-list\">\n <li>\n <span class=\"sm-pricing-check\">✓</span>\n <span>Tägliches Frühstücksbuffet – Dips, Marmeladen u.a. mit Liebe selbstgemacht</span>\n </li>\n <li>\n <span class=\"sm-pricing-check\">✓</span>\n <span>4 Abendessen pro Woche im Haus – vegetarisch, leicht &amp; mediterran</span>\n </li>\n <li>\n <span class=\"sm-pricing-check\">✓</span>\n <span>1 gemeinsamer Tavernenabend pro Woche</span>\n </li>\n <li>\n <span class=\"sm-pricing-check\">✓</span>\n <span>Balkon mit Meerblick</span>\n </li>\n <li>\n <span class=\"sm-pricing-check\">✓</span>\n <span>Zugang zu allen Gemeinschaftsangeboten &amp; Aktivitäten</span>\n </li>\n </ul>\n </div>\n </div>\n\n <!-- ===== 7. CTA-ABSCHLUSS ===== -->\n <div class=\"sm-cta\">\n <div class=\"sm-cta-inner sm-visible\">\n <h2>Neugierig geworden?</h2>\n <div class=\"sm-cta-line\"></div>\n <span class=\"sm-cta-text\">Auf der Hauptseite findest du alle weiteren Informationen zu Anreise, Transfer, Mobilität vor Ort und häufig gestellten Fragen.</span>\n <div>\n <a href=\"https://philoxenia-souda-mare.de/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sm-btn-primary\">Weitere Infos</a>\n </div>\n </div>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-e12f044d-4cac-4ec2-b794-bcedb21479c0');\n if (!el) return;\n\n var heroContent = el.querySelector('.sm-hero-content');\n if (heroContent) {\n var heroObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('sm-visible');\n heroObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n heroObs.observe(heroContent);\n }\n\n var introItems = el.querySelectorAll('.sm-intro-list li');\n if (introItems.length) {\n var introObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(introItems, entry.target);\n setTimeout(function() {\n entry.target.classList.add('sm-visible');\n }, idx * 120);\n introObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n introItems.forEach(function(item) { introObs.observe(item); });\n }\n\n var missingContent = el.querySelector('.sm-missing-content');\n if (missingContent) {\n var missingObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('sm-visible');\n missingObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n missingObs.observe(missingContent);\n }\n\n var diffCards = el.querySelectorAll('.sm-differs-card');\n if (diffCards.length) {\n var diffObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(diffCards, entry.target);\n setTimeout(function() {\n entry.target.classList.add('sm-visible');\n }, idx * 150);\n diffObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n diffCards.forEach(function(card) { diffObs.observe(card); });\n }\n\n var indContent = el.querySelector('.sm-individual-img-content');\n if (indContent) {\n var indObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('sm-visible');\n indObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n indObs.observe(indContent);\n }\n\n var sCards = el.querySelectorAll('.sm-services-card');\n if (sCards.length) {\n var sObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var idx = Array.prototype.indexOf.call(sCards, entry.target);\n setTimeout(function() {\n entry.target.classList.add('sm-visible');\n }, idx * 150);\n sObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n sCards.forEach(function(card) { sObs.observe(card); });\n }\n\n var pCards = el.querySelectorAll('.sm-pricing-card');\n var pIncludes = el.querySelector('.sm-pricing-includes');\n if (pCards.length || pIncludes) {\n var pObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n if (entry.target.classList.contains('sm-pricing-card')) {\n var idx = Array.prototype.indexOf.call(pCards, entry.target);\n setTimeout(function() {\n entry.target.classList.add('sm-visible');\n }, idx * 180);\n } else {\n entry.target.classList.add('sm-visible');\n }\n pObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n pCards.forEach(function(card) { pObs.observe(card); });\n if (pIncludes) pObs.observe(pIncludes);\n }\n\n var ctaInner = el.querySelector('.sm-cta-inner');\n if (ctaInner) {\n var ctaObs = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('sm-visible');\n ctaObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n ctaObs.observe(ctaInner);\n }\n})();\n</script>","summary":"The user is building a multi-section landing page for \"Überwintern auf Kreta\" (Souda Mare hotel, South Crete) with a modern, calm, Mediterranean, high-quality design using CSS variables (--wsw-color-accent defaults to #e66f4f, etc.), rounded corners (20px cards, 50px buttons), soft scroll-triggered animations via IntersectionObserver, and white backgrounds for text sections. The page currently has 5 completed sections in order: (1) fullscreen hero with sunset-sea image/dark gradient overlay, (2) \"Vielleicht hast du schon versucht…\" intro list with accent-colored circle icons on white background (the originally requested highlight quote block was removed due to persistent inline rendering issues), (3) atmospheric image section with \"Manchmal braucht es mehr als nur eine Pause\" text over the 1000141068.webp image, (4) three feature cards (\"Der Winter darf leicht werden\", \"Nähe ohne Verpflichtung\", \"Etwas mitnehmen für Zuhause\") in a 3-column grid on white background, and (5) yoga-community image with \"So individuell wie dein Winter\" heading plus four 2×2 service cards on white background. All external links use target=\"_blank\" with rel=\"noopener noreferrer\", and the next section to build is Part 6 (pricing overview with two price cards for single/double rooms at 89€/134€ per night including breakfast and dinner).","version":11,"inserted_version":11,"total_cost":12.33863939,"total_messages_sent":18,"summarized_at_total":12}