Aus einer anderen Zeit \u00b7 DarteanaVisions<\/title>\n\n \n <meta name=\"description\" content=\"Aus einer anderen Zeit: Erinnerungsfotos von Ausstellungsabenden \u2013 viel Lachen, offizielle Gespr\u00e4che, Buffets, Wein ausschenken und mit anpacken. Mehrere H\u00e4user, viele Begegnungen \u2013 Momentaufnahmen einer aktiven Phase.\"\/>\n <link rel=\"canonical\" href=\"https:\/\/darteanavisions.art\/\"\/>\n <meta property=\"og:title\" content=\"Aus einer anderen Zeit \u00b7 DarteanaVisions\"\/>\n <meta property=\"og:description\" content=\"Vernissagen, Ausstellungen, Gespr\u00e4che und Gemeinschaft \u2013 Erinnerungsfotos aus einer aktiven Phase vor rund f\u00fcnfzehn Jahren.\"\/>\n <meta property=\"og:image\" content=\"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-10.jpg\"\/>\n <meta property=\"og:type\" content=\"website\"\/>\n <meta name=\"twitter:card\" content=\"summary_large_image\"\/>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\":\"https:\/\/schema.org\",\n \"@type\":\"ImageGallery\",\n \"name\":\"Aus einer anderen Zeit\",\n \"about\":[\"Ausstellungen\",\"Vernissagen\",\"Gemeinschaft\",\"Galeriealltag\",\"Erinnerungen\",\"K\u00fcnstlergespr\u00e4che\"],\n \"image\":[\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-10.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-11.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-9.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-14.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-13.jpg\"\n ],\n \"contentLocation\":{\"@type\":\"Place\",\"name\":\"Mehrere Galerien \/ H\u00e4user\"}\n }\n <\/script>\n\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 --ease:.28s cubic-bezier(.23,1,.32,1);\n --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{font-family:'Playfair Display',Georgia,serif;font-weight:400}\n #dv-gal img{display:block;max-width:100%;height:auto}\n\n \/* Orbs *\/\n .dynamic-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n .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 .bg-circle:nth-child(1){width:35vw;height:35vw;top:-5vh;left:-5vw;animation:float 30s infinite alternate ease-in-out}\n .bg-circle:nth-child(2){width:25vw;height:25vw;bottom:-3vh;right:-3vw;animation:float 25s infinite alternate-reverse ease-in-out}\n .bg-circle:nth-child(3){width:20vw;height:20vw;top:50vh;left:15vw;animation:float 35s infinite alternate ease-in-out}\n @keyframes float{0%{transform:translate(0,0)}50%{transform:translate(2vw,2vh)}100%{transform:translate(-2vw,-2vh)}}\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 .hero-title{font-size:clamp(1.9rem,4vw,2.4rem);margin-bottom:.6rem}\n\n \/* Quadratisches Bild unter H1, \u00fcber H2 *\/\n .intro-r1{display:inline-block;border:1px solid var(--gold-ochre-light);border-radius:22px;padding:8px;margin:0 auto .9rem}\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 \/* H2: eine Zeile, locker *\/\n .hero-sub{font-size:clamp(1.05rem,3vw,1.35rem);color:var(--gold-ochre-dark);font-style:italic;max-width:980px;margin:.2rem auto .8rem}\n\n \/* Einleitung: l\u00e4ngerer Text, linksb\u00fcndig, \u00fcber breite Spalte (ohne \u201eletztes Einzelwort\u201c) *\/\n .hero-desc{max-width:1100px;margin:0 auto;text-align:left}\n .hero-desc p{margin:.65rem 0;font-size:1.06rem;color:rgba(45,42,38,.92)}\n\n \/* ===== Galerie ===== *\/\n .gallery-section{\n background:linear-gradient(135deg,rgba(193,154,107,.06),rgba(193,154,107,.1));\n border-radius:25px; padding:1.6rem; margin:1.8rem 0; border:1px solid rgba(193,154,107,.18);\n position:relative; overflow:hidden;\n }\n .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 (St.-Petersburger H\u00e4ngung) *\/\n .masonry{ column-width:320px; column-gap:var(--gap); }\n .masonry-item{ break-inside:avoid; -webkit-column-break-inside:avoid; display:inline-block; width:100%; margin:0 0 var(--gap); }\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; overflow:hidden; position:relative; box-shadow:0 8px 20px var(--shadow); cursor:pointer; transition:transform var(--ease),box-shadow var(--ease) }\n .ring.r3:hover{ transform:translateY(-2px); box-shadow:0 14px 36px rgba(193,154,107,.28) }\n .ring img{ width:100%; height:auto; object-fit:contain; }\n .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 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;\n }\n\n \/* Copyright & Suchw\u00f6rter (wie in deinen anderen Galerien) *\/\n .copyright{margin:1.0rem 0 .4rem;text-align:center;font-size:.96rem}\n .credits{margin:.2rem 0 .8rem;text-align:center;font-size:.94rem;color:rgba(45,42,38,.9)}\n .tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.4rem 0 0}\n .tag{display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid rgba(193,154,107,.55);border-radius:999px;\n background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));text-decoration:none;color:var(--dark);font-size:.9rem}\n .tag:hover{border-color:var(--gold-ochre);}\n\n \/* Lightbox *\/\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 .lb-wrap{ position:relative; max-width:95vw; max-height:88vh }\n .lb1{ border:1px solid var(--gold-ochre-light); border-radius:16px; padding:8px; }\n .lb2{ border:2px solid var(--gold-ochre-dark); border-radius:13px; padding:7px; }\n .lb3{ 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-img{ display:block; width:auto; height:auto; max-width:calc(95vw - 7rem); max-height:calc(88vh - 6rem); object-fit:contain; }\n #lb-cap{ 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 .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(--ease); opacity:.92;\n }\n .navbtn:hover{ background:rgba(249,243,233,.4); border-color:var(--gold-ochre); transform:translateY(-50%) scale(1.04) }\n .prev{ left:10px } \n .next{ right:10px }\n .close{ top:10px; right:10px; transform:none; width:32px; height:32px; background:rgba(249,243,233,.28); }\n .navbtn svg{ width:14px; height:14px; fill:#fff }\n\n \/* Responsiv *\/\n @media (max-width: 992px){\n .container{padding:0 1rem}\n .masonry{column-width: 280px}\n #dv-lightbox 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.2rem}\n #dv-lightbox{ padding:4vw 3vw }\n .navbtn{ width:30px; height:30px }\n .prev{ left:8px } .next{ right:8px }\n .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 <h1 class=\"hero-title\">Aus einer anderen Zeit<\/h1>\n\n \n <div class=\"intro-r1\"><div class=\"intro-r2\"><div class=\"intro-r3\">\n <img decoding=\"async\" id=\"introSwap\" src=\"\" alt=\"Aus einer anderen Zeit \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n \n <h2 class=\"hero-sub\">Lockere Abende, viel Lachen \u2013 gemeinsam unterwegs.<\/h2>\n\n \n <div class=\"hero-desc\" aria-label=\"Einleitungstext\">\n <p>Vor rund f\u00fcnfzehn Jahren \u2013 j\u00fcnger, sehr aktiv \u2013 war ich st\u00e4ndig auf Vernissagen und Ausstellungen unterwegs. Das waren Abende mit Humor, Musik, vielen Gesichtern und echten Gespr\u00e4chen.<\/p>\n <p>Ich half bei Er\u00f6ffnungen mit, backte f\u00fcrs Buffet, schenkte Wein aus, organisierte mit und \u00fcbernahm auch mal die Galerieaufsicht. Parallel besuchte ich an anderen Wochenenden weitere K\u00fcnstler:innen und Ausstellungen \u2013 einfach weil es gut tat, weil Austausch und Kunst damals mein Wochenende ausgemacht haben.<\/p>\n <p>Die Fotos hier sind keine Produktion, sondern Erinnerungen: kleine Ausschnitte aus lebendiger Zeit. Nicht gestellt \u2013 einfach \u201eda\u201c. Und genau so sollen sie bleiben.<\/p>\n <\/div>\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 <p class=\"copyright\"><strong> DarteanaVisions.<\/strong><\/p>\n <p class=\"credits\">\n Snapshots by: <strong>Kreycon<\/strong> \u00b7 Pers\u00f6nlichkeitsrechte: bei den abgebildeten Personen\n <\/p>\n\n \n <div class=\"tags\" aria-label=\"Suchw\u00f6rter\">\n <a class=\"tag\" href=\"\/?s=Ausstellungen\">#Ausstellungen<\/a>\n <a class=\"tag\" href=\"\/?s=Vernissagen\">#Vernissagen<\/a>\n <a class=\"tag\" href=\"\/?s=Gemeinschaft\">#Gemeinschaft<\/a>\n <a class=\"tag\" href=\"\/?s=Galerieaufsicht\">#Galerieaufsicht<\/a>\n <a class=\"tag\" href=\"\/?s=K%C3%BCnstlergespr%C3%A4che\">#K\u00fcnstlergespr\u00e4che<\/a>\n <a class=\"tag\" href=\"\/?s=Erinnerungen\">#Erinnerungen<\/a>\n <a class=\"tag\" href=\"\/?s=Snapshots\">#Snapshots by<\/a>\n <a class=\"tag\" href=\"\/?s=Kreycon\">#Kreycon<\/a>\n <a class=\"tag\" href=\"\/?s=Wien\">#Wien<\/a>\n <a class=\"tag\" href=\"\/?s=Kunst\">#Kunst<\/a>\n <\/div>\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=\"lb1\"><div class=\"lb2\"><div class=\"lb3\">\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 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 (deine Reihenfolge) ===== *\/\n const galleryImages = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-10.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-11.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-9.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-14.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-13.jpg\"\n ];\n const eventTitle = \"Aus einer anderen Zeit\";\n\n \/* Intro (rotiert) *\/\n const introEl = document.getElementById('introSwap');\n let lastIntro = -1;\n function swapIntro(){\n if(!galleryImages.length) return;\n let i = Math.floor(Math.random()*galleryImages.length);\n if(i===lastIntro) i = (i+1)%galleryImages.length;\n introEl.src = galleryImages[i];\n introEl.alt = eventTitle;\n lastIntro = i;\n }\n\n \/* Galerie rendern (Masonry) *\/\n const galleryRoot = document.getElementById('gallery');\n function renderGallery(){\n const frag = document.createDocumentFragment();\n galleryImages.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'; 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 *\/\n const lb = document.getElementById('dv-lightbox');\n const lbImg = document.getElementById('lb-img');\n const lbCap = document.getElementById('lb-cap');\n const lbCapTitle = (function(){ let t=lbCap.querySelector('.cap-title'); if(!t){t=document.createElement('span');t.className='cap-title';lbCap.prepend(t);} return t; })();\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 function updateLightbox(){\n const total = galleryImages.length;\n lbImg.src = galleryImages[current];\n lbImg.alt = eventTitle;\n lbCapTitle.textContent = eventTitle;\n lbCount.textContent = `${current+1} \/ ${total}`;\n const preload = (i)=>{ const im=new Image(); im.src=galleryImages[(i+total)%total]; };\n preload(current+1); preload(current-1);\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)%galleryImages.length; updateLightbox(); }\n function prev(){ current = (current-1+galleryImages.length)%galleryImages.length; updateLightbox(); }\n\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 document.addEventListener('DOMContentLoaded', ()=>{\n renderGallery();\n swapIntro();\n setInterval(swapIntro, 6000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Aus einer anderen Zeit \u00b7 DarteanaVisions Aus einer anderen Zeit Lockere Abende, viel Lachen \u2013 gemeinsam unterwegs. Vor rund f\u00fcnfzehn Jahren \u2013 j\u00fcnger, sehr aktiv \u2013 war ich st\u00e4ndig auf Vernissagen und Ausstellungen unterwegs. Das waren Abende mit Humor, Musik, vielen Gesichtern und echten Gespr\u00e4chen. Ich half bei Er\u00f6ffnungen mit, backte f\u00fcrs Buffet, schenkte Wein […]<\/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-5000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5000","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=5000"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5000\/revisions"}],"predecessor-version":[{"id":5010,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5000\/revisions\/5010"}],"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=5000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5000,"date":"2025-09-06T21:01:16","date_gmt":"2025-09-06T19:01:16","guid":{"rendered":"https:\/\/darteanavisions.art\/?page_id=5000"},"modified":"2025-09-06T22:03:30","modified_gmt":"2025-09-06T20:03:30","slug":"aus-einer-anderen-zeit","status":"publish","type":"page","link":"https:\/\/darteanavisions.art\/index.php\/galerien\/aus-einer-anderen-zeit\/","title":{"rendered":"Aus einer anderen Zeit"},"content":{"rendered":"\n\n\n\n \n \n Aus einer anderen Zeit \u00b7 DarteanaVisions<\/title>\n\n \n <meta name=\"description\" content=\"Aus einer anderen Zeit: Erinnerungsfotos von Ausstellungsabenden \u2013 viel Lachen, offizielle Gespr\u00e4che, Buffets, Wein ausschenken und mit anpacken. Mehrere H\u00e4user, viele Begegnungen \u2013 Momentaufnahmen einer aktiven Phase.\"\/>\n <link rel=\"canonical\" href=\"https:\/\/darteanavisions.art\/\"\/>\n <meta property=\"og:title\" content=\"Aus einer anderen Zeit \u00b7 DarteanaVisions\"\/>\n <meta property=\"og:description\" content=\"Vernissagen, Ausstellungen, Gespr\u00e4che und Gemeinschaft \u2013 Erinnerungsfotos aus einer aktiven Phase vor rund f\u00fcnfzehn Jahren.\"\/>\n <meta property=\"og:image\" content=\"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-10.jpg\"\/>\n <meta property=\"og:type\" content=\"website\"\/>\n <meta name=\"twitter:card\" content=\"summary_large_image\"\/>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\":\"https:\/\/schema.org\",\n \"@type\":\"ImageGallery\",\n \"name\":\"Aus einer anderen Zeit\",\n \"about\":[\"Ausstellungen\",\"Vernissagen\",\"Gemeinschaft\",\"Galeriealltag\",\"Erinnerungen\",\"K\u00fcnstlergespr\u00e4che\"],\n \"image\":[\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-10.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-11.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-9.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-14.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-13.jpg\"\n ],\n \"contentLocation\":{\"@type\":\"Place\",\"name\":\"Mehrere Galerien \/ H\u00e4user\"}\n }\n <\/script>\n\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 --ease:.28s cubic-bezier(.23,1,.32,1);\n --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{font-family:'Playfair Display',Georgia,serif;font-weight:400}\n #dv-gal img{display:block;max-width:100%;height:auto}\n\n \/* Orbs *\/\n .dynamic-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}\n .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 .bg-circle:nth-child(1){width:35vw;height:35vw;top:-5vh;left:-5vw;animation:float 30s infinite alternate ease-in-out}\n .bg-circle:nth-child(2){width:25vw;height:25vw;bottom:-3vh;right:-3vw;animation:float 25s infinite alternate-reverse ease-in-out}\n .bg-circle:nth-child(3){width:20vw;height:20vw;top:50vh;left:15vw;animation:float 35s infinite alternate ease-in-out}\n @keyframes float{0%{transform:translate(0,0)}50%{transform:translate(2vw,2vh)}100%{transform:translate(-2vw,-2vh)}}\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 .hero-title{font-size:clamp(1.9rem,4vw,2.4rem);margin-bottom:.6rem}\n\n \/* Quadratisches Bild unter H1, \u00fcber H2 *\/\n .intro-r1{display:inline-block;border:1px solid var(--gold-ochre-light);border-radius:22px;padding:8px;margin:0 auto .9rem}\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 \/* H2: eine Zeile, locker *\/\n .hero-sub{font-size:clamp(1.05rem,3vw,1.35rem);color:var(--gold-ochre-dark);font-style:italic;max-width:980px;margin:.2rem auto .8rem}\n\n \/* Einleitung: l\u00e4ngerer Text, linksb\u00fcndig, \u00fcber breite Spalte (ohne \u201eletztes Einzelwort\u201c) *\/\n .hero-desc{max-width:1100px;margin:0 auto;text-align:left}\n .hero-desc p{margin:.65rem 0;font-size:1.06rem;color:rgba(45,42,38,.92)}\n\n \/* ===== Galerie ===== *\/\n .gallery-section{\n background:linear-gradient(135deg,rgba(193,154,107,.06),rgba(193,154,107,.1));\n border-radius:25px; padding:1.6rem; margin:1.8rem 0; border:1px solid rgba(193,154,107,.18);\n position:relative; overflow:hidden;\n }\n .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 (St.-Petersburger H\u00e4ngung) *\/\n .masonry{ column-width:320px; column-gap:var(--gap); }\n .masonry-item{ break-inside:avoid; -webkit-column-break-inside:avoid; display:inline-block; width:100%; margin:0 0 var(--gap); }\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; overflow:hidden; position:relative; box-shadow:0 8px 20px var(--shadow); cursor:pointer; transition:transform var(--ease),box-shadow var(--ease) }\n .ring.r3:hover{ transform:translateY(-2px); box-shadow:0 14px 36px rgba(193,154,107,.28) }\n .ring img{ width:100%; height:auto; object-fit:contain; }\n .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 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;\n }\n\n \/* Copyright & Suchw\u00f6rter (wie in deinen anderen Galerien) *\/\n .copyright{margin:1.0rem 0 .4rem;text-align:center;font-size:.96rem}\n .credits{margin:.2rem 0 .8rem;text-align:center;font-size:.94rem;color:rgba(45,42,38,.9)}\n .tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.4rem 0 0}\n .tag{display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid rgba(193,154,107,.55);border-radius:999px;\n background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));text-decoration:none;color:var(--dark);font-size:.9rem}\n .tag:hover{border-color:var(--gold-ochre);}\n\n \/* Lightbox *\/\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 .lb-wrap{ position:relative; max-width:95vw; max-height:88vh }\n .lb1{ border:1px solid var(--gold-ochre-light); border-radius:16px; padding:8px; }\n .lb2{ border:2px solid var(--gold-ochre-dark); border-radius:13px; padding:7px; }\n .lb3{ 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-img{ display:block; width:auto; height:auto; max-width:calc(95vw - 7rem); max-height:calc(88vh - 6rem); object-fit:contain; }\n #lb-cap{ 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 .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(--ease); opacity:.92;\n }\n .navbtn:hover{ background:rgba(249,243,233,.4); border-color:var(--gold-ochre); transform:translateY(-50%) scale(1.04) }\n .prev{ left:10px } \n .next{ right:10px }\n .close{ top:10px; right:10px; transform:none; width:32px; height:32px; background:rgba(249,243,233,.28); }\n .navbtn svg{ width:14px; height:14px; fill:#fff }\n\n \/* Responsiv *\/\n @media (max-width: 992px){\n .container{padding:0 1rem}\n .masonry{column-width: 280px}\n #dv-lightbox 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.2rem}\n #dv-lightbox{ padding:4vw 3vw }\n .navbtn{ width:30px; height:30px }\n .prev{ left:8px } .next{ right:8px }\n .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 <h1 class=\"hero-title\">Aus einer anderen Zeit<\/h1>\n\n \n <div class=\"intro-r1\"><div class=\"intro-r2\"><div class=\"intro-r3\">\n <img decoding=\"async\" id=\"introSwap\" src=\"\" alt=\"Aus einer anderen Zeit \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n \n <h2 class=\"hero-sub\">Lockere Abende, viel Lachen \u2013 gemeinsam unterwegs.<\/h2>\n\n \n <div class=\"hero-desc\" aria-label=\"Einleitungstext\">\n <p>Vor rund f\u00fcnfzehn Jahren \u2013 j\u00fcnger, sehr aktiv \u2013 war ich st\u00e4ndig auf Vernissagen und Ausstellungen unterwegs. Das waren Abende mit Humor, Musik, vielen Gesichtern und echten Gespr\u00e4chen.<\/p>\n <p>Ich half bei Er\u00f6ffnungen mit, backte f\u00fcrs Buffet, schenkte Wein aus, organisierte mit und \u00fcbernahm auch mal die Galerieaufsicht. Parallel besuchte ich an anderen Wochenenden weitere K\u00fcnstler:innen und Ausstellungen \u2013 einfach weil es gut tat, weil Austausch und Kunst damals mein Wochenende ausgemacht haben.<\/p>\n <p>Die Fotos hier sind keine Produktion, sondern Erinnerungen: kleine Ausschnitte aus lebendiger Zeit. Nicht gestellt \u2013 einfach \u201eda\u201c. Und genau so sollen sie bleiben.<\/p>\n <\/div>\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 <p class=\"copyright\"><strong> DarteanaVisions.<\/strong><\/p>\n <p class=\"credits\">\n Snapshots by: <strong>Kreycon<\/strong> \u00b7 Pers\u00f6nlichkeitsrechte: bei den abgebildeten Personen\n <\/p>\n\n \n <div class=\"tags\" aria-label=\"Suchw\u00f6rter\">\n <a class=\"tag\" href=\"\/?s=Ausstellungen\">#Ausstellungen<\/a>\n <a class=\"tag\" href=\"\/?s=Vernissagen\">#Vernissagen<\/a>\n <a class=\"tag\" href=\"\/?s=Gemeinschaft\">#Gemeinschaft<\/a>\n <a class=\"tag\" href=\"\/?s=Galerieaufsicht\">#Galerieaufsicht<\/a>\n <a class=\"tag\" href=\"\/?s=K%C3%BCnstlergespr%C3%A4che\">#K\u00fcnstlergespr\u00e4che<\/a>\n <a class=\"tag\" href=\"\/?s=Erinnerungen\">#Erinnerungen<\/a>\n <a class=\"tag\" href=\"\/?s=Snapshots\">#Snapshots by<\/a>\n <a class=\"tag\" href=\"\/?s=Kreycon\">#Kreycon<\/a>\n <a class=\"tag\" href=\"\/?s=Wien\">#Wien<\/a>\n <a class=\"tag\" href=\"\/?s=Kunst\">#Kunst<\/a>\n <\/div>\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=\"lb1\"><div class=\"lb2\"><div class=\"lb3\">\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 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 (deine Reihenfolge) ===== *\/\n const galleryImages = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-10.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-11.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-9.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-14.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Kuenstlergruppe-el-Kordy-im-Mericon-13.jpg\"\n ];\n const eventTitle = \"Aus einer anderen Zeit\";\n\n \/* Intro (rotiert) *\/\n const introEl = document.getElementById('introSwap');\n let lastIntro = -1;\n function swapIntro(){\n if(!galleryImages.length) return;\n let i = Math.floor(Math.random()*galleryImages.length);\n if(i===lastIntro) i = (i+1)%galleryImages.length;\n introEl.src = galleryImages[i];\n introEl.alt = eventTitle;\n lastIntro = i;\n }\n\n \/* Galerie rendern (Masonry) *\/\n const galleryRoot = document.getElementById('gallery');\n function renderGallery(){\n const frag = document.createDocumentFragment();\n galleryImages.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'; 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 *\/\n const lb = document.getElementById('dv-lightbox');\n const lbImg = document.getElementById('lb-img');\n const lbCap = document.getElementById('lb-cap');\n const lbCapTitle = (function(){ let t=lbCap.querySelector('.cap-title'); if(!t){t=document.createElement('span');t.className='cap-title';lbCap.prepend(t);} return t; })();\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 function updateLightbox(){\n const total = galleryImages.length;\n lbImg.src = galleryImages[current];\n lbImg.alt = eventTitle;\n lbCapTitle.textContent = eventTitle;\n lbCount.textContent = `${current+1} \/ ${total}`;\n const preload = (i)=>{ const im=new Image(); im.src=galleryImages[(i+total)%total]; };\n preload(current+1); preload(current-1);\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)%galleryImages.length; updateLightbox(); }\n function prev(){ current = (current-1+galleryImages.length)%galleryImages.length; updateLightbox(); }\n\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 document.addEventListener('DOMContentLoaded', ()=>{\n renderGallery();\n swapIntro();\n setInterval(swapIntro, 6000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Aus einer anderen Zeit \u00b7 DarteanaVisions Aus einer anderen Zeit Lockere Abende, viel Lachen \u2013 gemeinsam unterwegs. Vor rund f\u00fcnfzehn Jahren \u2013 j\u00fcnger, sehr aktiv \u2013 war ich st\u00e4ndig auf Vernissagen und Ausstellungen unterwegs. Das waren Abende mit Humor, Musik, vielen Gesichtern und echten Gespr\u00e4chen. Ich half bei Er\u00f6ffnungen mit, backte f\u00fcrs Buffet, schenkte Wein […]<\/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-5000","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5000","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=5000"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5000\/revisions"}],"predecessor-version":[{"id":5010,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5000\/revisions\/5010"}],"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=5000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}