{"uuid":"6258f043-375e-4b43-9e71-7e9a17be7cf4","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 {\n box-sizing: border-box;\n font-family: inherit;\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 *,\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 *::before,\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 {\n --slider-height: 92vh;\n --slider-height-tablet: 75vh;\n --slider-height-mobile: 60vh;\n --slider-height-small: 55vh;\n --transition-speed: 1s;\n --parallax-scale: 1.15;\n --overlay-gradient: linear-gradient(135deg, rgba(24,24,24,0.74) 0%, rgba(24,24,24,0.40) 50%, rgba(24,24,24,0.18) 100%);\n --radius: 0px;\n --content-max: 720px;\n --autoplay-duration: 10000;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-viewport {\n position: relative;\n width: 100%;\n height: var(--slider-height);\n min-height: 480px;\n overflow: hidden;\n border-radius: var(--radius);\n background: var(--wsw-color-black, #181818);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n visibility: hidden;\n transition: opacity var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear var(--transition-speed);\n z-index: 1;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide.is-active {\n opacity: 1;\n visibility: visible;\n transition: opacity var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;\n z-index: 2;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-bg {\n position: absolute;\n inset: -10%;\n width: 120%;\n height: 120%;\n will-change: transform;\n transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n transform: scale(1.0) translate(0, 0);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide.is-active .slide-bg {\n transform: scale(var(--parallax-scale)) translate(0, 0);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-bg img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-bg video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n background: var(--wsw-color-black, #181818);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-overlay {\n position: absolute;\n inset: 0;\n background: var(--overlay-gradient);\n z-index: 1;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .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: var(--content-max);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-tag {\n display: inline-block;\n font-family: inherit;\n font-size: 1rem;\n font-weight: 400;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--wsw-color-light, #ccff01);\n margin-bottom: 1.2rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide.is-active .slide-tag {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-headline {\n color: var(--wsw-color-white, #ffffff);\n margin: 0 0 1rem 0;\n line-height: 1.1;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease 0.45s, transform 0.7s ease 0.45s;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide.is-active .slide-headline {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-text {\n color: rgba(255, 255, 255, 0.85);\n margin: 0 0 2rem 0;\n max-width: 540px;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease 0.6s, transform 0.7s ease 0.6s;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide.is-active .slide-text {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.9rem 2rem;\n font-family: inherit;\n font-size: 1rem;\n font-weight: 400;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--wsw-color-black, #181818);\n background-color: var(--wsw-color-light, #ccff01);\n border: 2px solid var(--wsw-color-light, #ccff01);\n border-radius: 0px;\n cursor: pointer;\n transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\n opacity: 0;\n transform: translateY(30px);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide.is-active .slide-cta {\n opacity: 1;\n transform: translateY(0);\n transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, opacity 0.7s ease 0.75s;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-cta:hover {\n background-color: transparent;\n color: var(--wsw-color-light, #ccff01);\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(204, 255, 1, 0.2);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-cta:focus-visible {\n outline: 2px solid var(--wsw-color-light, #ccff01);\n outline-offset: 3px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-cta .cta-arrow {\n display: inline-block;\n transition: transform 0.25s ease;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-cta:hover .cta-arrow {\n transform: translateX(4px);\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dots {\n position: absolute;\n bottom: 2rem;\n left: 6%;\n z-index: 10;\n display: flex;\n gap: 12px;\n align-items: center;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot {\n width: 40px;\n height: 3px;\n background: rgba(255, 255, 255, 0.35);\n border: none;\n border-radius: 2px;\n cursor: pointer;\n padding: 0;\n transition: background 0.3s ease, width 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot:hover {\n background: rgba(255, 255, 255, 0.6);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot:focus-visible {\n outline: 2px solid var(--wsw-color-light, #ccff01);\n outline-offset: 4px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot.is-active {\n width: 56px;\n background: rgba(255, 255, 255, 0.35);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot .dot-progress {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 0%;\n background: var(--wsw-color-light, #ccff01);\n border-radius: 2px;\n transition: width 0.1s linear;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-arrows {\n position: absolute;\n bottom: 2rem;\n right: 6%;\n z-index: 10;\n display: flex;\n gap: 8px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-arrow {\n width: 48px;\n height: 48px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 0;\n color: var(--wsw-color-white, #fff);\n cursor: pointer;\n font-size: 1.1rem;\n padding: 0;\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-arrow:hover {\n background: rgba(255, 255, 255, 0.15);\n border-color: rgba(255, 255, 255, 0.4);\n transform: scale(1.05);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-arrow:focus-visible {\n outline: 2px solid var(--wsw-color-light, #ccff01);\n outline-offset: 3px;\n }\n\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-counter {\n position: absolute;\n top: 2rem;\n right: 6%;\n z-index: 10;\n display: flex;\n align-items: baseline;\n gap: 4px;\n color: var(--wsw-color-white, #fff);\n font-family: inherit;\n font-size: 0.85rem;\n letter-spacing: 0.05em;\n opacity: 0.6;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .counter-current {\n font-size: 1.4rem;\n font-weight: 400;\n opacity: 1;\n color: var(--wsw-color-light, #ccff01);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .counter-separator {\n margin: 0 2px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 *,\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 *::before,\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-bg {\n transition: none !important;\n transform: scale(1) !important;\n }\n }\n\n @media (max-width: 1024px) {\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-viewport {\n height: var(--slider-height-tablet);\n min-height: 400px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-content {\n padding: 3rem 5%;\n max-width: 600px;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-viewport {\n height: var(--slider-height-mobile);\n min-height: 340px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-content {\n padding: 3rem 6% 3.5rem;\n max-width: 100%;\n justify-content: flex-end;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-headline {\n font-size: clamp(1.4rem, 6vw, 2.4rem) !important;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-tag {\n font-size: 0.75rem;\n margin-bottom: 0.8rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-text {\n font-size: 0.95rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-cta {\n padding: 0.7rem 1.4rem;\n font-size: 0.85rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dots {\n bottom: 1.2rem;\n left: 50%;\n transform: translateX(-50%);\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-arrows {\n display: none;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-counter {\n top: 1rem;\n right: 5%;\n font-size: 0.75rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .counter-current {\n font-size: 1.1rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-overlay {\n background: linear-gradient(180deg, rgba(24,24,24,0.25) 0%, rgba(24,24,24,0.72) 55%, rgba(24,24,24,0.88) 100%);\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-viewport {\n height: var(--slider-height-small);\n min-height: 300px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-content {\n padding: 2.5rem 5% 3rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-headline {\n font-size: clamp(1.2rem, 5.5vw, 1.8rem) !important;\n margin-bottom: 0.6rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slide-text {\n font-size: 0.85rem;\n margin-bottom: 1.2rem;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot {\n width: 24px;\n }\n #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 .slider-dot.is-active {\n width: 36px;\n }\n }\n\n section.wsw-theme-w #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-wb #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-l #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-lb #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-al #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-d #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-db #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-b #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-bb #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4,\n section.wsw-theme-a #wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4 {\n background: transparent;\n }\n</style>\n\n<div id=\"wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4\">\n <div class=\"slider-viewport\" role=\"region\" aria-label=\"Hero Slider\" aria-roledescription=\"Karussell\">\n\n <!-- Slide Counter -->\n <div class=\"slider-counter\" aria-live=\"polite\">\n <span class=\"counter-current\">02</span>\n <span class=\"counter-separator\">/</span>\n <span class=\"counter-total\">03</span>\n </div>\n\n <!-- Slide 1 -->\n <div class=\"slide\" role=\"group\" aria-roledescription=\"Folie\" aria-label=\"Folie 1 von 3\" data-index=\"0\">\n <div class=\"slide-bg\" style=\"transform: scale(1.15) translate(0px, 0px);\">\n <img src=\"https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1920&q=80\" alt=\"Kreatives Team arbeitet gemeinsam an einem digitalen Projekt\" loading=\"eager\" draggable=\"false\">\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-tag\">DER WEBSEITENBAUER</span>\n <h2 class=\"slide-headline\">Webdesign, das Eindruck macht</h2>\n <span class=\"slide-text\">Moderne und kreative Websites für Unternehmen, die online professionell auftreten möchten.</span>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"slide-cta\" aria-label=\"Projekt starten\" draggable=\"false\">\n <span>Projekt starten</span>\n <span class=\"cta-arrow\">→</span>\n </a>\n </div>\n </div>\n\n <!-- Slide 2 -->\n <div class=\"slide is-active\" role=\"group\" aria-roledescription=\"Folie\" aria-label=\"Folie 2 von 3\" data-index=\"1\">\n <div class=\"slide-bg\">\n <img src=\"https://images.unsplash.com/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=1920&q=80\" alt=\"Begeistertes Team bei einer erfolgreichen Projektpräsentation\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-tag\">DER WEBSEITENBAUER</span>\n <h2 class=\"slide-headline\">Responsive. Schnell. Benutzerfreundlich.</h2>\n <span class=\"slide-text\">Wir entwickeln Webdesigns, die auf allen Geräten überzeugen und Ergebnisse liefern.</span>\n <a href=\"https://der-webseitenbauer.eu/#Leistungen\" class=\"slide-cta\" aria-label=\"Leistungen entdecken\" draggable=\"false\">\n <span>Leistungen entdecken</span>\n <span class=\"cta-arrow\">→</span>\n </a>\n </div>\n </div>\n\n <!-- Slide 3 (Video) -->\n <div class=\"slide\" role=\"group\" aria-roledescription=\"Folie\" aria-label=\"Folie 3 von 3\" data-index=\"2\">\n <div class=\"slide-bg\" style=\"transform: scale(1.15) translate(0px, 0px);\">\n <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"auto\" aria-hidden=\"true\">\n <source src=\"https://der-webseitenbauer.eu/files/webdesign.mp4\" type=\"video/mp4\">\n </video>\n </div>\n <div class=\"slide-overlay\"></div>\n <div class=\"slide-content\">\n <span class=\"slide-tag\">DER WEBSEITENBAUER</span>\n <h2 class=\"slide-headline\">Design, das bewegt</h2>\n <span class=\"slide-text\">Mit starken Visuals, modernen Effekten und klarer Struktur schaffen wir digitale Erlebnisse mit Wirkung.</span>\n <a href=\"https://der-webseitenbauer.eu/referenzen\" class=\"slide-cta\" aria-label=\"Referenzen ansehen\" draggable=\"false\">\n <span>Referenzen ansehen</span>\n <span class=\"cta-arrow\">→</span>\n </a>\n </div>\n </div>\n\n <!-- Dots -->\n <div class=\"slider-dots\" role=\"tablist\" aria-label=\"Foliennavigation\">\n <button class=\"slider-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Folie 1\" data-slide=\"0\">\n <span class=\"dot-progress\" style=\"transition: none; width: 0%;\"></span>\n </button>\n <button class=\"slider-dot is-active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Folie 2\" data-slide=\"1\">\n <span class=\"dot-progress\" style=\"transition: width 10s linear; width: 100%;\"></span>\n </button>\n <button class=\"slider-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Folie 3\" data-slide=\"2\">\n <span class=\"dot-progress\" style=\"transition: none; width: 0%;\"></span>\n </button>\n </div>\n\n <!-- Arrows -->\n <div class=\"slider-arrows\">\n <button class=\"slider-arrow\" aria-label=\"Vorherige Folie\" data-dir=\"prev\">\n <span>←</span>\n </button>\n <button class=\"slider-arrow\" aria-label=\"Nächste Folie\" data-dir=\"next\">\n <span>→</span>\n </button>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-6258f043-375e-4b43-9e71-7e9a17be7cf4');\n if (!el) return;\n\n var slides = el.querySelectorAll('.slide');\n var dots = el.querySelectorAll('.slider-dot');\n var arrows = el.querySelectorAll('.slider-arrow');\n var counterCurrent = el.querySelector('.counter-current');\n var totalSlides = slides.length;\n var currentIndex = 0;\n var autoplayInterval = 10000;\n var autoplayTimer = null;\n var isTransitioning = false;\n var transitionLock = 1000;\n\n var videoEl = el.querySelector('.slide[data-index=\"2\"] video');\n if (videoEl) {\n videoEl.load();\n }\n\n function goToSlide(index) {\n if (isTransitioning || index === currentIndex) return;\n isTransitioning = true;\n\n slides[currentIndex].classList.remove('is-active');\n dots[currentIndex].classList.remove('is-active');\n dots[currentIndex].setAttribute('aria-selected', 'false');\n var oldProgress = dots[currentIndex].querySelector('.dot-progress');\n if (oldProgress) oldProgress.style.width = '0%';\n\n var oldVideo = slides[currentIndex].querySelector('video');\n if (oldVideo) oldVideo.pause();\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 if (counterCurrent) {\n counterCurrent.textContent = String(currentIndex + 1).padStart(2, '0');\n }\n\n var newVideo = slides[currentIndex].querySelector('video');\n if (newVideo) {\n newVideo.currentTime = 0;\n newVideo.play().catch(function() {});\n }\n\n setTimeout(function() {\n isTransitioning = false;\n }, transitionLock);\n\n resetAutoplay();\n }\n\n function nextSlide() {\n goToSlide((currentIndex + 1) % totalSlides);\n }\n\n function prevSlide() {\n goToSlide((currentIndex - 1 + totalSlides) % totalSlides);\n }\n\n function startProgress() {\n var activeDot = dots[currentIndex];\n if (!activeDot) return;\n var bar = activeDot.querySelector('.dot-progress');\n if (!bar) return;\n\n bar.style.transition = 'none';\n bar.style.width = '0%';\n void bar.offsetWidth;\n bar.style.transition = 'width ' + (autoplayInterval / 1000) + 's linear';\n bar.style.width = '100%';\n }\n\n function resetAutoplay() {\n clearInterval(autoplayTimer);\n\n dots.forEach(function(d) {\n var b = d.querySelector('.dot-progress');\n if (b) {\n b.style.transition = 'none';\n b.style.width = '0%';\n }\n });\n\n startProgress();\n\n autoplayTimer = setInterval(function() {\n nextSlide();\n }, autoplayInterval);\n }\n\n dots.forEach(function(dot) {\n dot.addEventListener('click', function() {\n var target = parseInt(dot.getAttribute('data-slide'), 10);\n goToSlide(target);\n });\n });\n\n arrows.forEach(function(arrow) {\n arrow.addEventListener('click', function() {\n var dir = arrow.getAttribute('data-dir');\n if (dir === 'next') nextSlide();\n else prevSlide();\n });\n });\n\n el.addEventListener('keydown', function(e) {\n if (e.key === 'ArrowRight') {\n e.preventDefault();\n nextSlide();\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n prevSlide();\n }\n });\n\n var touchStartX = 0;\n var viewport = el.querySelector('.slider-viewport');\n\n if (viewport) {\n viewport.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n }, { passive: true });\n\n viewport.addEventListener('touchend', function(e) {\n var diff = touchStartX - e.changedTouches[0].screenX;\n if (Math.abs(diff) > 50) {\n if (diff > 0) nextSlide();\n else prevSlide();\n }\n }, { passive: true });\n }\n\n if (viewport) {\n viewport.addEventListener('mouseenter', function() {\n clearInterval(autoplayTimer);\n });\n viewport.addEventListener('mouseleave', function() {\n resetAutoplay();\n });\n }\n\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n clearInterval(autoplayTimer);\n } else {\n resetAutoplay();\n }\n });\n\n if (viewport && window.matchMedia('(pointer: fine)').matches) {\n viewport.addEventListener('mousemove', function(e) {\n var rect = viewport.getBoundingClientRect();\n var xPercent = ((e.clientX - rect.left) / rect.width - 0.5) * 2;\n var yPercent = ((e.clientY - rect.top) / rect.height - 0.5) * 2;\n\n var activeBg = slides[currentIndex].querySelector('.slide-bg');\n if (activeBg) {\n var moveX = xPercent * -8;\n var moveY = yPercent * -6;\n activeBg.style.transform = 'scale(1.15) translate(' + moveX + 'px, ' + moveY + 'px)';\n }\n });\n\n viewport.addEventListener('mouseleave', function() {\n var activeBg = slides[currentIndex].querySelector('.slide-bg');\n if (activeBg) {\n activeBg.style.transform = 'scale(1.15) translate(0, 0)';\n }\n });\n }\n\n resetAutoplay();\n\n})();\n</script>","summary":null,"version":8,"inserted_version":8,"total_cost":5.711593649999999,"total_messages_sent":8,"summarized_at_total":0}
Wir erschaffen
Deine digitale Erfolgsgeschichte
1
Jahre Erfahrung
1
Sterne Bewertung auf Google
Wir erschaffen
Deine digitale Erfolgs-geschichte
Deine Vorteile:
Individuell, Sicher, modern und funktional auf höchstem Niveau
Deine Website
So individuell wie
Dein Unternehmen
SEO Optimierung
Von Beginn an
Onpage optimiert
DSGVO konform
Impressum, Datenschutz
Cookiebanner
Wartung
und Datensicherung
immer inklusive
Über uns
Willkommen bei
SP Design – Websites & eCommerce
Als Der Webseitenbauer gestalten wir seit über 15 Jahren professionelle Webauftritte und durchdachte Marketingstrategien für unsere Kunden.
Unsere Stärke liegt in praxiserprobter Erfahrung, technischer Klarheit und dem Blick fürs Wesentliche.
Mit hoher Flexibilität und digitalem Know-how setzen wir Ideen in messbare Erfolge um – individuell, zielgerichtet und nachhaltig.
WIR stehen für Verlässlichkeit, Kreativität und digitale Lösungen, die funktionieren.
Lass uns gemeinsam deine digitale Erfolgsgeschichte schreiben.
Über uns
Willkommen bei
SP Design – Websites & eCommerce
Als Der Webseitenbauer gestalten wir seit über 15 Jahren professionelle Webauftritte und durchdachte Marketingstrategien für unsere Kunden.
Unsere Stärke liegt in praxiserprobter Erfahrung, technischer Klarheit und dem Blick fürs Wesentliche.
Mit hoher Flexibilität und digitalem Know-how setzen wir Ideen in messbare Erfolge um – individuell, zielgerichtet und nachhaltig.
WIR stehen für Verlässlichkeit, Kreativität und digitale Lösungen, die funktionieren.
Lass uns gemeinsam deine digitale Erfolgsgeschichte schreiben.
Unsere Leistungen
für Dein Unternehmen
Web Design
individuell mit Persönlichkeit
100% Zufriedenheitsgarantie
SEO
Onpage-Optimierung inklusive
Strategisch. Durchdacht. Wirkungsvoll.
LocalBoost
Lokales Marketing
Authentisch. Lokal. Wirksam.
Was kostet (d)eine Webseite
Unsere Inklusiv-Leistungen
Wir gestalten deine Website im individuellen Design, ohne starre Vorlagen, die dich einschränken. Alles richtet sich nach deinem Corporate Design, damit dein Online-Auftritt perfekt zu dir und deinem Unternehmen passt.
Bereits ab 370 Euro erstellen wir professionelle Websites, zum Beispiel eine Web-Visitenkarte oder einen Onepager mit allem, was dazugehört.
Du zahlst erst, wenn du zu 100 Prozent zufrieden bist.
In unserem Grundpaket enthalten sind eine individuell gestaltete Startseite, ein funktionales Kontaktformular, alle rechtlich vorgeschriebenen Seiten wie Impressum und Datenschutzerklärung sowie ein Cookie-Banner mit deinem Firmenlogo*. Außerdem optimieren wir sämtliche Bilder und übernehmen eine vollständige SEO-Onpage-Optimierung, damit deine Website schnell lädt und gut gefunden wird.
Unsere Websites sind unbegrenzt erweiterbar. Du kannst also mit den wichtigsten Inhalten starten und sie jederzeit flexibel um zusätzliche Funktionen ergänzen. Auf Wunsch integrieren wir individuelle Anfrageformulare, einen Termin-Reservierungsbutton mit Kalenderfunktion, einen Checkout-Bereich zum Verkauf Deiner Produkte oder Dienstleistungen, oder auch eine mobile Erweiterung im PWA-Format – damit Deine Website wie eine App direkt auf dem Smartphone Deiner Kunden verfügbar ist.
Zusätzlich unterstützen wir Dich bei der Sichtbarkeit. Mit LocalBoost und SORDigital bringen wir Dein Unternehmen bei Google gezielt auf die Startseite – für mehr Reichweite, mehr Kunden und nachhaltigen Erfolg.
* in den ersten 12 Monaten kostenlos, danach nur 4,90 € / Monat
{"uuid":"f5d9fa24-89ca-4250-8fd9-d54a5279f619","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":false,"html":"<style>\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 4rem 1.5rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 *,\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 *::before,\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 {\n --_radius: 16px;\n --_radius-sm: 12px;\n --_transition: 0.25s ease-out;\n --_shadow: 0 2px 16px rgba(0,0,0,0.06);\n --_shadow-hover: 0 12px 40px rgba(0,0,0,0.10);\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header {\n text-align: center;\n max-width: 1000px;\n margin: 0 auto 3.5rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2 {\n color: var(--wsw-color-black, #181818);\n margin: 0 0 0.75rem;\n white-space: nowrap;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header .subtitle {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 1.2rem;\n line-height: 1.6;\n color: var(--wsw-color-black, #181818);\n opacity: 0.7;\n max-width: 700px;\n margin: 0 auto;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-row-top {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto 2rem;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n align-items: start;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card {\n position: relative;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--_radius);\n overflow: hidden;\n box-shadow: var(--_shadow);\n transition: transform var(--_transition), box-shadow var(--_transition);\n display: flex;\n flex-direction: column;\n border: 1.5px solid rgba(24,24,24,0.07);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--_shadow-hover);\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured {\n border: 2px solid var(--wsw-color-light, #ccff01);\n box-shadow: 0 4px 24px rgba(204,255,1,0.18), var(--_shadow);\n z-index: 2;\n transform: scale(1.03);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured:hover {\n transform: scale(1.03) translateY(-6px);\n box-shadow: 0 16px 48px rgba(204,255,1,0.22), var(--_shadow-hover);\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-badge {\n position: absolute;\n top: 16px;\n right: 16px;\n background: var(--wsw-color-light, #ccff01);\n color: var(--wsw-color-black, #181818);\n font-family: Monda, sans-serif;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n padding: 0.35rem 0.85rem;\n border-radius: 50px;\n z-index: 3;\n line-height: 1.3;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-img-wrap {\n width: 100%;\n height: 180px;\n overflow: hidden;\n position: relative;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-img-wrap {\n height: 210px;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease-out;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card:hover .card-img-wrap img {\n transform: scale(1.05);\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body {\n padding: 1.75rem 1.5rem 2rem;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-body {\n padding: 2rem 1.75rem 2.25rem;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-label {\n display: inline-block;\n font-family: Palanquin, sans-serif;\n font-size: 0.8rem;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--wsw-color-black, #181818);\n opacity: 0.5;\n margin-bottom: 0.5rem;\n line-height: 1.4;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body h3 {\n color: var(--wsw-color-black, #181818);\n margin: 0 0 0.5rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-body h3 {\n font-size: 2.4rem;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price {\n display: block;\n font-family: Monda, sans-serif;\n font-size: 1.85rem;\n font-weight: 700;\n color: var(--wsw-color-black, #181818);\n margin-bottom: 1rem;\n line-height: 1.2;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-price {\n font-size: 2.15rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price-note {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 0.85rem;\n color: var(--wsw-color-black, #181818);\n opacity: 0.45;\n margin-top: 0.15rem;\n line-height: 1.4;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-desc {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 1rem;\n line-height: 1.6;\n color: var(--wsw-color-black, #181818);\n opacity: 0.7;\n margin-bottom: 1.25rem;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits {\n list-style: none;\n padding: 0;\n margin: 0 0 1.75rem;\n flex-grow: 1;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li {\n font-family: Palanquin, sans-serif;\n font-size: 0.95rem;\n line-height: 1.5;\n color: var(--wsw-color-black, #181818);\n padding: 0.35rem 0 0.35rem 1.6rem;\n position: relative;\n opacity: 0.8;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n top: 0.35rem;\n color: var(--wsw-color-light, #ccff01);\n font-weight: 700;\n font-size: 1rem;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0.9rem 1.5rem;\n font-family: Monda, sans-serif;\n font-size: 0.95rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n text-decoration: none;\n border-radius: 10px;\n border: 2px solid var(--wsw-color-black, #181818);\n background: transparent;\n color: var(--wsw-color-black, #181818);\n cursor: pointer;\n transition: background 0.2s ease-out, color 0.2s ease-out, transform 0.2s ease-out;\n line-height: 1.3;\n margin-top: auto;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:hover {\n background: var(--wsw-color-black, #181818);\n color: var(--wsw-color-white, #ffffff);\n transform: scale(1.02);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:focus-visible {\n outline: 2px solid var(--wsw-color-light, #ccff01);\n outline-offset: 2px;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta {\n background: var(--wsw-color-black, #181818);\n color: var(--wsw-color-light, #ccff01);\n border-color: var(--wsw-color-black, #181818);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta:hover {\n background: var(--wsw-color-light, #ccff01);\n color: var(--wsw-color-black, #181818);\n border-color: var(--wsw-color-light, #ccff01);\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header {\n max-width: 1400px;\n margin: 3.5rem auto 2rem;\n text-align: center;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header h3 {\n color: var(--wsw-color-black, #181818);\n margin: 0 0 0.5rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header .addon-header-sub {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 1rem;\n line-height: 1.6;\n color: var(--wsw-color-black, #181818);\n opacity: 0.6;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card {\n position: relative;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--_radius);\n overflow: hidden;\n box-shadow: var(--_shadow);\n transition: transform var(--_transition), box-shadow var(--_transition);\n display: flex;\n flex-direction: column;\n border: 1.5px dashed rgba(24,24,24,0.15);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--_shadow-hover);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card .card-img-wrap {\n height: 160px;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card .card-body {\n padding: 1.5rem 1.5rem 1.75rem;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-tag {\n display: inline-block;\n font-family: Palanquin, sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--wsw-color-white, #ffffff);\n background: var(--wsw-color-black, #181818);\n padding: 0.2rem 0.65rem;\n border-radius: 50px;\n margin-bottom: 0.5rem;\n line-height: 1.4;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section {\n max-width: 1400px;\n margin: 3.5rem auto 0;\n text-align: center;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section h3 {\n color: var(--wsw-color-black, #181818);\n margin: 0 0 2rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.25rem;\n margin-bottom: 2rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n padding: 1.25rem 0.75rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--_radius-sm);\n border: 1px solid rgba(24,24,24,0.06);\n transition: box-shadow var(--_transition), transform var(--_transition);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n background: var(--wsw-color-light, #ccff01);\n border-radius: 10px;\n font-size: 1.25rem;\n line-height: 1;\n color: var(--wsw-color-black, #181818);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-text {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 0.9rem;\n line-height: 1.45;\n color: var(--wsw-color-black, #181818);\n text-align: center;\n opacity: 0.8;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-note {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 0.95rem;\n color: var(--wsw-color-black, #181818);\n opacity: 0.5;\n font-style: italic;\n line-height: 1.6;\n }\n\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section {\n max-width: 1400px;\n margin: 3.5rem auto 0;\n text-align: center;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section h3 {\n color: var(--wsw-color-black, #181818);\n margin: 0 0 2rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.25rem;\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 1.25rem;\n background: var(--wsw-color-white, #ffffff);\n border-radius: var(--_radius-sm);\n border: 1px solid rgba(24,24,24,0.06);\n text-align: left;\n transition: box-shadow var(--_transition), transform var(--_transition);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: rgba(24,24,24,0.05);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n line-height: 1;\n color: var(--wsw-color-black, #181818);\n }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-text {\n display: block;\n font-family: Palanquin, sans-serif;\n font-size: 0.95rem;\n line-height: 1.45;\n color: var(--wsw-color-black, #181818);\n opacity: 0.8;\n }\n\n /* --- Dark Theme Overrides --- */\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2 { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header .subtitle,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header .subtitle,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header .subtitle,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header .subtitle,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header .subtitle { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured { border-color: var(--wsw-color-light, #ccff01); background: rgba(255,255,255,0.07); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body h3,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body h3,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body h3,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body h3,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-body h3 { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price { color: var(--wsw-color-light, #ccff01); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-label,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-label,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-label,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-label,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-label { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-desc,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-desc,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-desc,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-desc,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-desc { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-benefits li { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price-note,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price-note,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price-note,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price-note,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-price-note { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta { border-color: var(--wsw-color-white, #fff); color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:hover,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:hover,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:hover,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:hover,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .card-cta:hover { background: var(--wsw-color-white, #fff); color: var(--wsw-color-black, #181818); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta { background: var(--wsw-color-light, #ccff01); color: var(--wsw-color-black, #181818); border-color: var(--wsw-color-light, #ccff01); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta:hover,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta:hover,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta:hover,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta:hover,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured .card-cta:hover { background: var(--wsw-color-white, #fff); color: var(--wsw-color-black, #181818); border-color: var(--wsw-color-white, #fff); }\n\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-card { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-tag,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-tag,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-tag,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-tag,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-tag { background: var(--wsw-color-light, #ccff01); color: var(--wsw-color-black, #181818); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header h3,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header h3,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header h3,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header h3,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header h3 { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header .addon-header-sub,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header .addon-header-sub,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header .addon-header-sub,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header .addon-header-sub,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-header .addon-header-sub { color: var(--wsw-color-white, #fff); }\n\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section h3,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section h3,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section h3,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section h3,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-section h3,\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section h3,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section h3,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section h3,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section h3,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-section h3 { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item,\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.08); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-text,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-text,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-text,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-text,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-item-text,\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-text,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-text,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-text,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-text,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-text { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-note,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-note,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-note,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-note,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-note { color: var(--wsw-color-white, #fff); }\n section.wsw-theme-d #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-icon,\n section.wsw-theme-db #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-icon,\n section.wsw-theme-b #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-icon,\n section.wsw-theme-bb #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-icon,\n section.wsw-theme-a #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-item-icon { background: rgba(255,255,255,0.1); color: var(--wsw-color-light, #ccff01); }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 *,\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 *::before,\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n @media (max-width: 1024px) {\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-grid { grid-template-columns: repeat(2, 1fr); }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured { transform: scale(1); }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-card.featured:hover { transform: translateY(-6px); }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 768px) {\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 { padding: 3rem 1rem; }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-header h2 { white-space: normal; font-size: clamp(1.8rem, 5vw, 3.81rem); }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-row-top { grid-template-columns: 1fr; max-width: 480px; }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .addon-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-grid { grid-template-columns: repeat(2, 1fr); }\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .optional-grid { grid-template-columns: 1fr; }\n }\n @media (max-width: 480px) {\n #wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619 .trust-grid { grid-template-columns: 1fr; }\n }\n</style>\n\n<div id=\"wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619\">\n\n <div class=\"pricing-header\">\n <h2>Webdesign, das wirkt</h2>\n <span class=\"subtitle\">Transparente Einstiegspreise – individuelle Anpassung jederzeit möglich. <br>Wählen Sie das Paket, das zu Ihren Zielen passt.</span>\n </div>\n\n <div class=\"pricing-row-top\">\n <div class=\"pricing-card\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"card-img-wrap\">\n <img src=\"https://der-webseitenbauer.eu/s3/b/wsw.website.12815/public/images/pages/folder.12/visit.webp\" alt=\"Web-Visitenkarte – kompakte digitale Präsenz\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"card-label\">Ideal für den schnellen Einstieg</span>\n <h3>Web-Visitenkarte</h3>\n <span class=\"card-price\">ab 370 €<span class=\"card-price-note\">Einmaliger Einstiegspreis</span></span>\n <span class=\"card-desc\">Kompakt und effizient – Ihre digitale Visitenkarte macht Sie online sichtbar und erreichbar. Perfekt, wenn Sie gefunden werden wollen, ohne eine umfangreiche Website zu benötigen.</span>\n <ul class=\"card-benefits\">\n <li>Alle wichtigen Kontaktdaten klar präsentiert</li>\n <li>Optimiert für Google-Sichtbarkeit</li>\n <li>Schnelle und unkomplizierte Umsetzung</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Mehr erfahren</a>\n </div>\n </div>\n\n <div class=\"pricing-card\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"card-img-wrap\">\n <img src=\"https://der-webseitenbauer.eu/s3/b/wsw.website.12815/public/images/pages/folder.12/onepager.webp\" alt=\"Onepager – moderne Single-Page-Website\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"card-label\">Kompakt und übersichtlich</span>\n <h3>Onepager</h3>\n <span class=\"card-price\">ab 570 €<span class=\"card-price-note\">Einmaliger Einstiegspreis</span></span>\n <span class=\"card-desc\">Eine moderne Single-Page-Website, die alle wichtigen Informationen klar strukturiert und scrollbar präsentiert. Ideal für fokussierte Kommunikation auf den Punkt.</span>\n <ul class=\"card-benefits\">\n <li>Alle Inhalte auf einer Seite</li>\n <li>Klare Nutzerführung</li>\n <li>Moderner und professioneller Auftritt</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Mehr erfahren</a>\n </div>\n </div>\n </div>\n\n <div class=\"pricing-grid\">\n <div class=\"pricing-card featured\" style=\"order: 0; opacity: 0; transform: scale(1.03) translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <span class=\"card-badge\">Empfohlen</span>\n <div class=\"card-img-wrap\">\n <img src=\"https://images.unsplash.com/photo-1553877522-43269d4ea984?w=600&q=80\" alt=\"Team arbeitet an strategischer Webpräsenz\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"card-label\">Meistgewählt</span>\n <h3>Business-Website</h3>\n <span class=\"card-price\">ab 1.270 €<span class=\"card-price-note\">Die meistgewählte Lösung für Unternehmen</span></span>\n <span class=\"card-desc\">Eine strukturierte, mehrseitige Website, die Vertrauen aufbaut und Ihr Unternehmen professionell präsentiert. Ideal für Firmen, Praxen und Berater, die online überzeugen wollen.</span>\n <ul class=\"card-benefits\">\n <li>Bis zu 10 Seiten</li>\n <li>Klare Struktur für bessere Nutzererfahrung</li>\n <li>Konzipiert für mehr Anfragen</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Projekt anfragen</a>\n </div>\n </div>\n\n <div class=\"pricing-card\" style=\"order: 1; opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"card-img-wrap\">\n <img src=\"https://der-webseitenbauer.eu/s3/b/wsw.website.12815/public/images/pages/folder.12/premium.webp\" alt=\"Premium-Website – erweiterte Lösung für wachsende Unternehmen\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"card-label\">Für wachsende Unternehmen</span>\n <h3>Premium-Website</h3>\n <span class=\"card-price\">ab 1.970 €<span class=\"card-price-note\">Einmaliger Einstiegspreis</span></span>\n <span class=\"card-desc\">Eine erweiterte Website-Lösung mit mehr Flexibilität und Raum für Inhalte – ideal für wachsende Unternehmen mit höheren Ansprüchen an ihre Online-Präsenz.</span>\n <ul class=\"card-benefits\">\n <li>Bis zu 25 Seiten</li>\n <li>Mehr Flexibilität in der Struktur</li>\n <li>Stärkeres SEO-Potenzial</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Projekt anfragen</a>\n </div>\n </div>\n\n <div class=\"pricing-card\" style=\"order: 2; opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"card-img-wrap\">\n <img src=\"https://der-webseitenbauer.eu/s3/b/wsw.website.12815/public/images/pages/folder.12/exclusive.webp\" alt=\"Exclusive Website – maßgeschneiderte individuelle Lösung\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"card-label\">Individuell & maßgeschneidert</span>\n <h3>Exclusive Website</h3>\n <span class=\"card-price\">ab 2.970 €<span class=\"card-price-note\">Einmaliger Einstiegspreis</span></span>\n <span class=\"card-desc\">Eine vollständig individuelle Lösung, exakt auf Ihre Anforderungen zugeschnitten – mit erweiterten Funktionen und maximaler Flexibilität für Ihren Webauftritt.</span>\n <ul class=\"card-benefits\">\n <li>Unbegrenzte Seitenanzahl</li>\n <li>Individuelle Funktionen & Features</li>\n <li>Erweiterte SEO-Strategie</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Individuell anfragen</a>\n </div>\n </div>\n </div>\n\n <div class=\"addon-header\">\n <h3>Zusatzmodule</h3>\n <span class=\"addon-header-sub\">Optional zubuchbar zu allen Paketen – für noch mehr Reichweite und Funktionalität.</span>\n </div>\n\n <div class=\"addon-grid\">\n <div class=\"addon-card\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"card-img-wrap\">\n <img src=\"https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=600&q=80\" alt=\"Smartphone mit moderner Web-App-Oberfläche\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"addon-tag\">Zusatzmodul</span>\n <span class=\"card-label\">App-Erlebnis ohne App Store</span>\n <h3>Progressive Web App (PWA)</h3>\n <span class=\"card-price\">ab 170 €<span class=\"card-price-note\">Einmalig</span></span>\n <span class=\"card-desc\">Eine mobiloptimierte Web-Applikation, die sich wie eine native App installieren lässt und ein verbessertes Nutzererlebnis bietet – direkt vom Homescreen aus.</span>\n <ul class=\"card-benefits\">\n <li>Individuelles App-Symbol (App Icon)</li>\n <li>Sticky Navigation für bessere Bedienbarkeit</li>\n <li>Inhalte speziell für die App optimiert</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Mehr erfahren</a>\n </div>\n </div>\n\n <div class=\"addon-card\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"card-img-wrap\">\n <img src=\"https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=600&q=80\" alt=\"Laptop mit Blog-Artikeln und Content-Erstellung\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"card-body\">\n <span class=\"addon-tag\">Zusatzmodul</span>\n <span class=\"card-label\">Inhalte, die Vertrauen schaffen</span>\n <h3>Blog / News-System</h3>\n <span class=\"card-price\">ab 170 €<span class=\"card-price-note\">Einmalig</span></span>\n <span class=\"card-desc\">Ein flexibles Content-System für Artikel, Neuigkeiten oder Updates. Als eigenständige Lösung nutzbar oder nahtlos in jedes Paket integrierbar.</span>\n <ul class=\"card-benefits\">\n <li>Eigener Redaktionsbereich</li>\n <li>SEO-optimierte Artikelstruktur</li>\n <li>Flexibel erweiterbar</li>\n </ul>\n <a href=\"https://der-webseitenbauer.eu/#Kontakt\" class=\"card-cta\" draggable=\"false\">Mehr erfahren</a>\n </div>\n </div>\n </div>\n\n <div class=\"trust-section\">\n <h3>Alle Pakete beinhalten</h3>\n <div class=\"trust-grid\">\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">◎</div>\n <span class=\"trust-item-text\">On-Page SEO-Optimierung</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">✍</div>\n <span class=\"trust-item-text\">Individuell geschriebene Inhalte</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">⬡</div>\n <span class=\"trust-item-text\">Bildoptimierung (WebP, Alt-Tags)</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">▣</div>\n <span class=\"trust-item-text\">Mobiloptimiert auf allen Geräten</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">♿</div>\n <span class=\"trust-item-text\">Barrierefreundliches Design</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">✉</div>\n <span class=\"trust-item-text\">Kontaktformular</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">⊞</div>\n <span class=\"trust-item-text\">CRM-System</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">@</div>\n <span class=\"trust-item-text\">Unbegrenzte E-Mail-Konten</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">🔒</div>\n <span class=\"trust-item-text\">SSL-Zertifikat</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">⟲</div>\n <span class=\"trust-item-text\">Wartung & Updates inklusive</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">☑</div>\n <span class=\"trust-item-text\">Rechtliche Seiten (Impressum, Datenschutz)</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">🍪</div>\n <span class=\"trust-item-text\">Cookie-Consent (12 Monate inkl., danach 4,90 €/Monat bei jährl. Abrechnung)</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">⭐</div>\n <span class=\"trust-item-text\">Integration von Google Bewertungen (auf Wunsch)</span>\n </div>\n <div class=\"trust-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"trust-item-icon\">📍</div>\n <span class=\"trust-item-text\">Einbindung von Google Maps (auf Wunsch)</span>\n </div>\n </div>\n <span class=\"trust-note\">Keine versteckten Kosten. Transparente Umsetzung.</span>\n </div>\n\n <div class=\"optional-section\">\n <h3>Optional zubuchbar</h3>\n <div class=\"optional-grid\">\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">🌐</div>\n <span class=\"optional-item-text\">Mehrsprachiges Setup</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">🖼</div>\n <span class=\"optional-item-text\">Bildgalerien</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">📅</div>\n <span class=\"optional-item-text\">Buchungs- / Reservierungssysteme</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">♿</div>\n <span class=\"optional-item-text\">Barrierefreiheits-Tool (20+ Funktionen)</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">⭐</div>\n <span class=\"optional-item-text\">Google-Bewertungs-Widget mit lokalem SEO-Boost</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">📋</div>\n <span class=\"optional-item-text\">Erweiterte Formulare</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">📧</div>\n <span class=\"optional-item-text\">Newsletter-System (Double Opt-in)</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">📬</div>\n <span class=\"optional-item-text\">E-Mail-Marketing-System</span>\n </div>\n <div class=\"optional-item\" style=\"opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;\">\n <div class=\"optional-item-icon\">🧾</div>\n <span class=\"optional-item-text\">Rechnungssystem</span>\n </div>\n </div>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-f5d9fa24-89ca-4250-8fd9-d54a5279f619');\n if (!el) return;\n\n var items = el.querySelectorAll('.pricing-card, .addon-card, .trust-item, .optional-item');\n var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n if (!prefersReducedMotion) {\n items.forEach(function(item) {\n item.style.opacity = '0';\n item.style.transform = item.classList.contains('featured')\n ? 'scale(1.03) translateY(24px)'\n : 'translateY(24px)';\n item.style.transition = 'opacity 0.5s ease-out, transform 0.5s ease-out';\n });\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var target = entry.target;\n var delay = Array.prototype.indexOf.call(items, target) * 60;\n setTimeout(function() {\n target.style.opacity = '1';\n target.style.transform = target.classList.contains('featured')\n ? 'scale(1.03) translateY(0)'\n : 'translateY(0)';\n }, delay);\n observer.unobserve(target);\n }\n });\n }, { threshold: 0.1 });\n\n items.forEach(function(item) { observer.observe(item); });\n }\n})();\n</script>","summary":null,"version":8,"inserted_version":8,"total_cost":10.930534999999999,"total_messages_sent":8,"summarized_at_total":0}
Webdesign, das wirkt
Transparente Einstiegspreise – individuelle Anpassung jederzeit möglich.Wählen Sie das Paket, das zu Ihren Zielen passt.
Ideal für den schnellen Einstieg
Web-Visitenkarte
ab 370 €Einmaliger Einstiegspreis Kompakt und effizient – Ihre digitale Visitenkarte macht Sie online sichtbar und erreichbar. Perfekt, wenn Sie gefunden werden wollen, ohne eine umfangreiche Website zu benötigen.- Alle wichtigen Kontaktdaten klar präsentiert
- Optimiert für Google-Sichtbarkeit
- Schnelle und unkomplizierte Umsetzung
Kompakt und übersichtlich
Onepager
ab 570 €Einmaliger Einstiegspreis Eine moderne Single-Page-Website, die alle wichtigen Informationen klar strukturiert und scrollbar präsentiert. Ideal für fokussierte Kommunikation auf den Punkt.- Alle Inhalte auf einer Seite
- Klare Nutzerführung
- Moderner und professioneller Auftritt
Empfohlen
Meistgewählt
Business-Website
ab 1.270 €Die meistgewählte Lösung für Unternehmen Eine strukturierte, mehrseitige Website, die Vertrauen aufbaut und Ihr Unternehmen professionell präsentiert. Ideal für Firmen, Praxen und Berater, die online überzeugen wollen.- Bis zu 10 Seiten
- Klare Struktur für bessere Nutzererfahrung
- Konzipiert für mehr Anfragen
Für wachsende Unternehmen
Premium-Website
ab 1.970 €Einmaliger Einstiegspreis Eine erweiterte Website-Lösung mit mehr Flexibilität und Raum für Inhalte – ideal für wachsende Unternehmen mit höheren Ansprüchen an ihre Online-Präsenz.- Bis zu 25 Seiten
- Mehr Flexibilität in der Struktur
- Stärkeres SEO-Potenzial
Individuell & maßgeschneidert
Exclusive Website
ab 2.970 €Einmaliger Einstiegspreis Eine vollständig individuelle Lösung, exakt auf Ihre Anforderungen zugeschnitten – mit erweiterten Funktionen und maximaler Flexibilität für Ihren Webauftritt.- Unbegrenzte Seitenanzahl
- Individuelle Funktionen & Features
- Erweiterte SEO-Strategie
Zusatzmodule
Optional zubuchbar zu allen Paketen – für noch mehr Reichweite und Funktionalität.
Zusatzmodul
App-Erlebnis ohne App Store
Progressive Web App (PWA)
ab 170 €Einmalig Eine mobiloptimierte Web-Applikation, die sich wie eine native App installieren lässt und ein verbessertes Nutzererlebnis bietet – direkt vom Homescreen aus.- Individuelles App-Symbol (App Icon)
- Sticky Navigation für bessere Bedienbarkeit
- Inhalte speziell für die App optimiert
Zusatzmodul
Inhalte, die Vertrauen schaffen
Blog / News-System
ab 170 €Einmalig Ein flexibles Content-System für Artikel, Neuigkeiten oder Updates. Als eigenständige Lösung nutzbar oder nahtlos in jedes Paket integrierbar.- Eigener Redaktionsbereich
- SEO-optimierte Artikelstruktur
- Flexibel erweiterbar
Alle Pakete beinhalten
On-Page SEO-Optimierung
Individuell geschriebene Inhalte
Bildoptimierung (WebP, Alt-Tags)
Mobiloptimiert auf allen Geräten
Barrierefreundliches Design
Kontaktformular
CRM-System
Unbegrenzte E-Mail-Konten
SSL-Zertifikat
Wartung & Updates inklusive
Rechtliche Seiten (Impressum, Datenschutz)
Cookie-Consent (12 Monate inkl., danach 4,90 €/Monat bei jährl. Abrechnung)
Integration von Google Bewertungen (auf Wunsch)
Einbindung von Google Maps (auf Wunsch)
Optional zubuchbar
Mehrsprachiges Setup
Bildgalerien
Buchungs- / Reservierungssysteme
Barrierefreiheits-Tool (20+ Funktionen)
Google-Bewertungs-Widget mit lokalem SEO-Boost
Erweiterte Formulare
Newsletter-System (Double Opt-in)
E-Mail-Marketing-System
Rechnungssystem
So läuft’s
Dein Weg zur fertigen Website – klar, strukturiert, begleitet
Erstgespräch
Im ersten Gespräch lernen wir uns kennen, klären Ziele, Wünsche und Anforderungen – die Basis für ein erfolgreiches Projekt.
Designphase
Ich entwickle ein individuelles, modernes Design, das deine Marke optimal repräsentiert – mit Fokus auf Nutzerführung und Ästhetik.
Umsetzung
Die technische Umsetzung erfolgt mit modernen Tools und einem flexiblen CMS – für Schnelligkeit, Sicherheit und optimale Performance.
Launch + Support
Nach dem finalen Feinschliff geht deine Website online – überzeugend, leistungsstark und bereit, Eindruck zu hinterlassen.
Software + Hosting +
E-Mail Account
ab 9,90 € - inkl. Wartung und Datensicherung
Mit dem Hosting unseres Partners, der Worldsoft AG aus der Schweiz, profitierst Du von allen Vorteilen eines Komplettanbieters für Web-Projekte. Worldsoft bietet Dir alles aus einer Hand – von Domains über einen leistungsstarken Website-Builder bis hin zu E-Mail-Marketing-Tools und einem integrierten Online-Shop. Hier bekommst Du eine professionelle Basis für Deine Online-Präsenz, die technisch auf dem neuesten Stand ist und sich jederzeit erweitern lässt.
Besonders praktisch: Das benutzerfreundliche Selbstverwaltungssystem ermöglicht es Dir, Deine Website nach der Fertigstellung eigenständig zu pflegen und Inhalte selbst zu aktualisieren. Und keine Sorge, wir zeigen Dir Schritt für Schritt, wie das funktioniert.
Für maximale Sicherheit sorgt die Infrastruktur von Worldsoft mit regelmäßigen Datensicherungen, automatischen Updates und zuverlässigen Serverstandorten in Europa. Seit über 25 Jahren ist Worldsoft als Anbieter etabliert und betreut inzwischen über 30.000 Kunden europaweit.
Wir von SP Design Websites & eCommerce sind seit über 15 Jahren Partner der Worldsoft AG und haben in dieser Zeit mehr als 250 Kunden erfolgreich begleitet. In enger Zusammenarbeit bieten wir Dir eine Kombination aus technischer Stabilität, individueller Gestaltung und persönlicher Betreuung – für eine Website, die wirkt und langfristig überzeugt.
Warum wir
WordPress oder WIX
NICHT verwenden
WordPress Probleme
Teure Premium-Plugins
Für SEO brauchst du ein Tool, wie Yoast-SEO (99€/Jahr) oder All in One SEO (99€/Jahr) oder Rank Math Pro (59€/Jahr). Du benötigst einen PageBuilder, z.B. Elementor Pro (59€/Jahr). Nur englisch sprachiger Support, dazu Wartezeiten, Eröffnen von Ticktes und warten.
Ständige Updates & Sicherheitslücken
WordPress, Theme und unzählige Plugins müssen regelmäßig gewartet werden. Ein veraltetes Plugin stellt ein Sicherheitsrisiko dar. Über 70% aller gehackten Websites laufen auf WordPress.
Langsame Ladezeiten
10+ Plugins laden im Hintergrund. Deine Seite wird langsam. Google straft dich ab und Besucher springen ab.
Plugin-Kompatibilitätsprobleme
Ein Update bricht plötzlich die ganze Seite? Plugins, die sich nicht vertragen? Das kostet Nerven, Zeit und Geld für den Notfall-Support. Im schlommsten Fall ist deine Seite weg.
Versteckte Hosting-Kosten
Günstiges Shared Hosting => langsam. Für ordentliche Performance zahlst du 20-50€/Monat. Dazu kommen SSL-Zertifikat, BackUp-Service, professioneller Email-Account und vieles mehr.
WIX Probleme
E-Mails Kosten extra
Eine professionelle E-Mail-Adresse (oder mehrere) kostet bei WIX 4-7€ pro Monat zusätzlich. Bei Google Workspace sind es mindestens 5,75€/Monat.
Das läppert sich
Eingeschränkte SEO Möglichkeiten
WIX generiert aufgeblähten Code, den Google nicht mag. Keine vollständige Kontrolle über Meta-Tags, strukturierte Daten oder technische SEO-Anpassungen.
Versteckte ABO-Kosten
Der Basis-Plan (14 USD/Monat) reicht nicht. Für eine professionelle Website brauchst du mindestens das Paket Core für 25 USD/Monat oder Business für 34 USD/Monat. Zzgl. Kosten für den E-Mail Account.
Schlechte Performance
WIX-Seiten laden oft 4-6 Sekunden länger. Das ist viel zu langsam für eine modere Website und kostet dich dadurch Besucher und Conversions.
Weitergabe der Daten
Bei WIX werden deine Daten nach Israel und USA, sowie an Drittanbieter weitergegeben.
Warum Kunden uns weiterempfehlen
Patrycia, SDA Kiel e.V.
18.02.2026
Die Zusammenarbeit mit Wolfgang Hoffer war durchweg hervorragend. Unsere neue Webseite ist klar strukturiert, modern und technisch sauber umgesetzt.
Rückmeldungen aus unserem Umfeld bestätigen den professionellen Eindruck, mehrfach wurde unsere Website mit dem Auftritt großer Unternehmen verglichen.
Besonders positiv ist die schnelle Kommunikation, zuverlässige Umsetzung und ein sehr gutes Verständnis für unsere Anforderungen als gemeinnütziger Verein hervorzuheben. Klare Empfehlung.
Starte jetzt dein Projekt
Nimm Kontakt mit uns auf oder buche direkt einen Videocall für eine unverbindliche Erstberatung.
Kontakt aufnehmen
{"url":"\/home","form_action_on_submit":"display_text","form_action_on_submit_text":"Vielen Dank f\u00fcr das Einreichen des Formulars. Wir werden uns zeitnah bei Ihnen zur\u00fcckmelden.<br \/>\n<br \/>\nWolfgang Hoffner<br \/>\nSP Design Websites & eCommerce","form_include_text_fields_in_notification_emails":"1","rows":[{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-3","field_name":"Vorname","field_type":"firstname","field_label":"Vorname","field_placeholder":"","clientField":"firstname","field_required":"1","field_label_required_error":"","field_hidden":null}]},{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-4","field_name":"Nachname","field_type":"lastname","field_label":"Nachname","field_placeholder":"","clientField":"lastname","field_required":"1","field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-5","field_name":"E-Mail","field_type":"input_email","field_label":"E-Mail","field_placeholder":"","field_required":"1","field_label_required_error":"","field_hidden":null}]},{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-8","field_name":"Telefon","field_type":"phone","field_label":"Telefon","field_placeholder":"","clientField":"phone","field_required":"1","field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-10","field_name":"71a03763-0dcb-48af-a895-4241b73000c7-field-10","field_type":"page_break","field_label":"weiter","buttonClasses":"wsw-block-button-default wsw-button-solid wsw-button-custom-style wsw-button-rounded wsw-button-custom-shape wsw-button-medium wsw-button-custom-padding","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null,"field_value":"","field_button_size":"medium","field_button_custom_size":"1","field_button_style":"solid","field_button_shape":"inherit_form","field_button_padding_vertical":"0.4","field_button_padding_horizontal":"0.75"},{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-11","field_name":"71a03763-0dcb-48af-a895-4241b73000c7-field-11","field_type":"page_back","field_label":"Zur\u00fcck","buttonClasses":"wsw-block-button-default wsw-button-rounded wsw-button-solid wsw-button-custom-style wsw-button-medium wsw-button-custom-padding","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null,"field_value":"","field_button_size":"inherit_form","field_button_custom_size":"1","field_button_style":"solid","field_button_shape":"inherit","field_button_padding_vertical":"0.4","field_button_padding_horizontal":"0.75"}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-12","field_name":"Auswahl","field_type":"select","field_label":"Ich interessiere mich f\u00fcr (Mehrauswahl m\u00f6glich, dazu Shifttaste beimAusw\u00e4hlen gedr\u00fcckt halten)","field_placeholder":"","field_required":"1","field_label_required_error":"","field_hidden":null,"field_select_multiple":"1","field_label_no_option":"","options":[{"option_label":"Website Starter - Web-Visitenkarte - bis 5 Inhaltsseiten","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Website - Business - bis zu 10 Inhaltsseiten","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Website - Premium - bis zu 20 Inhaltsseiten","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Web-Blog - News-Blog","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Google LocalBoost - Marketing f\u00fcr dein Google Unternehmerprofil","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"SORDigital - Branchenlistings in bis zu 50 Verzeichnissen","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Webshop - Verkauf von Dienstleistungen oder Artikeln","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Relaunch meiner Website","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"\u00dcberarbeitung meiner bestehenden Website","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"E-Mail-, Newsletter-Marketing","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"Grafische Dienstleistungen","option_value":"","option_selected":false,"option_assigned_groups":null}]}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-9","field_name":"Budget","field_type":"select","field_label":"Budget","field_placeholder":"Ausw\u00e4hlen","field_required":"1","field_label_required_error":"","field_hidden":null,"field_select_multiple":null,"field_label_no_option":"","options":[{"option_label":"570 - 999 \u20ac","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"1.000 - 1.499 \u20ac","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"1.500 - 1.999 \u20ac","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"2.000 - 2.999 \u20ac","option_value":"","option_selected":false,"option_assigned_groups":null},{"option_label":"ab 3.000 \u20ac","option_value":"","option_selected":false,"option_assigned_groups":null}]}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-6","field_name":"Info","field_type":"textarea","field_label":"Infofeld","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-13","field_name":"71a03763-0dcb-48af-a895-4241b73000c7-field-13","field_type":"page_break","field_label":"Seitenumbruch","buttonClasses":"wsw-block-button-default wsw-button-solid wsw-button-custom-style wsw-button-rounded wsw-button-custom-shape wsw-button-medium wsw-button-custom-padding","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null,"field_value":"","field_button_size":"inherit_form","field_button_custom_size":"1","field_button_style":"solid","field_button_shape":"rounded","field_button_padding_vertical":"0.4","field_button_padding_horizontal":"0.75"}]}]},{"columns":[{"columnWidth":null,"fields":[{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-1","field_name":"71a03763-0dcb-48af-a895-4241b73000c7-field-1","field_type":"button","field_label":"Absenden","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null,"field_value":"","field_button_size":"inherit_form","field_button_custom_size":"1","field_button_style":"solid","field_button_shape":"inherit_form","field_button_padding_vertical":"0.8","field_button_padding_horizontal":"2.4","buttonClasses":"wsw-block-button-default wsw-button-solid wsw-button-custom-style wsw-button-rounded wsw-button-custom-shape wsw-button-medium wsw-button-custom-padding"},{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-15","field_name":"Datenschutz","field_type":"checkbox","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":"Ich bin mit der Speicherung meiner Daten einverstanden. Die <a href=\"\/datenschutz\" target=\"_blank\" style=\"text-decoration: underline;\">Datenschutzerkl\u00e4rung<\/a> habe ich zur Kenntnis genommen.","option_value":"","option_selected":false,"option_assigned_groups":null}]},{"field_id":"71a03763-0dcb-48af-a895-4241b73000c7-field-16","field_name":"71a03763-0dcb-48af-a895-4241b73000c7-field-16","field_type":"button","field_label":"Absenden","buttonClasses":"wsw-block-button-default wsw-button-rounded wsw-button-solid wsw-button-custom-style wsw-button-medium wsw-button-custom-padding","field_placeholder":"","field_required":null,"field_label_required_error":"","field_hidden":null,"field_value":"","field_button_size":"inherit_form","field_button_custom_size":"1","field_button_style":"solid","field_button_shape":"inherit","field_button_padding_vertical":"0.4","field_button_padding_horizontal":"0.75"}]}]}]}
{"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."}