Ein Jahr Dampfvilla \u2013 DarteanaVisions<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root{\n --gold-ochre:#C19A6B; --gold-ochre-light:#D9B88F; --gold-ochre-dark:#9C7A4D;\n --cream:#F9F3E9; --dark:#2D2A26; --white:#fff;\n --shadow: rgba(193,154,107,.22);\n --transition: .28s cubic-bezier(.23,1,.32,1);\n --gap: 1.2rem; \/* Einheitliches Spaltma\u00df f\u00fcr Masonry *\/\n }\n\n \/* ===== Seite im eigenen Scope ===== *\/\n #dv-gal *{box-sizing:border-box}\n #dv-gal{\n font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\n background:linear-gradient(135deg,var(--cream),rgba(249,243,233,.8));\n color:var(--dark); line-height:1.7; overflow-x:hidden; min-height:100vh; position:relative;\n }\n #dv-gal h1,#dv-gal h2,#dv-gal h3,#dv-gal h4,#dv-gal h5{\n font-family:'Playfair Display',Georgia,'Times New Roman',serif; font-weight:400;\n }\n #dv-gal img{display:block; max-width:100%; height:auto}\n\n \/* Orbs *\/\n #dv-gal .dynamic-bg{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none}\n #dv-gal .bg-circle{position:absolute; border-radius:50%;\n background:radial-gradient(circle,rgba(193,154,107,.3) 0%,rgba(193,154,107,.15) 70%,rgba(193,154,107,.05) 100%);\n transition:transform 2s ease-out}\n #dv-gal .bg-circle:nth-child(1){width:35vw;height:35vw;top:-5vh;left:-5vw;animation:floatAnimation 30s infinite alternate ease-in-out}\n #dv-gal .bg-circle:nth-child(2){width:25vw;height:25vw;bottom:-3vh;right:-3vw;animation:floatAnimation 25s infinite alternate-reverse ease-in-out}\n #dv-gal .bg-circle:nth-child(3){width:20vw;height:20vw;top:50vh;left:15vw;animation:floatAnimation 35s infinite alternate ease-in-out}\n @keyframes floatAnimation{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2vw,2vh) scale(1.02)}100%{transform:translate(-2vw,-2vh) scale(.98)}}\n\n \/* Container *\/\n #dv-gal .container{max-width:1200px; margin:0 auto; padding:0 2rem; position:relative; z-index:1;}\n\n \/* ===== HERO ===== *\/\n #dv-gal .hero{padding:2rem 0 2.25rem; text-align:center}\n #dv-gal .intro-r1{display:inline-block;border:1px solid var(--gold-ochre-light);border-radius:22px;padding:8px;margin:0 auto 1.25rem}\n #dv-gal .intro-r2{border:2px solid var(--gold-ochre-dark);border-radius:18px;padding:6px}\n #dv-gal .intro-r3{border:3px solid var(--gold-ochre-light);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px var(--shadow)}\n #dv-gal .intro-r3 img{width:min(220px,48vw);aspect-ratio:1\/1;object-fit:cover}\n\n #dv-gal .hero-title{font-size:clamp(1.9rem,4vw,2.4rem);color:var(--dark);margin-bottom:.6rem;font-weight:400}\n \/* kurzer Untertitel *\/\n #dv-gal .hero-subtitle{font-size:clamp(1.05rem,3vw,1.4rem);color:var(--gold-ochre-dark);max-width:800px;margin:0 auto .9rem;font-style:italic}\n #dv-gal .hero-description{font-size:1.05rem;color:rgba(45,42,38,.9);max-width:820px;margin:0 auto;line-height:1.65}\n\n \/* ===== Galerie-Box ===== *\/\n #dv-gal .gallery-section{\n background:linear-gradient(135deg,rgba(193,154,107,.06),rgba(193,154,107,.1));\n border-radius:25px; padding:2rem; margin:3rem 0; border:1px solid rgba(193,154,107,.18);\n position:relative; overflow:hidden;\n }\n #dv-gal .gallery-section::before{\n content:\"\"; position:absolute; top:0; left:0; width:100%; height:3px;\n background:linear-gradient(90deg,var(--gold-ochre-light),var(--gold-ochre));\n }\n\n \/* ===== Masonry: gleichm\u00e4\u00dfige Abst\u00e4nde, Original-Formate ===== *\/\n #dv-gal .masonry{ column-width:320px; column-gap:var(--gap); }\n #dv-gal .masonry-item{ break-inside:avoid; -webkit-column-break-inside:avoid; display:inline-block; width:100%; margin:0 0 var(--gap); }\n #dv-gal .ring.r1{ border:1px solid var(--gold-ochre-light); border-radius:16px; padding:8px; background:rgba(249,243,233,.65) }\n #dv-gal .ring.r2{ border:2px solid var(--gold-ochre-dark); border-radius:12px; padding:6px; }\n #dv-gal .ring.r3{ border:3px solid var(--gold-ochre-light); border-radius:10px; padding:0; position:relative; overflow:hidden; box-shadow:0 8px 20px var(--shadow); }\n #dv-gal .tile{cursor:pointer}\n #dv-gal .ring img{ width:100%; height:auto; object-fit:contain; } \/* zeigt jedes Seitenverh\u00e4ltnis korrekt *\/\n #dv-gal .cap-bar{\n position:absolute; left:0; right:0; bottom:0;\n padding:.45rem .75rem; font-size:.92rem; line-height:1.25; color:rgba(45,42,38,.92);\n background:linear-gradient(to top, rgba(249,243,233,.56), rgba(249,243,233,.22));\n backdrop-filter:blur(6px);\n border-top:1px solid rgba(217,184,143,.6);\n }\n\n \/* ===== Lightbox (zart) ===== *\/\n #dv-lightbox{ position:fixed; inset:0; display:none; align-items:center; justify-content:center;\n padding:5vw 5vw; z-index:2147483647;\n background:radial-gradient(60% 60% at 50% 50%, rgba(249,243,233,.22), rgba(45,42,38,.76));\n backdrop-filter:blur(3px);\n }\n #dv-lightbox.open{ display:flex }\n #dv-lightbox .lb-wrap{ position:relative; max-width:95vw; max-height:88vh }\n #dv-lightbox .lb-r1{ border:1px solid var(--gold-ochre-light); border-radius:16px; padding:8px; }\n #dv-lightbox .lb-r2{ border:2px solid var(--gold-ochre-dark); border-radius:13px; padding:7px; }\n #dv-lightbox .lb-r3{ border:3px solid var(--gold-ochre-light); border-radius:10px; overflow:hidden; position:relative; background:rgba(249,243,233,.6); box-shadow:0 14px 36px var(--shadow); }\n #dv-lightbox img{ display:block; width:auto; height:auto; max-width:calc(95vw - 7rem); max-height:calc(88vh - 6rem); object-fit:contain; }\n \/* Caption + Z\u00e4hler in einer Leiste *\/\n #dv-lightbox .cap-bar{ position:absolute; left:0; right:0; bottom:0; padding:.55rem .85rem; font-size:.98rem; display:flex; justify-content:space-between; align-items:center }\n #dv-lightbox .lb-count{ font-size:.9rem; opacity:.9; padding-left:.75rem; white-space:nowrap }\n\n \/* Zarte Buttons *\/\n #dv-lightbox .navbtn{\n position:absolute; top:50%; transform:translateY(-50%);\n width:34px; height:34px; border:1px solid var(--gold-ochre-light); border-radius:999px; cursor:pointer;\n background:rgba(249,243,233,.28); color:#fff;\n backdrop-filter:blur(6px);\n box-shadow:0 4px 12px rgba(193,154,107,.18);\n transition:var(--transition); opacity:.92;\n }\n #dv-lightbox .navbtn:hover{ background:rgba(249,243,233,.4); border-color:var(--gold-ochre); transform:translateY(-50%) scale(1.04) }\n #dv-lightbox .prev{ left:10px } \n #dv-lightbox .next{ right:10px }\n #dv-lightbox .close{\n top:10px; right:10px; transform:none; width:32px; height:32px;\n background:rgba(249,243,233,.28);\n }\n #dv-lightbox .navbtn svg{ width:14px; height:14px; fill:#fff }\n\n \/* Responsiv *\/\n @media (max-width: 992px){\n #dv-gal .container{padding:0 1rem}\n #dv-gal .masonry{column-width: 280px; column-gap:var(--gap)}\n #dv-lightbox img{ max-width:calc(95vw - 5rem); max-height:calc(88vh - 5rem) }\n }\n @media (max-width: 640px){\n #dv-gal .masonry{column-width: 100%; column-gap:var(--gap)}\n #dv-gal .gallery-section{padding:1.25rem}\n #dv-lightbox{ padding:4vw 3vw }\n #dv-lightbox .navbtn{ width:30px; height:30px }\n #dv-lightbox .prev{ left:8px } #dv-lightbox .next{ right:8px }\n #dv-lightbox .close{ width:30px; height:30px; top:8px; right:8px }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"dv-gal\">\n \n <div class=\"dynamic-bg\">\n <div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div>\n <\/div>\n\n <div class=\"container\">\n \n <section class=\"hero\" aria-label=\"Galerie-Einleitung\">\n <div class=\"intro-r1\"><div class=\"intro-r2\"><div class=\"intro-r3\">\n <img decoding=\"async\" id=\"introSwap\" src=\"\" alt=\"Ein Jahr Dampfvilla \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n <h1 class=\"hero-title\">Ein Jahr Dampfvilla<\/h1>\n <p class=\"hero-subtitle\">Ich durfte den Geburtstag fotografieren.<\/p>\n\n <p class=\"hero-description\">\n Die <strong>Dampfvilla<\/strong> ist nicht nur Vapeshop, sondern Treffpunkt: ehrliche Beratung,\n starke Auswahl an Ger\u00e4ten & Liquids und Raum f\u00fcrs gem\u00fctliche \u201eDampfplaudern\u201c. Zum ersten\n Geburtstag habe ich die Feier dokumentiert \u2013 nah dran, warm und genauso, wie es war.\n <\/p>\n <\/section>\n\n \n <section class=\"gallery-section\" aria-label=\"Bildgalerie\">\n <div id=\"gallery\" class=\"masonry\" role=\"list\"><\/div>\n <\/section>\n <\/div>\n <\/div>\n\n \n <div id=\"dv-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"lb-wrap\">\n <div class=\"lb-r1\"><div class=\"lb-r2\"><div class=\"lb-r3\">\n <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\n <div id=\"lb-cap\" class=\"cap-bar\">\n <span class=\"cap-title\"><\/span>\n <span id=\"lb-count\" class=\"lb-count\"><\/span>\n <\/div>\n <button class=\"navbtn prev\" aria-label=\"Vorheriges Bild\">\n <svg viewBox=\"0 0 256 512\"><path d=\"M192 448c-8.2 0-16.4-3.1-22.6-9.4l-160-160c-12.5-12.5-12.5-32.8 0-45.3l160-160c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L77.3 256l138.4 138.4c12.5 12.5 12.5 32.8 0 45.3c-6.2 6.3-14.4 9.3-22.7 9.3z\"\/><\/svg>\n <\/button>\n <button class=\"navbtn next\" aria-label=\"N\u00e4chstes Bild\">\n <svg viewBox=\"0 0 256 512\"><path d=\"M64 448c8.2 0 16.4-3.1 22.6-9.4l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L178.8 256 40.4 394.4c-12.5 12.5-12.5 32.8 0 45.3c6.2 6.3 14.4 9.3 22.7 9.3z\"\/><\/svg>\n <\/button>\n <button class=\"navbtn close\" aria-label=\"Schlie\u00dfen\">\n <svg viewBox=\"0 0 384 512\"><path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"\/><\/svg>\n <\/button>\n <\/div><\/div><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/* ===== Bilder (Dubletten werden entfernt) ===== *\/\n const images = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-61.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-15.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-35\/2530382885.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-22\/959899160.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-65\/1942409100.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-33\/476756132.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-56\/3803145769.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-25.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-49\/825037127.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-63.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-24\/3991549627.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-53\/823409932.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-19\/510413608.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-29\/976750188.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-27\/3935157565.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-16\/41152743.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-30.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-31\/386721527.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-43\/3525097379.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-38\/1498261851.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-13-1\/3730035389.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-40\/4077956774.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-21-1\/1188991480.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-14-1\/934945590.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-9-1\/2031262513.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-11-1\/3557367051.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-8-1\/3730185743.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-50\/3121563335.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-7-1\/1721467345.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-18\/1429785997.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-48-1\/2453010276.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-10\/3620963007.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-34-1\/3119958022.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-46-1\/2128019805.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-4\/2859594090.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-39-1\/2912559951.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-37\/2958896771.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-42-1\/2389314481.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-1\/3708161742.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-47-1\/2308515554.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-3\/1959801115.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-6\/184602103.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-2\/604105189.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-59\/3968244159.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV87\/1024122617.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV84\/3776230086.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV82\/975598853.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV78\/1404695760.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV75\/3588304709.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV74\/2081291126.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV72\/2805939381.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV61\/2259957481.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV56\/2829176177.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV49\/1092393298.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV23\/4049049548.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV22\/438027678.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV21\/2311654457.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV19\/3854454634.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV18\/877232560.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV16\/2579270270.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV10\/1116622269.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV5\/1257618181.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-13\/1593782614.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-34\/541078072.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV60\/3210992955.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV1-2-1\/1757546464.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV3\/1265837550.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV1\/1672925533.jpg\"\n ];\n const uniqueImages = [...new Set(images)];\n const eventTitle = \"Einjahresfeier Dampfvilla\";\n\n \/* Intro rotiert *\/\n const introEl = document.getElementById('introSwap');\n let lastIntro = -1;\n function swapIntro(){\n if(!uniqueImages.length) return;\n let i = Math.floor(Math.random()*uniqueImages.length);\n if(i===lastIntro) i = (i+1)%uniqueImages.length;\n introEl.src = uniqueImages[i];\n introEl.alt = eventTitle;\n lastIntro = i;\n }\n\n \/* Galerie rendern (Klick \u00f6ffnet Lightbox) *\/\n const galleryRoot = document.getElementById('gallery');\n function renderGallery(){\n const frag = document.createDocumentFragment();\n uniqueImages.forEach((src,idx)=>{\n const fig = document.createElement('figure');\n fig.className = 'masonry-item';\n fig.setAttribute('role','listitem');\n\n const r1 = document.createElement('div'); r1.className = 'ring r1';\n const r2 = document.createElement('div'); r2.className = 'ring r2';\n const r3 = document.createElement('div'); r3.className = 'ring r3 tile'; r3.tabIndex = 0;\n\n const img = document.createElement('img');\n img.loading='lazy'; img.decoding='async'; img.src = src;\n img.alt = eventTitle;\n\n const cap = document.createElement('div');\n cap.className = 'cap-bar';\n cap.textContent = eventTitle;\n\n r3.addEventListener('click', ()=>openLightbox(idx));\n r3.addEventListener('keydown', (e)=>{ if(e.key==='Enter' || e.key===' '){ e.preventDefault(); openLightbox(idx);} });\n\n r3.appendChild(img); r3.appendChild(cap);\n r2.appendChild(r3); r1.appendChild(r2); fig.appendChild(r1);\n frag.appendChild(fig);\n });\n galleryRoot.innerHTML = '';\n galleryRoot.appendChild(frag);\n }\n\n \/* ===== Lightbox-Logik (mit Z\u00e4hler) ===== *\/\n const lb = document.getElementById('dv-lightbox');\n const lbImg = document.getElementById('lb-img');\n const lbCap = document.getElementById('lb-cap');\n const lbCapTitle = lbCap.querySelector('.cap-title');\n const lbCount = document.getElementById('lb-count');\n const btnPrev = lb.querySelector('.prev');\n const btnNext = lb.querySelector('.next');\n const btnClose = lb.querySelector('.close');\n\n let current = 0;\n\n function lockScroll(lock){\n document.documentElement.style.overflow = lock ? 'hidden' : '';\n document.body.style.overflow = lock ? 'hidden' : '';\n }\n\n function updateLightbox(){\n const total = uniqueImages.length;\n const src = uniqueImages[current];\n lbImg.src = src; \/\/ H\/Q bleibt via object-fit:contain\n lbImg.alt = eventTitle;\n lbCapTitle.textContent = eventTitle; \/\/ Titel links\n lbCount.textContent = `${current+1} \/ ${total}`; \/\/ Z\u00c4HLER rechts\n \/\/ Preload Nachbarn\n const preload = (i)=>{ const im=new Image(); im.src=uniqueImages[(i+total)%total]; };\n preload(current+1); preload(current-1);\n }\n\n function openLightbox(idx){\n current = idx;\n updateLightbox();\n lb.classList.add('open');\n lb.setAttribute('aria-hidden','false');\n lockScroll(true);\n }\n function closeLightbox(){\n lb.classList.remove('open');\n lb.setAttribute('aria-hidden','true');\n lockScroll(false);\n }\n function next(){ current = (current+1)%uniqueImages.length; updateLightbox(); }\n function prev(){ current = (current-1+uniqueImages.length)%uniqueImages.length; updateLightbox(); }\n\n \/\/ Controls\n btnNext.addEventListener('click', next);\n btnPrev.addEventListener('click', prev);\n btnClose.addEventListener('click', closeLightbox);\n lb.addEventListener('click', (e)=>{ if(e.target===lb) closeLightbox(); });\n window.addEventListener('keydown', (e)=>{\n if(!lb.classList.contains('open')) return;\n if(e.key==='Escape') closeLightbox();\n if(e.key==='ArrowRight') next();\n if(e.key==='ArrowLeft') prev();\n });\n\n \/\/ Init\n document.addEventListener('DOMContentLoaded', ()=>{\n renderGallery(); \/\/ Masonry via CSS Columns: Originalformate + gleichm\u00e4\u00dfige Abst\u00e4nde\n swapIntro();\n setInterval(swapIntro, 6000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Ein Jahr Dampfvilla \u2013 DarteanaVisions Ein Jahr Dampfvilla Ich durfte den Geburtstag fotografieren. Die Dampfvilla ist nicht nur Vapeshop, sondern Treffpunkt: ehrliche Beratung, starke Auswahl an Ger\u00e4ten & Liquids und Raum f\u00fcrs gem\u00fctliche \u201eDampfplaudern\u201c. Zum ersten Geburtstag habe ich die Feier dokumentiert \u2013 nah dran, warm und genauso, wie es war.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4822,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4754","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/comments?post=4754"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4754\/revisions"}],"predecessor-version":[{"id":4779,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4754\/revisions\/4779"}],"up":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4822"}],"wp:attachment":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/media?parent=4754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4754,"date":"2025-09-05T00:09:11","date_gmt":"2025-09-04T22:09:11","guid":{"rendered":"https:\/\/darteanavisions.art\/?page_id=4754"},"modified":"2025-09-06T04:43:14","modified_gmt":"2025-09-06T02:43:14","slug":"einjahresfeier-dampfvilla","status":"publish","type":"page","link":"https:\/\/darteanavisions.art\/index.php\/galerien\/einjahresfeier-dampfvilla\/","title":{"rendered":"Einjahresfeier Dampfvilla"},"content":{"rendered":"\n\n\n\n \n \n Ein Jahr Dampfvilla \u2013 DarteanaVisions<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root{\n --gold-ochre:#C19A6B; --gold-ochre-light:#D9B88F; --gold-ochre-dark:#9C7A4D;\n --cream:#F9F3E9; --dark:#2D2A26; --white:#fff;\n --shadow: rgba(193,154,107,.22);\n --transition: .28s cubic-bezier(.23,1,.32,1);\n --gap: 1.2rem; \/* Einheitliches Spaltma\u00df f\u00fcr Masonry *\/\n }\n\n \/* ===== Seite im eigenen Scope ===== *\/\n #dv-gal *{box-sizing:border-box}\n #dv-gal{\n font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\n background:linear-gradient(135deg,var(--cream),rgba(249,243,233,.8));\n color:var(--dark); line-height:1.7; overflow-x:hidden; min-height:100vh; position:relative;\n }\n #dv-gal h1,#dv-gal h2,#dv-gal h3,#dv-gal h4,#dv-gal h5{\n font-family:'Playfair Display',Georgia,'Times New Roman',serif; font-weight:400;\n }\n #dv-gal img{display:block; max-width:100%; height:auto}\n\n \/* Orbs *\/\n #dv-gal .dynamic-bg{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none}\n #dv-gal .bg-circle{position:absolute; border-radius:50%;\n background:radial-gradient(circle,rgba(193,154,107,.3) 0%,rgba(193,154,107,.15) 70%,rgba(193,154,107,.05) 100%);\n transition:transform 2s ease-out}\n #dv-gal .bg-circle:nth-child(1){width:35vw;height:35vw;top:-5vh;left:-5vw;animation:floatAnimation 30s infinite alternate ease-in-out}\n #dv-gal .bg-circle:nth-child(2){width:25vw;height:25vw;bottom:-3vh;right:-3vw;animation:floatAnimation 25s infinite alternate-reverse ease-in-out}\n #dv-gal .bg-circle:nth-child(3){width:20vw;height:20vw;top:50vh;left:15vw;animation:floatAnimation 35s infinite alternate ease-in-out}\n @keyframes floatAnimation{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2vw,2vh) scale(1.02)}100%{transform:translate(-2vw,-2vh) scale(.98)}}\n\n \/* Container *\/\n #dv-gal .container{max-width:1200px; margin:0 auto; padding:0 2rem; position:relative; z-index:1;}\n\n \/* ===== HERO ===== *\/\n #dv-gal .hero{padding:2rem 0 2.25rem; text-align:center}\n #dv-gal .intro-r1{display:inline-block;border:1px solid var(--gold-ochre-light);border-radius:22px;padding:8px;margin:0 auto 1.25rem}\n #dv-gal .intro-r2{border:2px solid var(--gold-ochre-dark);border-radius:18px;padding:6px}\n #dv-gal .intro-r3{border:3px solid var(--gold-ochre-light);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px var(--shadow)}\n #dv-gal .intro-r3 img{width:min(220px,48vw);aspect-ratio:1\/1;object-fit:cover}\n\n #dv-gal .hero-title{font-size:clamp(1.9rem,4vw,2.4rem);color:var(--dark);margin-bottom:.6rem;font-weight:400}\n \/* kurzer Untertitel *\/\n #dv-gal .hero-subtitle{font-size:clamp(1.05rem,3vw,1.4rem);color:var(--gold-ochre-dark);max-width:800px;margin:0 auto .9rem;font-style:italic}\n #dv-gal .hero-description{font-size:1.05rem;color:rgba(45,42,38,.9);max-width:820px;margin:0 auto;line-height:1.65}\n\n \/* ===== Galerie-Box ===== *\/\n #dv-gal .gallery-section{\n background:linear-gradient(135deg,rgba(193,154,107,.06),rgba(193,154,107,.1));\n border-radius:25px; padding:2rem; margin:3rem 0; border:1px solid rgba(193,154,107,.18);\n position:relative; overflow:hidden;\n }\n #dv-gal .gallery-section::before{\n content:\"\"; position:absolute; top:0; left:0; width:100%; height:3px;\n background:linear-gradient(90deg,var(--gold-ochre-light),var(--gold-ochre));\n }\n\n \/* ===== Masonry: gleichm\u00e4\u00dfige Abst\u00e4nde, Original-Formate ===== *\/\n #dv-gal .masonry{ column-width:320px; column-gap:var(--gap); }\n #dv-gal .masonry-item{ break-inside:avoid; -webkit-column-break-inside:avoid; display:inline-block; width:100%; margin:0 0 var(--gap); }\n #dv-gal .ring.r1{ border:1px solid var(--gold-ochre-light); border-radius:16px; padding:8px; background:rgba(249,243,233,.65) }\n #dv-gal .ring.r2{ border:2px solid var(--gold-ochre-dark); border-radius:12px; padding:6px; }\n #dv-gal .ring.r3{ border:3px solid var(--gold-ochre-light); border-radius:10px; padding:0; position:relative; overflow:hidden; box-shadow:0 8px 20px var(--shadow); }\n #dv-gal .tile{cursor:pointer}\n #dv-gal .ring img{ width:100%; height:auto; object-fit:contain; } \/* zeigt jedes Seitenverh\u00e4ltnis korrekt *\/\n #dv-gal .cap-bar{\n position:absolute; left:0; right:0; bottom:0;\n padding:.45rem .75rem; font-size:.92rem; line-height:1.25; color:rgba(45,42,38,.92);\n background:linear-gradient(to top, rgba(249,243,233,.56), rgba(249,243,233,.22));\n backdrop-filter:blur(6px);\n border-top:1px solid rgba(217,184,143,.6);\n }\n\n \/* ===== Lightbox (zart) ===== *\/\n #dv-lightbox{ position:fixed; inset:0; display:none; align-items:center; justify-content:center;\n padding:5vw 5vw; z-index:2147483647;\n background:radial-gradient(60% 60% at 50% 50%, rgba(249,243,233,.22), rgba(45,42,38,.76));\n backdrop-filter:blur(3px);\n }\n #dv-lightbox.open{ display:flex }\n #dv-lightbox .lb-wrap{ position:relative; max-width:95vw; max-height:88vh }\n #dv-lightbox .lb-r1{ border:1px solid var(--gold-ochre-light); border-radius:16px; padding:8px; }\n #dv-lightbox .lb-r2{ border:2px solid var(--gold-ochre-dark); border-radius:13px; padding:7px; }\n #dv-lightbox .lb-r3{ border:3px solid var(--gold-ochre-light); border-radius:10px; overflow:hidden; position:relative; background:rgba(249,243,233,.6); box-shadow:0 14px 36px var(--shadow); }\n #dv-lightbox img{ display:block; width:auto; height:auto; max-width:calc(95vw - 7rem); max-height:calc(88vh - 6rem); object-fit:contain; }\n \/* Caption + Z\u00e4hler in einer Leiste *\/\n #dv-lightbox .cap-bar{ position:absolute; left:0; right:0; bottom:0; padding:.55rem .85rem; font-size:.98rem; display:flex; justify-content:space-between; align-items:center }\n #dv-lightbox .lb-count{ font-size:.9rem; opacity:.9; padding-left:.75rem; white-space:nowrap }\n\n \/* Zarte Buttons *\/\n #dv-lightbox .navbtn{\n position:absolute; top:50%; transform:translateY(-50%);\n width:34px; height:34px; border:1px solid var(--gold-ochre-light); border-radius:999px; cursor:pointer;\n background:rgba(249,243,233,.28); color:#fff;\n backdrop-filter:blur(6px);\n box-shadow:0 4px 12px rgba(193,154,107,.18);\n transition:var(--transition); opacity:.92;\n }\n #dv-lightbox .navbtn:hover{ background:rgba(249,243,233,.4); border-color:var(--gold-ochre); transform:translateY(-50%) scale(1.04) }\n #dv-lightbox .prev{ left:10px } \n #dv-lightbox .next{ right:10px }\n #dv-lightbox .close{\n top:10px; right:10px; transform:none; width:32px; height:32px;\n background:rgba(249,243,233,.28);\n }\n #dv-lightbox .navbtn svg{ width:14px; height:14px; fill:#fff }\n\n \/* Responsiv *\/\n @media (max-width: 992px){\n #dv-gal .container{padding:0 1rem}\n #dv-gal .masonry{column-width: 280px; column-gap:var(--gap)}\n #dv-lightbox img{ max-width:calc(95vw - 5rem); max-height:calc(88vh - 5rem) }\n }\n @media (max-width: 640px){\n #dv-gal .masonry{column-width: 100%; column-gap:var(--gap)}\n #dv-gal .gallery-section{padding:1.25rem}\n #dv-lightbox{ padding:4vw 3vw }\n #dv-lightbox .navbtn{ width:30px; height:30px }\n #dv-lightbox .prev{ left:8px } #dv-lightbox .next{ right:8px }\n #dv-lightbox .close{ width:30px; height:30px; top:8px; right:8px }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"dv-gal\">\n \n <div class=\"dynamic-bg\">\n <div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div>\n <\/div>\n\n <div class=\"container\">\n \n <section class=\"hero\" aria-label=\"Galerie-Einleitung\">\n <div class=\"intro-r1\"><div class=\"intro-r2\"><div class=\"intro-r3\">\n <img decoding=\"async\" id=\"introSwap\" src=\"\" alt=\"Ein Jahr Dampfvilla \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n <h1 class=\"hero-title\">Ein Jahr Dampfvilla<\/h1>\n <p class=\"hero-subtitle\">Ich durfte den Geburtstag fotografieren.<\/p>\n\n <p class=\"hero-description\">\n Die <strong>Dampfvilla<\/strong> ist nicht nur Vapeshop, sondern Treffpunkt: ehrliche Beratung,\n starke Auswahl an Ger\u00e4ten & Liquids und Raum f\u00fcrs gem\u00fctliche \u201eDampfplaudern\u201c. Zum ersten\n Geburtstag habe ich die Feier dokumentiert \u2013 nah dran, warm und genauso, wie es war.\n <\/p>\n <\/section>\n\n \n <section class=\"gallery-section\" aria-label=\"Bildgalerie\">\n <div id=\"gallery\" class=\"masonry\" role=\"list\"><\/div>\n <\/section>\n <\/div>\n <\/div>\n\n \n <div id=\"dv-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"lb-wrap\">\n <div class=\"lb-r1\"><div class=\"lb-r2\"><div class=\"lb-r3\">\n <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\n <div id=\"lb-cap\" class=\"cap-bar\">\n <span class=\"cap-title\"><\/span>\n <span id=\"lb-count\" class=\"lb-count\"><\/span>\n <\/div>\n <button class=\"navbtn prev\" aria-label=\"Vorheriges Bild\">\n <svg viewBox=\"0 0 256 512\"><path d=\"M192 448c-8.2 0-16.4-3.1-22.6-9.4l-160-160c-12.5-12.5-12.5-32.8 0-45.3l160-160c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L77.3 256l138.4 138.4c12.5 12.5 12.5 32.8 0 45.3c-6.2 6.3-14.4 9.3-22.7 9.3z\"\/><\/svg>\n <\/button>\n <button class=\"navbtn next\" aria-label=\"N\u00e4chstes Bild\">\n <svg viewBox=\"0 0 256 512\"><path d=\"M64 448c8.2 0 16.4-3.1 22.6-9.4l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L178.8 256 40.4 394.4c-12.5 12.5-12.5 32.8 0 45.3c6.2 6.3 14.4 9.3 22.7 9.3z\"\/><\/svg>\n <\/button>\n <button class=\"navbtn close\" aria-label=\"Schlie\u00dfen\">\n <svg viewBox=\"0 0 384 512\"><path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"\/><\/svg>\n <\/button>\n <\/div><\/div><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/* ===== Bilder (Dubletten werden entfernt) ===== *\/\n const images = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-61.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-15.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-35\/2530382885.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-22\/959899160.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-65\/1942409100.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-33\/476756132.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-56\/3803145769.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-25.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-49\/825037127.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-63.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-24\/3991549627.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-53\/823409932.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-19\/510413608.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-29\/976750188.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-27\/3935157565.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-16\/41152743.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/04\/JDVEND-30.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-31\/386721527.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-43\/3525097379.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-38\/1498261851.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-13-1\/3730035389.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-40\/4077956774.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-21-1\/1188991480.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-14-1\/934945590.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-9-1\/2031262513.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-11-1\/3557367051.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-8-1\/3730185743.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-50\/3121563335.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-7-1\/1721467345.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-18\/1429785997.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-48-1\/2453010276.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-10\/3620963007.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-34-1\/3119958022.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-46-1\/2128019805.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-4\/2859594090.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-39-1\/2912559951.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-37\/2958896771.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-42-1\/2389314481.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-1\/3708161742.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-47-1\/2308515554.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-3\/1959801115.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-6\/184602103.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-2\/604105189.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-59\/3968244159.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV87\/1024122617.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV84\/3776230086.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV82\/975598853.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV78\/1404695760.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV75\/3588304709.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV74\/2081291126.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV72\/2805939381.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV61\/2259957481.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV56\/2829176177.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV49\/1092393298.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV23\/4049049548.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV22\/438027678.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV21\/2311654457.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV19\/3854454634.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV18\/877232560.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV16\/2579270270.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV10\/1116622269.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV5\/1257618181.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-13\/1593782614.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDVEND-34\/541078072.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV60\/3210992955.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV1-2-1\/1757546464.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV3\/1265837550.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/cache\/2025\/04\/JDV1\/1672925533.jpg\"\n ];\n const uniqueImages = [...new Set(images)];\n const eventTitle = \"Einjahresfeier Dampfvilla\";\n\n \/* Intro rotiert *\/\n const introEl = document.getElementById('introSwap');\n let lastIntro = -1;\n function swapIntro(){\n if(!uniqueImages.length) return;\n let i = Math.floor(Math.random()*uniqueImages.length);\n if(i===lastIntro) i = (i+1)%uniqueImages.length;\n introEl.src = uniqueImages[i];\n introEl.alt = eventTitle;\n lastIntro = i;\n }\n\n \/* Galerie rendern (Klick \u00f6ffnet Lightbox) *\/\n const galleryRoot = document.getElementById('gallery');\n function renderGallery(){\n const frag = document.createDocumentFragment();\n uniqueImages.forEach((src,idx)=>{\n const fig = document.createElement('figure');\n fig.className = 'masonry-item';\n fig.setAttribute('role','listitem');\n\n const r1 = document.createElement('div'); r1.className = 'ring r1';\n const r2 = document.createElement('div'); r2.className = 'ring r2';\n const r3 = document.createElement('div'); r3.className = 'ring r3 tile'; r3.tabIndex = 0;\n\n const img = document.createElement('img');\n img.loading='lazy'; img.decoding='async'; img.src = src;\n img.alt = eventTitle;\n\n const cap = document.createElement('div');\n cap.className = 'cap-bar';\n cap.textContent = eventTitle;\n\n r3.addEventListener('click', ()=>openLightbox(idx));\n r3.addEventListener('keydown', (e)=>{ if(e.key==='Enter' || e.key===' '){ e.preventDefault(); openLightbox(idx);} });\n\n r3.appendChild(img); r3.appendChild(cap);\n r2.appendChild(r3); r1.appendChild(r2); fig.appendChild(r1);\n frag.appendChild(fig);\n });\n galleryRoot.innerHTML = '';\n galleryRoot.appendChild(frag);\n }\n\n \/* ===== Lightbox-Logik (mit Z\u00e4hler) ===== *\/\n const lb = document.getElementById('dv-lightbox');\n const lbImg = document.getElementById('lb-img');\n const lbCap = document.getElementById('lb-cap');\n const lbCapTitle = lbCap.querySelector('.cap-title');\n const lbCount = document.getElementById('lb-count');\n const btnPrev = lb.querySelector('.prev');\n const btnNext = lb.querySelector('.next');\n const btnClose = lb.querySelector('.close');\n\n let current = 0;\n\n function lockScroll(lock){\n document.documentElement.style.overflow = lock ? 'hidden' : '';\n document.body.style.overflow = lock ? 'hidden' : '';\n }\n\n function updateLightbox(){\n const total = uniqueImages.length;\n const src = uniqueImages[current];\n lbImg.src = src; \/\/ H\/Q bleibt via object-fit:contain\n lbImg.alt = eventTitle;\n lbCapTitle.textContent = eventTitle; \/\/ Titel links\n lbCount.textContent = `${current+1} \/ ${total}`; \/\/ Z\u00c4HLER rechts\n \/\/ Preload Nachbarn\n const preload = (i)=>{ const im=new Image(); im.src=uniqueImages[(i+total)%total]; };\n preload(current+1); preload(current-1);\n }\n\n function openLightbox(idx){\n current = idx;\n updateLightbox();\n lb.classList.add('open');\n lb.setAttribute('aria-hidden','false');\n lockScroll(true);\n }\n function closeLightbox(){\n lb.classList.remove('open');\n lb.setAttribute('aria-hidden','true');\n lockScroll(false);\n }\n function next(){ current = (current+1)%uniqueImages.length; updateLightbox(); }\n function prev(){ current = (current-1+uniqueImages.length)%uniqueImages.length; updateLightbox(); }\n\n \/\/ Controls\n btnNext.addEventListener('click', next);\n btnPrev.addEventListener('click', prev);\n btnClose.addEventListener('click', closeLightbox);\n lb.addEventListener('click', (e)=>{ if(e.target===lb) closeLightbox(); });\n window.addEventListener('keydown', (e)=>{\n if(!lb.classList.contains('open')) return;\n if(e.key==='Escape') closeLightbox();\n if(e.key==='ArrowRight') next();\n if(e.key==='ArrowLeft') prev();\n });\n\n \/\/ Init\n document.addEventListener('DOMContentLoaded', ()=>{\n renderGallery(); \/\/ Masonry via CSS Columns: Originalformate + gleichm\u00e4\u00dfige Abst\u00e4nde\n swapIntro();\n setInterval(swapIntro, 6000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Ein Jahr Dampfvilla \u2013 DarteanaVisions Ein Jahr Dampfvilla Ich durfte den Geburtstag fotografieren. Die Dampfvilla ist nicht nur Vapeshop, sondern Treffpunkt: ehrliche Beratung, starke Auswahl an Ger\u00e4ten & Liquids und Raum f\u00fcrs gem\u00fctliche \u201eDampfplaudern\u201c. Zum ersten Geburtstag habe ich die Feier dokumentiert \u2013 nah dran, warm und genauso, wie es war.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4822,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4754","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/comments?post=4754"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4754\/revisions"}],"predecessor-version":[{"id":4779,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4754\/revisions\/4779"}],"up":[{"embeddable":true,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4822"}],"wp:attachment":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/media?parent=4754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}