{"uuid":"6c54afbb-ffb5-481d-80b8-0b23cae5abeb","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-977a0f97-e51f-4923-9f83-e9f49324003c {\n font-family: inherit;\n box-sizing: border-box;\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c *,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c *::before,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c *::after {\n box-sizing: inherit;\n }\n\n /* ── Slider Container ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-viewport {\n position: relative;\n width: 100%;\n height: 85vh;\n min-height: 480px;\n max-height: 900px;\n }\n\n /* ── Individual Slide ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide {\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: opacity 1.2s ease;\n z-index: 1;\n overflow: hidden;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide.is-active {\n opacity: 1;\n z-index: 2;\n }\n\n /* ── Parallax Media Layer ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-media {\n position: absolute;\n inset: -40px;\n transition: transform 8s ease-out;\n will-change: transform;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide.is-active .slide-media {\n transform: scale(1.06);\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-media img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-media video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n\n /* ── Overlay Gradient ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 160deg,\n rgba(0, 30, 80, 0.72) 0%,\n rgba(0, 50, 130, 0.48) 40%,\n rgba(0, 0, 0, 0.36) 100%\n );\n z-index: 1;\n }\n\n /* ── Content Layer ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-content {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n height: 100%;\n padding: 4rem 6%;\n max-width: 900px;\n }\n\n /* ── Badge / Tag Line ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-badge {\n display: inline-block;\n font-family: Poppins, sans-serif;\n font-size: 0.8rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--wsw-color-accent, #68b5ff);\n background: rgba(104, 181, 255, 0.12);\n border: 1px solid rgba(104, 181, 255, 0.28);\n padding: 0.35rem 1rem;\n border-radius: 100px;\n margin-bottom: 1.25rem;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide.is-active .slide-badge {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* ── Heading ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-heading {\n color: #ffffff;\n font-size: clamp(1.8rem, 4.5vw, 3.2rem);\n font-weight: 700;\n line-height: 1.12;\n margin: 0 0 1rem 0;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide.is-active .slide-heading {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* ── Subheading ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-subheading {\n color: rgba(255, 255, 255, 0.85);\n font-size: clamp(1rem, 2vw, 1.3rem);\n font-weight: 300;\n line-height: 1.55;\n margin: 0 0 2rem 0;\n max-width: 600px;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease 0.7s, transform 0.8s ease 0.7s;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide.is-active .slide-subheading {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* ── CTA Buttons ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-cta-group {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease 0.9s, transform 0.8s ease 0.9s;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide.is-active .slide-cta-group {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n padding: 0.85rem 2rem;\n font-family: Mulish, sans-serif;\n font-size: 0.95rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n color: var(--wsw-color-black, #212529);\n background: var(--wsw-color-accent, #68b5ff);\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-primary:hover,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-primary:focus-visible {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(104, 181, 255, 0.35);\n outline: none;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-secondary {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n padding: 0.85rem 2rem;\n font-family: Mulish, sans-serif;\n font-size: 0.95rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n color: #ffffff;\n background: transparent;\n border: 1.5px solid rgba(255, 255, 255, 0.45);\n border-radius: 6px;\n cursor: pointer;\n transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-secondary:hover,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-secondary:focus-visible {\n transform: translateY(-2px);\n border-color: rgba(255, 255, 255, 0.8);\n background: rgba(255, 255, 255, 0.08);\n outline: none;\n }\n\n /* ── Navigation Dots ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-dots {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n display: flex;\n gap: 12px;\n align-items: center;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.35);\n border: none;\n cursor: pointer;\n transition: background 0.35s ease, transform 0.35s ease, width 0.35s ease;\n padding: 0;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-dot:hover {\n background: rgba(255, 255, 255, 0.6);\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-dot:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #68b5ff);\n outline-offset: 3px;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-dot.is-active {\n background: var(--wsw-color-accent, #68b5ff);\n width: 28px;\n border-radius: 100px;\n }\n\n /* ── Arrow Navigation ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 1.5px solid rgba(255, 255, 255, 0.3);\n background: rgba(0, 0, 0, 0.2);\n color: #ffffff;\n font-size: 1.2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n padding: 0;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow:hover {\n background: rgba(0, 0, 0, 0.4);\n border-color: rgba(255, 255, 255, 0.6);\n transform: translateY(-50%) scale(1.06);\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow:focus-visible {\n outline: 2px solid var(--wsw-color-accent, #68b5ff);\n outline-offset: 3px;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow--prev {\n left: 1.5rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow--next {\n right: 1.5rem;\n }\n\n /* ── Progress Bar ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-progress {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: rgba(255, 255, 255, 0.1);\n z-index: 10;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-progress-bar {\n height: 100%;\n width: 0%;\n background: var(--wsw-color-accent, #68b5ff);\n transition: width 0.3s linear;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-progress-bar.is-running {\n transition: width 7s linear;\n width: 100%;\n }\n\n /* ── Slide Counter ── */\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-counter {\n position: absolute;\n top: 2rem;\n right: 2rem;\n z-index: 10;\n font-family: Poppins, sans-serif;\n font-size: 0.85rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n color: rgba(255, 255, 255, 0.5);\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-counter-current {\n color: #ffffff;\n font-weight: 600;\n }\n\n /* ── Reduced Motion ── */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c *,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c *::before,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* ── Responsive: Tablet ── */\n @media (max-width: 1024px) {\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-viewport {\n height: 75vh;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-content {\n padding: 3rem 5%;\n }\n }\n\n /* ── Responsive: Mobile ── */\n @media (max-width: 768px) {\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-viewport {\n height: 70vh;\n min-height: 420px;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-content {\n padding: 2.5rem 6%;\n justify-content: flex-end;\n padding-bottom: 5rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow {\n width: 40px;\n height: 40px;\n font-size: 1rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow--prev {\n left: 0.75rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-arrow--next {\n right: 0.75rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-counter {\n top: 1.25rem;\n right: 1.25rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-dots {\n bottom: 1.25rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-badge {\n font-size: 0.7rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-subheading {\n max-width: 100%;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-primary,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-secondary {\n padding: 0.75rem 1.5rem;\n font-size: 0.88rem;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slider-viewport {\n height: 65vh;\n min-height: 380px;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .slide-cta-group {\n flex-direction: column;\n gap: 0.75rem;\n }\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-primary,\n #wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c .cta-secondary {\n text-align: center;\n width: 100%;\n justify-content: center;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c\">\n <div class=\"slider-viewport\" role=\"region\" aria-label=\"Bildslider\" aria-roledescription=\"carousel\">\n\n <!-- Slide Counter -->\n <div class=\"slide-counter\" aria-live=\"polite\">\n <span class=\"slide-counter-current\">01</span> <span>/ 05</span>\n </div>\n\n <!-- ═══ SLIDE 1 — VIDEO ═══ -->\n <div class=\"slide is-active\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 1 von 5\">\n <div class=\"slide-media\" style=\"transform: scale(1.06) translate(2.20633px, 3.84347px);\">\n <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-hidden=\"true\">\n <source src=\"https://mmsaga-reinigungsservice.de/files/treppenhausreinigung.mp4\" type=\"video/mp4\">\n </video>\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-badge\">MMSAGA Reinigungsservice</span>\n <h2 class=\"slide-heading\">Allround Reinigungsservice & Hausmeisterdienste</h2>\n <span class=\"slide-subheading\">Professionelle Lösungen für Sauberkeit, Werterhalt und einen gepflegten ersten Eindruck – für Privat und Gewerbe.</span>\n <div class=\"slide-cta-group\">\n <a href=\"tel:+491744636022\" class=\"cta-primary\">☎ Jetzt anrufen</a>\n <a href=\"https://mmsaga-reinigungsservice.de/#Leistungen\" class=\"cta-secondary\">Leistungen entdecken</a>\n </div>\n </div>\n </div>\n\n <!-- ═══ SLIDE 2 ═══ -->\n <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 2 von 5\">\n <div class=\"slide-media\">\n <img src=\"https://mmsaga-reinigungsservice.de/s3/a/wsw.website.10432/public/images/pages/folder.5/background-beautiful-wallpaper-hd-best-quality-hyper-realistic-colorful-image.webp\" alt=\"Blauer Hintergrund mit Wassertropfen – MMSAGA Reinigungsservice\" loading=\"lazy\">\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-badge\">Treppenhausreinigung</span>\n <h2 class=\"slide-heading\">Treppenhausreinigung & Gebäudepflege</h2>\n <span class=\"slide-subheading\">Regelmäßige Pflege für einen sauberen und einladenden Objektbereich – termingerecht und diskret.</span>\n <div class=\"slide-cta-group\">\n <a href=\"tel:+491744636022\" class=\"cta-primary\">☎ Jetzt anrufen</a>\n <a href=\"https://mmsaga-reinigungsservice.de/kontakt\" class=\"cta-secondary\">Anfrage senden</a>\n </div>\n </div>\n </div>\n\n <!-- ═══ SLIDE 3 ═══ -->\n <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 3 von 5\">\n <div class=\"slide-media\">\n <img src=\"https://mmsaga-reinigungsservice.de/s3/a/wsw.website.10432/public/images/pages/folder.5/window-cleaner-using-squeegee-wash-window-1600.webp\" alt=\"Professionelle Fensterreinigung mit Abzieher\" loading=\"lazy\">\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-badge\">Fensterreinigung</span>\n <h2 class=\"slide-heading\">Streifenfreie Fensterreinigung</h2>\n <span class=\"slide-subheading\">Saubere Glasflächen für private, gewerbliche und öffentliche Objekte – zuverlässig und gründlich.</span>\n <div class=\"slide-cta-group\">\n <a href=\"https://mmsaga-reinigungsservice.de/kontakt\" class=\"cta-primary\">Angebot anfordern</a>\n <a href=\"https://mmsaga-reinigungsservice.de/#Leistungen\" class=\"cta-secondary\">Mehr erfahren</a>\n </div>\n </div>\n </div>\n\n <!-- ═══ SLIDE 4 ═══ -->\n <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 4 von 5\">\n <div class=\"slide-media\">\n <img src=\"https://mmsaga-reinigungsservice.de/s3/a/wsw.website.10432/public/images/pages/folder.5/buero.webp\" alt=\"Sauberes und hygienisches Büro nach professioneller Reinigung\" loading=\"lazy\">\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-badge\">Büroreinigung</span>\n <h2 class=\"slide-heading\">Büroreinigung mit System</h2>\n <span class=\"slide-subheading\">Für hygienische Arbeitsplätze und einen professionellen Auftritt – individuell auf Ihre Anforderungen abgestimmt.</span>\n <div class=\"slide-cta-group\">\n <a href=\"https://mmsaga-reinigungsservice.de/kontakt\" class=\"cta-primary\">Kontakt aufnehmen</a>\n <a href=\"https://mmsaga-reinigungsservice.de/#Leistungen\" class=\"cta-secondary\">Leistungen ansehen</a>\n </div>\n </div>\n </div>\n\n <!-- ═══ SLIDE 5 ═══ -->\n <div class=\"slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"Slide 5 von 5\">\n <div class=\"slide-media\">\n <img src=\"https://mmsaga-reinigungsservice.de/s3/a/wsw.website.10432/public/images/pages/folder.5/fenster.webp\" alt=\"Fensterfront nach professioneller Grundreinigung\" loading=\"lazy\">\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-badge\">Rundum-Service</span>\n <h2 class=\"slide-heading\">Winterdienst, Grundreinigung, Entrümpelung & Kleinreparaturen</h2>\n <span class=\"slide-subheading\">Zuverlässiger Service rund um Gebäude, Außenanlagen und Objektbetreuung – alles aus einer Hand.</span>\n <div class=\"slide-cta-group\">\n <a href=\"https://mmsaga-reinigungsservice.de/kontakt\" class=\"cta-primary\">Kostenlos beraten lassen</a>\n <a href=\"tel:+491744636022\" class=\"cta-secondary\">☎ Anrufen</a>\n </div>\n </div>\n </div>\n\n <!-- ── Arrow Navigation ── -->\n <button class=\"slider-arrow slider-arrow--prev\" aria-label=\"Vorheriger Slide\">❮</button>\n <button class=\"slider-arrow slider-arrow--next\" aria-label=\"Nächster Slide\">❯</button>\n\n <!-- ── Dot Navigation ── -->\n <div class=\"slider-dots\" role=\"tablist\" aria-label=\"Slide-Navigation\">\n <button class=\"slider-dot is-active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Slide 1\"></button>\n <button class=\"slider-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 2\"></button>\n <button class=\"slider-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 3\"></button>\n <button class=\"slider-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 4\"></button>\n <button class=\"slider-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Slide 5\"></button>\n </div>\n\n <!-- ── Progress Bar ── -->\n <div class=\"slider-progress\">\n <div class=\"slider-progress-bar is-running\" style=\"width: 0%;\"></div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-977a0f97-e51f-4923-9f83-e9f49324003c');\n if (!el) return;\n\n var slides = el.querySelectorAll('.slide');\n var dots = el.querySelectorAll('.slider-dot');\n var prevBtn = el.querySelector('.slider-arrow--prev');\n var nextBtn = el.querySelector('.slider-arrow--next');\n var progressBar = el.querySelector('.slider-progress-bar');\n var counterCurrent = el.querySelector('.slide-counter-current');\n var currentIndex = 0;\n var totalSlides = slides.length;\n var autoplayInterval = 7000;\n var autoplayTimer = null;\n var isTransitioning = false;\n\n function goToSlide(index) {\n if (isTransitioning || index === currentIndex) return;\n isTransitioning = true;\n\n var oldMedia = slides[currentIndex].querySelector('.slide-media');\n if (oldMedia) oldMedia.style.transform = 'scale(1)';\n\n slides[currentIndex].classList.remove('is-active');\n dots[currentIndex].classList.remove('is-active');\n dots[currentIndex].setAttribute('aria-selected', 'false');\n\n currentIndex = index;\n\n slides[currentIndex].classList.add('is-active');\n dots[currentIndex].classList.add('is-active');\n dots[currentIndex].setAttribute('aria-selected', 'true');\n\n counterCurrent.textContent = String(currentIndex + 1).padStart(2, '0');\n\n resetProgress();\n handleVideoPlayback();\n\n setTimeout(function() {\n isTransitioning = false;\n }, 1300);\n }\n\n function nextSlide() {\n var next = (currentIndex + 1) % totalSlides;\n goToSlide(next);\n }\n\n function prevSlide() {\n var prev = (currentIndex - 1 + totalSlides) % totalSlides;\n goToSlide(prev);\n }\n\n function resetProgress() {\n progressBar.classList.remove('is-running');\n void progressBar.offsetWidth;\n progressBar.style.width = '0%';\n void progressBar.offsetWidth;\n progressBar.classList.add('is-running');\n }\n\n function startAutoplay() {\n stopAutoplay();\n resetProgress();\n autoplayTimer = setInterval(nextSlide, autoplayInterval);\n }\n\n function stopAutoplay() {\n if (autoplayTimer) {\n clearInterval(autoplayTimer);\n autoplayTimer = null;\n }\n }\n\n function handleVideoPlayback() {\n slides.forEach(function(slide, i) {\n var video = slide.querySelector('video');\n if (!video) return;\n if (i === currentIndex) {\n video.currentTime = 0;\n video.play().catch(function() {});\n } else {\n video.pause();\n }\n });\n }\n\n nextBtn.addEventListener('click', function() {\n nextSlide();\n startAutoplay();\n });\n\n prevBtn.addEventListener('click', function() {\n prevSlide();\n startAutoplay();\n });\n\n dots.forEach(function(dot, i) {\n dot.addEventListener('click', function() {\n goToSlide(i);\n startAutoplay();\n });\n });\n\n el.addEventListener('keydown', function(e) {\n if (e.key === 'ArrowRight') {\n nextSlide();\n startAutoplay();\n } else if (e.key === 'ArrowLeft') {\n prevSlide();\n startAutoplay();\n }\n });\n\n var viewport = el.querySelector('.slider-viewport');\n viewport.addEventListener('mouseenter', function() {\n stopAutoplay();\n progressBar.classList.remove('is-running');\n });\n viewport.addEventListener('mouseleave', function() {\n startAutoplay();\n });\n\n var touchStartX = 0;\n var touchEndX = 0;\n\n viewport.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n stopAutoplay();\n }, { passive: true });\n\n viewport.addEventListener('touchend', function(e) {\n touchEndX = e.changedTouches[0].screenX;\n var diff = touchStartX - touchEndX;\n if (Math.abs(diff) > 50) {\n if (diff > 0) {\n nextSlide();\n } else {\n prevSlide();\n }\n }\n startAutoplay();\n }, { passive: true });\n\n if (window.matchMedia('(min-width: 769px)').matches) {\n viewport.addEventListener('mousemove', function(e) {\n var rect = viewport.getBoundingClientRect();\n var x = (e.clientX - rect.left) / rect.width - 0.5;\n var y = (e.clientY - rect.top) / rect.height - 0.5;\n var activeMedia = slides[currentIndex].querySelector('.slide-media');\n if (activeMedia) {\n activeMedia.style.transform = 'scale(1.06) translate(' + (x * -8) + 'px, ' + (y * -8) + 'px)';\n }\n });\n }\n\n /* Initialize */\n handleVideoPlayback();\n startAutoplay();\n\n})();\n</script>","summary":null,"version":6,"inserted_version":6,"total_cost":0,"total_messages_sent":6,"summarized_at_total":0,"cloned_from_uuid":"cb6c0be6-42c4-4b59-a072-77abd083fb7e"}
Kontaktieren Sie uns
Wir sind für Sie da!
Rufen Sie uns an oder senden Sie uns eine Nachricht, um Ihr persönliches Reinigungsangebot zu erhalten.
Schnell, unkompliziert und maßgeschneidert.
Angebot anfordern
Bitte füllen Sie das Formular für Ihre Anfrage aus. Sie erhalten dann ein unverbindliches Angebot von uns.
Um ein verbindliches Angebot zu erhalten, müssen wir uns jedoch vor Ort das Objekt ansehen.
{"url":"\/kontakt","form_action_on_submit":"display_text","form_action_on_submit_text":"Vielen Dank f\u00fcr Ihre Kontaktaufnahme. Wir werden uns zeitnah mit Ihnen in Verbindung setzen.<br \/>\nIhr<br \/>\nM & M SAGA Reinigungsservice","form_include_text_fields_in_notification_emails":"1","rows":[{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-9","field_name":"Vorname","field_type":"firstname","field_label":"Vorname","field_placeholder":"Pflichtfeld","clientField":"firstname","field_required":"1","field_label_required_error":"","field_hidden":null}]},{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-10","field_name":"Nachname","field_type":"lastname","field_label":"Nachname","field_placeholder":"Pflichtfeld","clientField":"lastname","field_required":"1","field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-8","field_name":"Firma","field_type":"company","field_label":"Firma","field_placeholder":"optional","clientField":"company","field_required":null,"field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":9,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-5","field_name":"Stra\u00dfe und Hausnummer","field_type":"street","field_label":"Stra\u00dfe, Hausnummer","field_placeholder":"optional","clientField":"street","field_required":null,"field_label_required_error":"","field_hidden":null}]},{"columnWidth":3,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-6","field_name":"PLZ","field_type":"zipcode","field_label":"PLZ","field_placeholder":"optional","clientField":"zipcode","field_required":null,"field_label_required_error":"","field_hidden":null}]},{"columnWidth":12,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-7","field_name":"Ort","field_type":"city","field_label":"Einsatzort","field_placeholder":"Pflichtfeld","clientField":"city","field_required":"1","field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-3","field_name":"Email","field_type":"email","field_label":"E-Mail","field_placeholder":"Pflichtfeld","clientField":"email","field_required":"1","field_label_required_error":"","field_hidden":null}]},{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-4","field_name":"Telefon","field_type":"phone","field_label":"Telefon","field_placeholder":"optional","clientField":"phone","field_required":null,"field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-12","field_name":"Leistungen","field_type":"checkbox","field_label":"Welche Leistungen w\u00fcnschen Sie? Mehrfachauswahl m\u00f6glich","field_placeholder":"","field_required":"1","field_label_required_error":"","field_hidden":null,"field_select_multiple":null,"field_label_no_option":"","options":[{"option_label":"B\u00fcroreinigung","option_value":"","option_selected":false},{"option_label":"Schaufensterreinigung","option_value":"","option_selected":false},{"option_label":"Fensterreinigung allgemein","option_value":"","option_selected":false},{"option_label":"Erstreinigung","option_value":"","option_selected":false},{"option_label":"Grundreinigung","option_value":"","option_selected":false},{"option_label":"Einmalige Wohnungsreinigung","option_value":"","option_selected":false},{"option_label":"Umzugreinigung","option_value":"","option_selected":false}]}]},{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-13","field_name":"Leistungen Block 2","field_type":"checkbox","field_label":"weitere Leistungen","field_placeholder":"","field_required":"1","field_label_required_error":"","field_hidden":null,"field_select_multiple":null,"field_label_no_option":"","options":[{"option_label":"Treppenhausreinigung","option_value":"","option_selected":false},{"option_label":"Hausmeisterdienste","option_value":"","option_selected":false},{"option_label":"Kleinere Renovierungen","option_value":"","option_selected":false},{"option_label":"Laminatverlegung","option_value":"","option_selected":false},{"option_label":"Kleinreparaturen","option_value":"","option_selected":false},{"option_label":"Winterdienst","option_value":"","option_selected":false},{"option_label":"Sonstiges","option_value":"","option_selected":false}]}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-14","field_name":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-14","field_type":"text","text":"<p class=\"p-small\">Damit wir Ihnen ein aussagekr\u00e4ftiges Angebot unterbreiten k\u00f6nnen, bitten wir Sie, im Freifeld weitere Angaben zu machen, z.B. Gr\u00f6\u00dfe der Wohnung, Fl\u00e4che in m\u00b2, auszuf\u00fchrende Arbeiten, usw.<\/p>"}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-2","field_name":"Freifeld","field_type":"textarea","field_label":"Ihre Info an M & M SAGA","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-24","field_name":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-24","field_type":"spacer","height":"28.8438px"}]}]},{"columns":[{"columnWidth":2,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-18","field_name":"Datenschutz","field_type":"radio","field_label":"","field_placeholder":"","field_required":"1","field_label_required_error":"","field_hidden":null,"field_select_multiple":null,"field_label_no_option":"","options":[{"option_label":"Ja","option_value":"","option_selected":false}]}]},{"columnWidth":22,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-17","field_name":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-17","field_type":"text","text":"<p class=\"p-small\">Ich bin mit der Speicherung meiner Daten einverstanden. Die <a href=\"\/datenschutz\" target=\"_self\" title=\"Datenschutzerkl\u00e4rung der M & M SAGA Reinigungsservice\">Datenschutzerkl\u00e4rung<\/a> habe ich zur Kenntnis genommen. <\/p>"}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-21","field_name":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-21","field_type":"spacer","height":"34.75px"},{"field_id":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-1","field_name":"c5969c8f-042e-4c0f-939b-1f7d80763797-field-1","field_type":"button","field_label":"Absenden","buttonClasses":"wsw-block-button-default wsw-button-solid wsw-button-pill wsw-button-meduim"}]}]}]}
{"no_option":"Keine Option","subscribe_to_newsletter":"Newsletter abonnieren","subscribe_to_newsletter_yes":"Ja","subscribe_to_newsletter_no":"Nein","send_form_to_me_label":"Kopie an mich senden","choose_file":"Datei ausw\u00e4hlen","invalid_email":"E-Mail ist nicht korrekt","email_does_not_match":"E-Mail stimmt nicht \u00fcberein","password_does_not_match":"Passwort stimmt nicht \u00fcberein","captcha_failed":"Captcha-Verifikation fehlgeschlagen. Bitte versuchen Sie es erneut.","field_required":"Dieses Feld ist notwendig","unknown_error":"Unbekannter Error. Bitte neu laden","on_submit_text":"Vielen Dank f\u00fcr das Einreichen des Formulars."}