Ein Blick in unsere Praxis

{"uuid":"db1f8fd9-0e0b-46b5-8394-610f3398d187","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-db1f8fd9-0e0b-46b5-8394-610f3398d187 {\n box-sizing: border-box;\n font-family: inherit;\n background: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 *,\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 *::before,\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 *::after {\n box-sizing: inherit;\n }\n\n /* Header */\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header {\n text-align: center;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header h3 {\n color: var(--wsw-color-black, #212529);\n margin: 0;\n font-size: 1.3rem;\n font-weight: 400;\n text-transform: none;\n line-height: 1.5;\n opacity: 0.75;\n }\n\n /* Grid */\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n /* Standard image item */\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-item {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n cursor: pointer;\n aspect-ratio: 3 / 2;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-item img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease-out, filter 0.4s ease-out;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-item:hover img {\n transform: scale(1.05);\n filter: brightness(0.85);\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-item .gal-overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 1.25rem;\n opacity: 0;\n transition: opacity 0.35s ease-out;\n background: linear-gradient(0deg, rgba(33,37,41,0.6) 0%, transparent 60%);\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-item:hover .gal-overlay {\n opacity: 1;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-overlay span {\n color: #fff;\n font-size: 0.95rem;\n font-weight: 500;\n letter-spacing: 0.02em;\n }\n\n /* Zoom icon */\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-zoom {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.2);\n backdrop-filter: blur(6px);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transform: scale(0.7);\n transition: opacity 0.3s ease-out, transform 0.3s ease-out;\n pointer-events: none;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-item:hover .gal-zoom {\n opacity: 1;\n transform: scale(1);\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-zoom svg {\n width: 18px;\n height: 18px;\n fill: none;\n stroke: #fff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n /* Vertical pair row */\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-pair {\n grid-column: 1 / -1;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-pair .gal-item {\n aspect-ratio: 3 / 4;\n }\n\n /* Lightbox */\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lightbox {\n display: none;\n position: absolute;\n inset: 0;\n z-index: 999;\n background: rgba(33,37,41,0.92);\n backdrop-filter: blur(10px);\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: 2rem;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lightbox.is-active {\n display: flex;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lightbox img {\n max-width: 100%;\n max-height: 80vh;\n border-radius: 8px;\n box-shadow: 0 24px 64px rgba(0,0,0,0.4);\n object-fit: contain;\n opacity: 0;\n transform: scale(0.92);\n transition: opacity 0.3s ease-out, transform 0.3s ease-out;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lightbox.is-active img {\n opacity: 1;\n transform: scale(1);\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-close {\n position: absolute;\n top: 1.25rem;\n right: 1.5rem;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n border: none;\n background: rgba(255,255,255,0.15);\n color: #fff;\n font-size: 1.5rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s ease-out;\n line-height: 1;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-close:hover {\n background: rgba(255,255,255,0.3);\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: none;\n background: rgba(255,255,255,0.15);\n color: #fff;\n font-size: 1.4rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s ease-out;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-nav:hover {\n background: rgba(255,255,255,0.3);\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-prev { left: 1.5rem; }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-next { right: 1.5rem; }\n\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-counter {\n color: rgba(255,255,255,0.6);\n font-size: 0.875rem;\n margin-top: 1rem;\n letter-spacing: 0.1em;\n }\n\n /* Dark themes */\n section.wsw-theme-d #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header h3,\n section.wsw-theme-db #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header h3,\n section.wsw-theme-b #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header h3,\n section.wsw-theme-bb #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header h3,\n section.wsw-theme-a #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-header h3 {\n color: var(--wsw-color-white, #fff);\n }\n\n /* Responsive */\n @media (max-width: 768px) {\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 {\n padding: 2rem 1rem;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-grid {\n grid-template-columns: 1fr;\n gap: 0.75rem;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-pair {\n grid-template-columns: 1fr 1fr;\n }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-prev { left: 0.5rem; }\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 .gal-lb-next { right: 0.5rem; }\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 *,\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 *::before,\n #wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187\">\n\n <div class=\"gal-header\">\n <h3>Moderne Räumlichkeiten<br>Erleben Sie Physio-Lipari in Karlsruhe.</h3>\n </div>\n\n <div class=\"gal-grid\">\n\n \n <div class=\"gal-item\" data-index=\"0\" tabindex=\"0\" role=\"button\" aria-label=\"Patrick Lipari bei der manuellen Behandlung eines Patienten — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-behandlung-patrick-20260211-339-bearbeitet.webp?_289896.2999999523\" alt=\"Patrick Lipari bei der manuellen Behandlung eines Patienten\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Manuelle Therapie</span></div>\n </div>\n <div class=\"gal-item\" data-index=\"1\" tabindex=\"0\" role=\"button\" aria-label=\"Julia Lipari beim Krafttraining mit einem Patienten — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-behandlung-julia-20260211-156-bearbeitet.webp?_289901.2000000477\" alt=\"Julia Lipari beim Krafttraining mit einem Patienten\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Aktive Rehabilitation</span></div>\n </div>\n\n \n <div class=\"gal-item\" data-index=\"2\" tabindex=\"0\" role=\"button\" aria-label=\"Behandlungsraum mit Therapieliege und stimmungsvoller Beleuchtung — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-praxis-20260211-11-bearbeitet.webp?_290728.2000000477\" alt=\"Behandlungsraum mit Therapieliege und stimmungsvoller Beleuchtung\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Behandlungszimmer</span></div>\n </div>\n <div class=\"gal-item\" data-index=\"3\" tabindex=\"0\" role=\"button\" aria-label=\"Patrick Lipari im Beratungsgespräch mit einer Patientin — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-behandlung-patrick-20260211-452-bearbeitet.webp?_290747.39999997616\" alt=\"Patrick Lipari im Beratungsgespräch mit einer Patientin\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Persönliche Beratung</span></div>\n </div>\n\n \n <div class=\"gal-item\" data-index=\"4\" tabindex=\"0\" role=\"button\" aria-label=\"Trainingsbereich mit Kettlebells, Sprossenwand und Spiegel — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-praxis-20260211-30-bearbeitet.webp?_291496.7000000477\" alt=\"Trainingsbereich mit Kettlebells, Sprossenwand und Spiegel\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Trainingsbereich</span></div>\n </div>\n <div class=\"gal-item\" data-index=\"5\" tabindex=\"0\" role=\"button\" aria-label=\"Heller Behandlungsraum mit Therapieliege und Bogenfenstern — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-praxis-20260211-16-bearbeitet.webp?_291620.2000000477\" alt=\"Heller Behandlungsraum mit Therapieliege und Bogenfenstern\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Therapieraum</span></div>\n </div>\n\n \n <div class=\"gal-pair\">\n <div class=\"gal-item\" data-index=\"6\" tabindex=\"0\" role=\"button\" aria-label=\"Stilvoller Wartebereich mit Sesseln und Mosaikfliesen — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-praxis-20260211-43-bearbeitet.webp?_292528.7999999523\" alt=\"Stilvoller Wartebereich mit Sesseln und Mosaikfliesen\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Empfangsbereich</span></div>\n </div>\n <div class=\"gal-item\" data-index=\"7\" tabindex=\"0\" role=\"button\" aria-label=\"Großzügiger Praxisraum mit historischer Stuckdecke und Therapieliege — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-v-lipari-praxis-20260211-39-bearbeitet.webp?_295118.2999999523\" alt=\"Großzügiger Praxisraum mit historischer Stuckdecke und Therapieliege\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Praxisräume</span></div>\n </div>\n </div>\n\n \n <div class=\"gal-item\" style=\"grid-column: 1 / -1; aspect-ratio: 16 / 7;\" data-index=\"8\" tabindex=\"0\" role=\"button\" aria-label=\"Praxismanagerin Sabine und Inhaber Patrick Lipari bei der gemeinsamen Arbeit — Klicken zum Vergrößern\">\n <img src=\"/s3/a/wsw.website.7575/public/images/pages/folder.8/b-lipari-team-20260211-04-bearbeitet.webp?_292529.89999997616\" alt=\"Praxismanagerin Sabine und Inhaber Patrick Lipari bei der gemeinsamen Arbeit\" loading=\"lazy\" draggable=\"false\">\n <div class=\"gal-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"></line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"></line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"></line></svg></div>\n <div class=\"gal-overlay\"><span>Unsere Praxismanagerin Sabine und Inhaber Patrick Lipari</span></div>\n </div>\n\n </div>\n\n \n <div class=\"gal-lightbox\" role=\"dialog\" aria-label=\"Bildansicht\">\n <button class=\"gal-lb-close\" aria-label=\"Schließen\">✕</button>\n <button class=\"gal-lb-nav gal-lb-prev\" aria-label=\"Vorheriges Bild\">‹</button>\n <button class=\"gal-lb-nav gal-lb-next\" aria-label=\"Nächstes Bild\">›</button>\n <img src=\"\" alt=\"\" draggable=\"false\">\n <span class=\"gal-lb-counter\"></span>\n </div>\n\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-db1f8fd9-0e0b-46b5-8394-610f3398d187');\n if (!el) return;\n\n var items = el.querySelectorAll('.gal-item');\n var lightbox = el.querySelector('.gal-lightbox');\n var lbImg = lightbox.querySelector('img');\n var lbCounter = lightbox.querySelector('.gal-lb-counter');\n var closeBtn = lightbox.querySelector('.gal-lb-close');\n var prevBtn = lightbox.querySelector('.gal-lb-prev');\n var nextBtn = lightbox.querySelector('.gal-lb-next');\n var currentIndex = 0;\n var sources = [];\n\n items.forEach(function(item, i) {\n var img = item.querySelector('img');\n sources.push({ src: img.getAttribute('src'), alt: img.getAttribute('alt') });\n item.addEventListener('click', function() {\n openLightbox(i);\n });\n item.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n openLightbox(i);\n }\n });\n item.setAttribute('tabindex', '0');\n item.setAttribute('role', 'button');\n item.setAttribute('aria-label', img.getAttribute('alt') + ' — Klicken zum Vergrößern');\n });\n\n function openLightbox(index) {\n currentIndex = index;\n updateLightbox();\n lightbox.classList.add('is-active');\n closeBtn.focus();\n }\n\n function closeLightbox() {\n lightbox.classList.remove('is-active');\n lbImg.src = '';\n items[currentIndex].focus();\n }\n\n function updateLightbox() {\n lbImg.src = sources[currentIndex].src;\n lbImg.alt = sources[currentIndex].alt;\n lbCounter.textContent = (currentIndex + 1) + ' / ' + sources.length;\n }\n\n function navigate(dir) {\n currentIndex = (currentIndex + dir + sources.length) % sources.length;\n updateLightbox();\n }\n\n closeBtn.addEventListener('click', closeLightbox);\n prevBtn.addEventListener('click', function(e) { e.stopPropagation(); navigate(-1); });\n nextBtn.addEventListener('click', function(e) { e.stopPropagation(); navigate(1); });\n\n lightbox.addEventListener('click', function(e) {\n if (e.target === lightbox) closeLightbox();\n });\n\n lightbox.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowLeft') navigate(-1);\n if (e.key === 'ArrowRight') navigate(1);\n });\n})();\n</script>","summary":null,"version":4,"inserted_version":4,"total_cost":2.11782655,"total_messages_sent":5,"summarized_at_total":0}