Er wollte ein Baum sein, doch wurde er eher ein Waldkobold \u00b7 DarteanaVisions<\/title>\n\n \n <meta name=\"description\" content=\"Waldkobold im Donaupark: Set mit Bl\u00fcten, Fr\u00fcchten und Heilerde. Verspielt, empfindlich, manchmal nachdenklich \u2013 eine kleine Serie mit viel Herz und einer Erinnerung an Bastin.\"\/>\n <link rel=\"canonical\" href=\"https:\/\/darteanavisions.art\/\"\/>\n <meta property=\"og:title\" content=\"Er wollte ein Baum sein, doch wurde er eher ein Waldkobold \u00b7 DarteanaVisions\"\/>\n <meta property=\"og:description\" content=\"Im Donaupark entstand eine kleine, warme Serie: Bl\u00fcten, Fr\u00fcchte, Heilerde \u2013 und ein Waldkobold, der zwischendurch nachdenklich wird. In Erinnerung an Bastin.\"\/>\n <meta property=\"og:image\" content=\"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-4.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\":\"Er wollte ein Baum sein, doch wurde er eher ein Waldkobold\",\n \"about\":[\"Donaupark\",\"Waldkobold\",\"Fantasy\",\"Heilerde\",\"Outdoor\",\"Erinnerung Bastin\"],\n \"image\":[\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-4.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-7.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-9.jpg\"\n ],\n \"contentLocation\":{\"@type\":\"Place\",\"name\":\"Donaupark, Wien\"}\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 *\/\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: linksb\u00fcndig \u00fcber volle Breite *\/\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 *\/\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 *\/\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\">Er wollte ein Baum sein, doch wurde er eher ein Waldkobold<\/h1>\n\n \n <div class=\"intro-r1\"><div class=\"intro-r2\"><div class=\"intro-r3\">\n <img decoding=\"async\" id=\"introSwap\" src=\"\" alt=\"Waldkobold \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n \n <h2 class=\"hero-sub\">Erwachsen und doch Kind \u2013 albern, empfindlich, und manchmal nachdenklich.<\/h2>\n\n \n <div class=\"hero-desc\" aria-label=\"Einleitungstext\">\n <p>Die Kamera dabei, Bl\u00fcten und Fr\u00fcchte f\u00fcr das Set im Wald gesammelt. Er wartet geduldig auf der Bank im Donaupark. Das Pl\u00e4tzchen war gerade gut genug f\u00fcr unser Vorhaben.<\/p>\n <p>Es war immer noch Corona \u2013 wir hatten Deko, Make-up und unser Model dabei. K\u00fchler als versprochen; unser \u201em\u00e4nnliches M\u00e4dchen\u201c fror, w\u00e4hrend wir Heilerde \u00fcber den K\u00f6rper strichen. Zwischendrin suchte ich nach einem Baum, der zu unserem Vorhaben passte.<\/p>\n <p>Am Ende wurde aus dem Baum kurzerhand ein Waldkobold: verspielt und empfindlich, dann wieder still und nachdenklich. In Gedenken an Bastin \u2013 unseren s\u00fc\u00dfen Spitz-Chihuahua-Mix.<\/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>Bildcopyright \u00a9 DarteanaVisions.<\/strong><\/p>\n <p class=\"credits\">\n <strong>DarteanaVisions & Tugce<\/strong> \u2014 Idee, Set, Styling\/Make-up & Fotografie \u00b7 Model: <strong>Alex<\/strong> \u00b7 Location: Donaupark, Wien \u00b7 Hinweis: Es gilt das Recht am eigenen Bild; Nutzung nur nach vorheriger Zustimmung aller Beteiligten.\n <\/p>\n\n \n <div class=\"tags\" aria-label=\"Suchw\u00f6rter\">\n <a class=\"tag\" href=\"\/?s=Waldkobold\">#Waldkobold<\/a>\n <a class=\"tag\" href=\"\/?s=Donaupark\">#Donaupark<\/a>\n <a class=\"tag\" href=\"\/?s=Fantasy\">#Fantasy<\/a>\n <a class=\"tag\" href=\"\/?s=Heilerde\">#Heilerde<\/a>\n <a class=\"tag\" href=\"\/?s=Make-up\">#Make-up<\/a>\n <a class=\"tag\" href=\"\/?s=Portrait\">#Portrait<\/a>\n <a class=\"tag\" href=\"\/?s=Erinnerung\">#Erinnerung<\/a>\n <a class=\"tag\" href=\"\/?s=Chihuahua\">#Chihuahua<\/a>\n <a class=\"tag\" href=\"\/?s=Bastin\">#Bastin<\/a>\n <a class=\"tag\" href=\"\/?s=Wien\">#Wien<\/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.3L192 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 (deine Reihenfolge, Dubletten entfernt) ===== *\/\n const galleryImages = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-4.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-7.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-9.jpg\"\n ];\n const eventTitle = \"Er wollte ein Baum sein, doch wurde er eher ein Waldkobold\";\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>Er wollte ein Baum sein, doch wurde er eher ein Waldkobold \u00b7 DarteanaVisions Er wollte ein Baum sein, doch wurde er eher ein Waldkobold Erwachsen und doch Kind \u2013 albern, empfindlich, und manchmal nachdenklich. Die Kamera dabei, Bl\u00fcten und Fr\u00fcchte f\u00fcr das Set im Wald gesammelt. Er wartet geduldig auf der Bank im Donaupark. Das […]<\/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-5011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5011","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=5011"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5011\/revisions"}],"predecessor-version":[{"id":5013,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5011\/revisions\/5013"}],"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=5011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5011,"date":"2025-09-06T22:05:22","date_gmt":"2025-09-06T20:05:22","guid":{"rendered":"https:\/\/darteanavisions.art\/?page_id=5011"},"modified":"2025-09-06T22:07:09","modified_gmt":"2025-09-06T20:07:09","slug":"aurenvisions-der-waldkobold","status":"publish","type":"page","link":"https:\/\/darteanavisions.art\/index.php\/galerien\/aurenvisions-der-waldkobold\/","title":{"rendered":"AurenVisions – Der Waldkobold"},"content":{"rendered":"\n\n\n\n \n \n Er wollte ein Baum sein, doch wurde er eher ein Waldkobold \u00b7 DarteanaVisions<\/title>\n\n \n <meta name=\"description\" content=\"Waldkobold im Donaupark: Set mit Bl\u00fcten, Fr\u00fcchten und Heilerde. Verspielt, empfindlich, manchmal nachdenklich \u2013 eine kleine Serie mit viel Herz und einer Erinnerung an Bastin.\"\/>\n <link rel=\"canonical\" href=\"https:\/\/darteanavisions.art\/\"\/>\n <meta property=\"og:title\" content=\"Er wollte ein Baum sein, doch wurde er eher ein Waldkobold \u00b7 DarteanaVisions\"\/>\n <meta property=\"og:description\" content=\"Im Donaupark entstand eine kleine, warme Serie: Bl\u00fcten, Fr\u00fcchte, Heilerde \u2013 und ein Waldkobold, der zwischendurch nachdenklich wird. In Erinnerung an Bastin.\"\/>\n <meta property=\"og:image\" content=\"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-4.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\":\"Er wollte ein Baum sein, doch wurde er eher ein Waldkobold\",\n \"about\":[\"Donaupark\",\"Waldkobold\",\"Fantasy\",\"Heilerde\",\"Outdoor\",\"Erinnerung Bastin\"],\n \"image\":[\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-4.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-7.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-9.jpg\"\n ],\n \"contentLocation\":{\"@type\":\"Place\",\"name\":\"Donaupark, Wien\"}\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 *\/\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: linksb\u00fcndig \u00fcber volle Breite *\/\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 *\/\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 *\/\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\">Er wollte ein Baum sein, doch wurde er eher ein Waldkobold<\/h1>\n\n \n <div class=\"intro-r1\"><div class=\"intro-r2\"><div class=\"intro-r3\">\n <img decoding=\"async\" id=\"introSwap\" src=\"\" alt=\"Waldkobold \u2013 Einleitungsbild\">\n <\/div><\/div><\/div>\n\n \n <h2 class=\"hero-sub\">Erwachsen und doch Kind \u2013 albern, empfindlich, und manchmal nachdenklich.<\/h2>\n\n \n <div class=\"hero-desc\" aria-label=\"Einleitungstext\">\n <p>Die Kamera dabei, Bl\u00fcten und Fr\u00fcchte f\u00fcr das Set im Wald gesammelt. Er wartet geduldig auf der Bank im Donaupark. Das Pl\u00e4tzchen war gerade gut genug f\u00fcr unser Vorhaben.<\/p>\n <p>Es war immer noch Corona \u2013 wir hatten Deko, Make-up und unser Model dabei. K\u00fchler als versprochen; unser \u201em\u00e4nnliches M\u00e4dchen\u201c fror, w\u00e4hrend wir Heilerde \u00fcber den K\u00f6rper strichen. Zwischendrin suchte ich nach einem Baum, der zu unserem Vorhaben passte.<\/p>\n <p>Am Ende wurde aus dem Baum kurzerhand ein Waldkobold: verspielt und empfindlich, dann wieder still und nachdenklich. In Gedenken an Bastin \u2013 unseren s\u00fc\u00dfen Spitz-Chihuahua-Mix.<\/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>Bildcopyright \u00a9 DarteanaVisions.<\/strong><\/p>\n <p class=\"credits\">\n <strong>DarteanaVisions & Tugce<\/strong> \u2014 Idee, Set, Styling\/Make-up & Fotografie \u00b7 Model: <strong>Alex<\/strong> \u00b7 Location: Donaupark, Wien \u00b7 Hinweis: Es gilt das Recht am eigenen Bild; Nutzung nur nach vorheriger Zustimmung aller Beteiligten.\n <\/p>\n\n \n <div class=\"tags\" aria-label=\"Suchw\u00f6rter\">\n <a class=\"tag\" href=\"\/?s=Waldkobold\">#Waldkobold<\/a>\n <a class=\"tag\" href=\"\/?s=Donaupark\">#Donaupark<\/a>\n <a class=\"tag\" href=\"\/?s=Fantasy\">#Fantasy<\/a>\n <a class=\"tag\" href=\"\/?s=Heilerde\">#Heilerde<\/a>\n <a class=\"tag\" href=\"\/?s=Make-up\">#Make-up<\/a>\n <a class=\"tag\" href=\"\/?s=Portrait\">#Portrait<\/a>\n <a class=\"tag\" href=\"\/?s=Erinnerung\">#Erinnerung<\/a>\n <a class=\"tag\" href=\"\/?s=Chihuahua\">#Chihuahua<\/a>\n <a class=\"tag\" href=\"\/?s=Bastin\">#Bastin<\/a>\n <a class=\"tag\" href=\"\/?s=Wien\">#Wien<\/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.3L192 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 (deine Reihenfolge, Dubletten entfernt) ===== *\/\n const galleryImages = [\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-4.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-7.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-2.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-3.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-5.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-6.jpg\",\n \"https:\/\/darteanavisions.art\/wp-content\/uploads\/2025\/05\/Alex-Baum-9.jpg\"\n ];\n const eventTitle = \"Er wollte ein Baum sein, doch wurde er eher ein Waldkobold\";\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>Er wollte ein Baum sein, doch wurde er eher ein Waldkobold \u00b7 DarteanaVisions Er wollte ein Baum sein, doch wurde er eher ein Waldkobold Erwachsen und doch Kind \u2013 albern, empfindlich, und manchmal nachdenklich. Die Kamera dabei, Bl\u00fcten und Fr\u00fcchte f\u00fcr das Set im Wald gesammelt. Er wartet geduldig auf der Bank im Donaupark. Das […]<\/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-5011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5011","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=5011"}],"version-history":[{"count":2,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5011\/revisions"}],"predecessor-version":[{"id":5013,"href":"https:\/\/darteanavisions.art\/index.php\/wp-json\/wp\/v2\/pages\/5011\/revisions\/5013"}],"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=5011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}