Zwischen Spitze & Saiten \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; --shadow:rgba(193,154,107,.22);\n --transition:.28s cubic-bezier(.23,1,.32,1); --gap:1.2rem;\n }\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{font-family:'Playfair Display',Georgia,serif;font-weight:400}\n #dv-gal img{display:block;max-width:100%;height:auto}\n\n \/* Hintergrund-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 animation:floatAnimation 30s infinite alternate ease-in-out}\n #dv-gal .bg-circle:nth-child(1){width:35vw;height:35vw;top:-5vh;left:-5vw}\n #dv-gal .bg-circle:nth-child(2){width:25vw;height:25vw;bottom:-3vh;right:-3vw;animation-direction:alternate-reverse}\n #dv-gal .bg-circle:nth-child(3){width:20vw;height:20vw;top:50vh;left:15vw;animation-duration:35s}\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{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}\n\n \/* Hero *\/\n .hero{padding:2rem 0 2.25rem;text-align:center}\n .intro-r1{display:inline-block;border:1px solid var(--gold-ochre-light);border-radius:22px;padding:8px;margin:0 auto 1.25rem}\n .intro-r2{border:2px solid var(--gold-ochre-dark);border-radius:18px;padding:6px}\n .intro-r3{border:3px solid var(--gold-ochre-light);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px var(--shadow)}\n .intro-r3 img{width:min(220px,48vw);aspect-ratio:1\/1;object-fit:cover}\n\n .hero-title{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:.6rem}\n .hero-subtitle,\n .hero-description{max-width:820px;margin:0 auto .9rem;color:rgba(45,42,38,.9)}\n .hero-subtitle{font-size:clamp(1.05rem,3vw,1.4rem);color:var(--gold-ochre-dark);font-style:italic}\n .hero-subtitle, .hero-description{text-wrap:balance; hyphens:auto}\n @supports (text-wrap: pretty){\n .hero-subtitle, .hero-description{ text-wrap:pretty }\n }\n\n \/* Galerie-Box *\/\n .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);position:relative;overflow:hidden}\n .gallery-section::before{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 \/* Masonry *\/\n .masonry{column-width:320px;column-gap:var(--gap)}\n .masonry-item{break-inside:avoid;display:inline-block;width:100%;margin:0 0 var(--gap)}\n\n \/* Kachel & Hover-Dynamik *\/\n .ring.r1{border:1px solid var(--gold-ochre-light);border-radius:16px;padding:8px;background:rgba(249,243,233,.65)}\n .ring.r2{border:2px solid var(--gold-ochre-dark);border-radius:12px;padding:6px}\n .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);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}\n .tile{cursor:pointer}\n .ring img{width:100%;height:auto;object-fit:contain;transition:transform var(--transition)}\n .cap-bar{position:absolute;left:0;right:0;bottom:0;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));backdrop-filter:blur(6px);\n border-top:1px solid rgba(217,184,143,.6)}\n \/* zarte Einladung zum Klicken *\/\n .tile::after{\n content:\"\"; position:absolute; right:.6rem; top:.6rem; width:24px; height:24px; opacity:0;\n background:conic-gradient(from 0deg,transparent,rgba(217,184,143,.85),transparent);\n border-radius:50%; filter:blur(.2px); transition:opacity var(--transition), transform var(--transition);\n transform:scale(.9);\n }\n .tile:hover{ }\n .tile:hover .ring.r3, .ring.r3:hover{ transform:translateY(-2px) scale(1.01); box-shadow:0 14px 28px rgba(193,154,107,.28); border-color:var(--gold-ochre) }\n .tile:hover img{ transform:scale(1.01) }\n .tile:hover::after{ opacity:.9; transform:scale(1) }\n\n @media (prefers-reduced-motion: reduce){\n .ring img, .ring.r3, .tile::after{ transition:none }\n .tile:hover .ring.r3{ transform:none; box-shadow:0 8px 20px var(--shadow) }\n .tile:hover img{ transform:none }\n .tile:hover::after{ opacity:0 }\n }\n\n \/* Lightbox (zart) *\/\n #dv-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;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));backdrop-filter:blur(3px)}\n #dv-lightbox.open{display:flex}\n .lb-wrap{position:relative;max-width:95vw;max-height:88vh}\n .lb-r1{border:1px solid var(--gold-ochre-light);border-radius:16px;padding:8px}\n .lb-r2{border:2px solid var(--gold-ochre-dark);border-radius:13px;padding:7px}\n .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 .lb-r3 img{display:block;width:auto;height:auto;max-width:calc(95vw - 7rem);max-height:calc(88vh - 6rem);object-fit:contain}\n .lb-r3 .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 .lb-count{font-size:.9rem;opacity:.9;padding-left:.75rem;white-space:nowrap}\n\n .navbtn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1px solid var(--gold-ochre-light);\n border-radius:999px;cursor:pointer;background:rgba(249,243,233,.28);color:#fff;backdrop-filter:blur(6px);\n box-shadow:0 4px 12px rgba(193,154,107,.18);transition:var(--transition);opacity:.92}\n .navbtn:hover{background:rgba(249,243,233,.4);border-color:var(--gold-ochre);transform:translateY(-50%) scale(1.04)}\n .prev{left:10px}.next{right:10px}\n .close{top:10px;right:10px;transform:none;width:30px;height:30px}\n .navbtn svg{width:14px;height:14px;fill:#fff}\n\n \/* Tag-Chips & Credits (unten) *\/\n .page-tags{padding:0 0 1rem}\n .tagbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.4rem}\n .tagbar a{\n display:inline-block;padding:.35rem .7rem;font-size:.9rem;border-radius:999px;text-decoration:none;\n color:var(--dark);background:rgba(249,243,233,.65);border:1px solid var(--gold-ochre-light);\n box-shadow:0 2px 6px rgba(193,154,107,.15);transition:var(--transition)\n }\n .tagbar a:hover{background:linear-gradient(135deg,var(--gold-ochre-light),var(--gold-ochre));color:#fff;border-color:transparent}\n\n .credits{max-width:920px;margin:0.5rem auto 2.25rem;text-align:center;color:rgba(45,42,38,.85);font-size:.95rem}\n .credits a{color:var(--gold-ochre-dark);text-decoration:none;border-bottom:1px dotted rgba(156,122,77,.6)}\n .credits a:hover{color:#8a6a43;border-color:transparent}\n .credits .note{display:block;font-size:.85rem;color:rgba(45,42,38,.6);margin-top:.25rem}\n\n @media (max-width:992px){\n .container{padding:0 1rem}\n .masonry{column-width:280px}\n .lb-r3 img{max-width:calc(95vw - 5rem);max-height:calc(88vh - 5rem)}\n }\n @media (max-width:640px){\n .masonry{column-width:100%}\n .gallery-section{padding:1.25rem}\n #dv-lightbox{padding:4vw 3vw}\n .navbtn{width:30px;height:30px}.prev{left:8px}.next{right:8px}.close{top:8px;right:8px}\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"dv-gal\">\n <div class=\"dynamic-bg\"><div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div><\/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=\"Zwischen Spitze & Saiten \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n <h1 class=\"hero-title\">Zwischen Spitze & Saiten<\/h1>\n <p class=\"hero-subtitle\">Portr\u00e4ts zwischen Rokoko und Heute.<\/p>\n\n <p class=\"hero-description\">\n Eine Frau, ein Violoncello \u2013 und der Geist des <strong>Rokoko<\/strong>: verspielt, nahbar, lebendig.\n Diese Serie erz\u00e4hlt nicht von Kost\u00fcm, sondern von Haltung. Jede Aufnahme ist ein kleines B\u00fchnenst\u00fcck,\n das dich St\u00fcck f\u00fcr St\u00fcck n\u00e4her an sie heranl\u00e4sst.\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\n \n <section class=\"page-tags\" aria-label=\"Suchw\u00f6rter\">\n <nav class=\"tagbar\">\n <a href=\"?s=Rokoko\">Rokoko<\/a>\n <a href=\"?s=Violoncello\">Violoncello<\/a>\n <a href=\"?s=Kunstfotografie\">Kunstfotografie<\/a>\n <a href=\"?s=Inszeniertes%20Portr%C3%A4t\">Inszeniertes Portr\u00e4t<\/a>\n <a href=\"?s=Kost%C3%BCm\">Kost\u00fcm<\/a>\n <a href=\"?s=Barock\">Barock<\/a>\n <a href=\"?s=Wien\">Wien<\/a>\n <a href=\"?s=Outdoor\">Outdoor<\/a>\n <a href=\"?s=Fine%20Art\">Fine Art<\/a>\n <a href=\"?s=Storytelling\">Storytelling<\/a>\n <a href=\"?s=Per%C3%BCcke\">Per\u00fccke<\/a>\n <a href=\"?s=Make-up\">Make-up<\/a>\n <\/nav>\n <\/section>\n\n \n <section class=\"credits\" aria-label=\"Credits\">\n <div>\n Model: <a href=\"https:\/\/www.facebook.com\/media\/set\/?set=a.1049508409140670&type=3\" target=\"_blank\" rel=\"noopener noreferrer\">Runa Mae \u2013 Facebook-Galerie<\/a>\n <span class=\"note\">Externer Link zur Galerie von Runa Mae auf Facebook.<\/span>\n <\/div>\n <div>\n Make-up & Styling: <a href=\"https:\/\/www.facebook.com\/annaweissmakeup\" target=\"_blank\" rel=\"noopener noreferrer\">Anna Wei\u00df \u2013 Facebook-Seite<\/a>\n <\/div>\n <div>\n Fotografie, Entwicklung & Bildbearbeitung: <strong>DarteanaVisions<\/strong>\n <\/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 \/* === Bild-URLs (Dubletten entfernt) === *\/\n const images = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61602733_1354195768055019_7068244094392205312_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61503961_1358880587586537_6180101972054507520_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61436706_1354235888051007_6227471308096012288_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61413187_1354195758055020_3813694422114107392_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61363671_1354348724706390_6976476307022413824_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61253355_1354236194717643_5366372709330583552_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61176735_1354238054717457_2869106413643235328_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61128684_1354236738050922_7860621326636023808_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61081783_1354466461361283_2106746643406651392_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61073515_1354348754706387_6275448575283429376_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61058184_1354235164717746_2489368271736799232_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61064360_1354236178050978_3699784295922008064_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60971415_1354235144717748_2695744233448407040_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60965117_1354236781384251_4038117656014880768_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60942555_1354238024717460_7223680292274307072_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60925603_1354238058050790_6845278323283591168_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61918366_1358904654250797_7424776656847372288_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61295982_1354466441361285_5573838493223747584_n.jpg\"\n ];\n const uniqueImages = [...new Set(images)];\n const captionText = \"Rokoko-Cellistin\";\n\n \/* Intro wechselt *\/\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 = captionText;\n lastIntro = i;\n }\n\n \/* Galerie rendern (Masonry beh\u00e4lt Originalformate) *\/\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'); fig.className='masonry-item'; fig.setAttribute('role','listitem');\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=new Image(); img.loading='lazy'; img.decoding='async'; img.src=src; img.alt=captionText;\n const cap=document.createElement('div'); cap.className='cap-bar'; cap.textContent=captionText;\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=''; galleryRoot.appendChild(frag);\n }\n\n \/* Lightbox 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 function lockScroll(v){document.documentElement.style.overflow=v?'hidden':'';document.body.style.overflow=v?'hidden':''}\n function updateLightbox(){\n const total=uniqueImages.length; const src=uniqueImages[current];\n lbImg.src=src; lbImg.alt=captionText; lbCapTitle.textContent=captionText; lbCount.textContent=`${current+1} \/ ${total}`;\n const preload=i=>{const im=new Image(); im.src=uniqueImages[(i+total)%total]}; preload(current+1); preload(current-1);\n }\n function openLightbox(idx){current=idx; updateLightbox(); lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); lockScroll(true)}\n function closeLightbox(){lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); lockScroll(false)}\n function next(){current=(current+1)%uniqueImages.length; updateLightbox()}\n function prev(){current=(current-1+uniqueImages.length)%uniqueImages.length; updateLightbox()}\n\n btnNext.addEventListener('click',next); btnPrev.addEventListener('click',prev); btnClose.addEventListener('click',closeLightbox);\n lb.addEventListener('click',e=>{if(e.target===lb) closeLightbox()});\n window.addEventListener('keydown',e=>{if(!lb.classList.contains('open')) return; if(e.key==='Escape') closeLightbox(); if(e.key==='ArrowRight') next(); if(e.key==='ArrowLeft') prev()});\n\n document.addEventListener('DOMContentLoaded',()=>{\n renderGallery(); swapIntro(); setInterval(swapIntro,6000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Zwischen Spitze & Saiten \u2013 DarteanaVisions Zwischen Spitze & Saiten Portr\u00e4ts zwischen Rokoko und Heute. Eine Frau, ein Violoncello \u2013 und der Geist des Rokoko: verspielt, nahbar, lebendig. Diese Serie erz\u00e4hlt nicht von Kost\u00fcm, sondern von Haltung. Jede Aufnahme ist ein kleines B\u00fchnenst\u00fcck, das dich St\u00fcck f\u00fcr St\u00fcck n\u00e4her an sie heranl\u00e4sst. Rokoko Violoncello Kunstfotografie […]<\/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-4780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4780","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=4780"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4780\/revisions"}],"predecessor-version":[{"id":4785,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4780\/revisions\/4785"}],"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=4780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4780,"date":"2025-09-05T03:53:40","date_gmt":"2025-09-05T01:53:40","guid":{"rendered":"https:\/\/darteanavisions.art\/?page_id=4780"},"modified":"2025-09-06T04:42:27","modified_gmt":"2025-09-06T02:42:27","slug":"die-frau-mit-dem-violonchello","status":"publish","type":"page","link":"https:\/\/darteanavisions.art\/index.php\/galerien\/die-frau-mit-dem-violonchello\/","title":{"rendered":"Die Frau mit dem Violonchello"},"content":{"rendered":"\n\n\n\n \n \n Zwischen Spitze & Saiten \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; --shadow:rgba(193,154,107,.22);\n --transition:.28s cubic-bezier(.23,1,.32,1); --gap:1.2rem;\n }\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{font-family:'Playfair Display',Georgia,serif;font-weight:400}\n #dv-gal img{display:block;max-width:100%;height:auto}\n\n \/* Hintergrund-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 animation:floatAnimation 30s infinite alternate ease-in-out}\n #dv-gal .bg-circle:nth-child(1){width:35vw;height:35vw;top:-5vh;left:-5vw}\n #dv-gal .bg-circle:nth-child(2){width:25vw;height:25vw;bottom:-3vh;right:-3vw;animation-direction:alternate-reverse}\n #dv-gal .bg-circle:nth-child(3){width:20vw;height:20vw;top:50vh;left:15vw;animation-duration:35s}\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{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}\n\n \/* Hero *\/\n .hero{padding:2rem 0 2.25rem;text-align:center}\n .intro-r1{display:inline-block;border:1px solid var(--gold-ochre-light);border-radius:22px;padding:8px;margin:0 auto 1.25rem}\n .intro-r2{border:2px solid var(--gold-ochre-dark);border-radius:18px;padding:6px}\n .intro-r3{border:3px solid var(--gold-ochre-light);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px var(--shadow)}\n .intro-r3 img{width:min(220px,48vw);aspect-ratio:1\/1;object-fit:cover}\n\n .hero-title{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:.6rem}\n .hero-subtitle,\n .hero-description{max-width:820px;margin:0 auto .9rem;color:rgba(45,42,38,.9)}\n .hero-subtitle{font-size:clamp(1.05rem,3vw,1.4rem);color:var(--gold-ochre-dark);font-style:italic}\n .hero-subtitle, .hero-description{text-wrap:balance; hyphens:auto}\n @supports (text-wrap: pretty){\n .hero-subtitle, .hero-description{ text-wrap:pretty }\n }\n\n \/* Galerie-Box *\/\n .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);position:relative;overflow:hidden}\n .gallery-section::before{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 \/* Masonry *\/\n .masonry{column-width:320px;column-gap:var(--gap)}\n .masonry-item{break-inside:avoid;display:inline-block;width:100%;margin:0 0 var(--gap)}\n\n \/* Kachel & Hover-Dynamik *\/\n .ring.r1{border:1px solid var(--gold-ochre-light);border-radius:16px;padding:8px;background:rgba(249,243,233,.65)}\n .ring.r2{border:2px solid var(--gold-ochre-dark);border-radius:12px;padding:6px}\n .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);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}\n .tile{cursor:pointer}\n .ring img{width:100%;height:auto;object-fit:contain;transition:transform var(--transition)}\n .cap-bar{position:absolute;left:0;right:0;bottom:0;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));backdrop-filter:blur(6px);\n border-top:1px solid rgba(217,184,143,.6)}\n \/* zarte Einladung zum Klicken *\/\n .tile::after{\n content:\"\"; position:absolute; right:.6rem; top:.6rem; width:24px; height:24px; opacity:0;\n background:conic-gradient(from 0deg,transparent,rgba(217,184,143,.85),transparent);\n border-radius:50%; filter:blur(.2px); transition:opacity var(--transition), transform var(--transition);\n transform:scale(.9);\n }\n .tile:hover{ }\n .tile:hover .ring.r3, .ring.r3:hover{ transform:translateY(-2px) scale(1.01); box-shadow:0 14px 28px rgba(193,154,107,.28); border-color:var(--gold-ochre) }\n .tile:hover img{ transform:scale(1.01) }\n .tile:hover::after{ opacity:.9; transform:scale(1) }\n\n @media (prefers-reduced-motion: reduce){\n .ring img, .ring.r3, .tile::after{ transition:none }\n .tile:hover .ring.r3{ transform:none; box-shadow:0 8px 20px var(--shadow) }\n .tile:hover img{ transform:none }\n .tile:hover::after{ opacity:0 }\n }\n\n \/* Lightbox (zart) *\/\n #dv-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;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));backdrop-filter:blur(3px)}\n #dv-lightbox.open{display:flex}\n .lb-wrap{position:relative;max-width:95vw;max-height:88vh}\n .lb-r1{border:1px solid var(--gold-ochre-light);border-radius:16px;padding:8px}\n .lb-r2{border:2px solid var(--gold-ochre-dark);border-radius:13px;padding:7px}\n .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 .lb-r3 img{display:block;width:auto;height:auto;max-width:calc(95vw - 7rem);max-height:calc(88vh - 6rem);object-fit:contain}\n .lb-r3 .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 .lb-count{font-size:.9rem;opacity:.9;padding-left:.75rem;white-space:nowrap}\n\n .navbtn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1px solid var(--gold-ochre-light);\n border-radius:999px;cursor:pointer;background:rgba(249,243,233,.28);color:#fff;backdrop-filter:blur(6px);\n box-shadow:0 4px 12px rgba(193,154,107,.18);transition:var(--transition);opacity:.92}\n .navbtn:hover{background:rgba(249,243,233,.4);border-color:var(--gold-ochre);transform:translateY(-50%) scale(1.04)}\n .prev{left:10px}.next{right:10px}\n .close{top:10px;right:10px;transform:none;width:30px;height:30px}\n .navbtn svg{width:14px;height:14px;fill:#fff}\n\n \/* Tag-Chips & Credits (unten) *\/\n .page-tags{padding:0 0 1rem}\n .tagbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.4rem}\n .tagbar a{\n display:inline-block;padding:.35rem .7rem;font-size:.9rem;border-radius:999px;text-decoration:none;\n color:var(--dark);background:rgba(249,243,233,.65);border:1px solid var(--gold-ochre-light);\n box-shadow:0 2px 6px rgba(193,154,107,.15);transition:var(--transition)\n }\n .tagbar a:hover{background:linear-gradient(135deg,var(--gold-ochre-light),var(--gold-ochre));color:#fff;border-color:transparent}\n\n .credits{max-width:920px;margin:0.5rem auto 2.25rem;text-align:center;color:rgba(45,42,38,.85);font-size:.95rem}\n .credits a{color:var(--gold-ochre-dark);text-decoration:none;border-bottom:1px dotted rgba(156,122,77,.6)}\n .credits a:hover{color:#8a6a43;border-color:transparent}\n .credits .note{display:block;font-size:.85rem;color:rgba(45,42,38,.6);margin-top:.25rem}\n\n @media (max-width:992px){\n .container{padding:0 1rem}\n .masonry{column-width:280px}\n .lb-r3 img{max-width:calc(95vw - 5rem);max-height:calc(88vh - 5rem)}\n }\n @media (max-width:640px){\n .masonry{column-width:100%}\n .gallery-section{padding:1.25rem}\n #dv-lightbox{padding:4vw 3vw}\n .navbtn{width:30px;height:30px}.prev{left:8px}.next{right:8px}.close{top:8px;right:8px}\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"dv-gal\">\n <div class=\"dynamic-bg\"><div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div><div class=\"bg-circle\"><\/div><\/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=\"Zwischen Spitze & Saiten \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n <h1 class=\"hero-title\">Zwischen Spitze & Saiten<\/h1>\n <p class=\"hero-subtitle\">Portr\u00e4ts zwischen Rokoko und Heute.<\/p>\n\n <p class=\"hero-description\">\n Eine Frau, ein Violoncello \u2013 und der Geist des <strong>Rokoko<\/strong>: verspielt, nahbar, lebendig.\n Diese Serie erz\u00e4hlt nicht von Kost\u00fcm, sondern von Haltung. Jede Aufnahme ist ein kleines B\u00fchnenst\u00fcck,\n das dich St\u00fcck f\u00fcr St\u00fcck n\u00e4her an sie heranl\u00e4sst.\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\n \n <section class=\"page-tags\" aria-label=\"Suchw\u00f6rter\">\n <nav class=\"tagbar\">\n <a href=\"?s=Rokoko\">Rokoko<\/a>\n <a href=\"?s=Violoncello\">Violoncello<\/a>\n <a href=\"?s=Kunstfotografie\">Kunstfotografie<\/a>\n <a href=\"?s=Inszeniertes%20Portr%C3%A4t\">Inszeniertes Portr\u00e4t<\/a>\n <a href=\"?s=Kost%C3%BCm\">Kost\u00fcm<\/a>\n <a href=\"?s=Barock\">Barock<\/a>\n <a href=\"?s=Wien\">Wien<\/a>\n <a href=\"?s=Outdoor\">Outdoor<\/a>\n <a href=\"?s=Fine%20Art\">Fine Art<\/a>\n <a href=\"?s=Storytelling\">Storytelling<\/a>\n <a href=\"?s=Per%C3%BCcke\">Per\u00fccke<\/a>\n <a href=\"?s=Make-up\">Make-up<\/a>\n <\/nav>\n <\/section>\n\n \n <section class=\"credits\" aria-label=\"Credits\">\n <div>\n Model: <a href=\"https:\/\/www.facebook.com\/media\/set\/?set=a.1049508409140670&type=3\" target=\"_blank\" rel=\"noopener noreferrer\">Runa Mae \u2013 Facebook-Galerie<\/a>\n <span class=\"note\">Externer Link zur Galerie von Runa Mae auf Facebook.<\/span>\n <\/div>\n <div>\n Make-up & Styling: <a href=\"https:\/\/www.facebook.com\/annaweissmakeup\" target=\"_blank\" rel=\"noopener noreferrer\">Anna Wei\u00df \u2013 Facebook-Seite<\/a>\n <\/div>\n <div>\n Fotografie, Entwicklung & Bildbearbeitung: <strong>DarteanaVisions<\/strong>\n <\/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 \/* === Bild-URLs (Dubletten entfernt) === *\/\n const images = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61602733_1354195768055019_7068244094392205312_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61503961_1358880587586537_6180101972054507520_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61436706_1354235888051007_6227471308096012288_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61413187_1354195758055020_3813694422114107392_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61363671_1354348724706390_6976476307022413824_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61253355_1354236194717643_5366372709330583552_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61176735_1354238054717457_2869106413643235328_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61128684_1354236738050922_7860621326636023808_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61081783_1354466461361283_2106746643406651392_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61073515_1354348754706387_6275448575283429376_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61058184_1354235164717746_2489368271736799232_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61064360_1354236178050978_3699784295922008064_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60971415_1354235144717748_2695744233448407040_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60965117_1354236781384251_4038117656014880768_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60942555_1354238024717460_7223680292274307072_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/60925603_1354238058050790_6845278323283591168_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61918366_1358904654250797_7424776656847372288_n.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/61295982_1354466441361285_5573838493223747584_n.jpg\"\n ];\n const uniqueImages = [...new Set(images)];\n const captionText = \"Rokoko-Cellistin\";\n\n \/* Intro wechselt *\/\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 = captionText;\n lastIntro = i;\n }\n\n \/* Galerie rendern (Masonry beh\u00e4lt Originalformate) *\/\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'); fig.className='masonry-item'; fig.setAttribute('role','listitem');\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=new Image(); img.loading='lazy'; img.decoding='async'; img.src=src; img.alt=captionText;\n const cap=document.createElement('div'); cap.className='cap-bar'; cap.textContent=captionText;\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=''; galleryRoot.appendChild(frag);\n }\n\n \/* Lightbox 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 function lockScroll(v){document.documentElement.style.overflow=v?'hidden':'';document.body.style.overflow=v?'hidden':''}\n function updateLightbox(){\n const total=uniqueImages.length; const src=uniqueImages[current];\n lbImg.src=src; lbImg.alt=captionText; lbCapTitle.textContent=captionText; lbCount.textContent=`${current+1} \/ ${total}`;\n const preload=i=>{const im=new Image(); im.src=uniqueImages[(i+total)%total]}; preload(current+1); preload(current-1);\n }\n function openLightbox(idx){current=idx; updateLightbox(); lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); lockScroll(true)}\n function closeLightbox(){lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); lockScroll(false)}\n function next(){current=(current+1)%uniqueImages.length; updateLightbox()}\n function prev(){current=(current-1+uniqueImages.length)%uniqueImages.length; updateLightbox()}\n\n btnNext.addEventListener('click',next); btnPrev.addEventListener('click',prev); btnClose.addEventListener('click',closeLightbox);\n lb.addEventListener('click',e=>{if(e.target===lb) closeLightbox()});\n window.addEventListener('keydown',e=>{if(!lb.classList.contains('open')) return; if(e.key==='Escape') closeLightbox(); if(e.key==='ArrowRight') next(); if(e.key==='ArrowLeft') prev()});\n\n document.addEventListener('DOMContentLoaded',()=>{\n renderGallery(); swapIntro(); setInterval(swapIntro,6000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Zwischen Spitze & Saiten \u2013 DarteanaVisions Zwischen Spitze & Saiten Portr\u00e4ts zwischen Rokoko und Heute. Eine Frau, ein Violoncello \u2013 und der Geist des Rokoko: verspielt, nahbar, lebendig. Diese Serie erz\u00e4hlt nicht von Kost\u00fcm, sondern von Haltung. Jede Aufnahme ist ein kleines B\u00fchnenst\u00fcck, das dich St\u00fcck f\u00fcr St\u00fcck n\u00e4her an sie heranl\u00e4sst. Rokoko Violoncello Kunstfotografie […]<\/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-4780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4780","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=4780"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4780\/revisions"}],"predecessor-version":[{"id":4785,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/4780\/revisions\/4785"}],"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=4780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}