{"id":256536,"date":"2025-10-08T23:22:16","date_gmt":"2025-10-08T23:22:16","guid":{"rendered":"https:\/\/sherdin.de\/?page_id=256536"},"modified":"2026-10-12T13:30:59","modified_gmt":"2026-10-12T13:30:59","slug":"ill-berlin-art-gallery","status":"publish","type":"page","link":"https:\/\/sherdin.de\/en\/ill-berlin-art-gallery","title":{"rendered":"Ill Berlin Art Gallery"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\"><div class=\"et_pb_row_0 et_pb_row et_block_row et-pb-has-background-video et_pb_preload\"><span class=\"et-pb-background-video\"><video autoplay loop playsinline muted><source type=\"video\/mp4\" data-src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/BGV01.mp4\" \/><\/video><\/span><div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_code_0 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ILL Berlin Art Gallery \u2013 Layered Slideshow (Drop-In v3 with mouse wave) -->\n<style>\n  :root { --bg:transparent; --tick-ms:1000; }\n  .iba-hero{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--bg);isolation:isolate}\n  .iba-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;will-change:transform}\n  .iba-layer img{width:100%;height:100%;object-fit:contain;image-rendering:auto;backface-visibility:hidden;-webkit-user-drag:none;user-select:none;display:block}\n  .iba-layer[data-layer=\"1\"]{width:min(100vw,100vh);height:min(100vw,100vh);opacity:1;z-index:1}\n  .iba-layer[data-layer=\"2\"]{width:95vmin;height:95vmin;opacity:.7;z-index:2}\n  .iba-layer[data-layer=\"3\"]{width:90vmin;height:90vmin;opacity:.7;z-index:3}\n  .iba-layer[data-layer=\"4\"]{width:85vmin;height:85vmin;opacity:.7;z-index:4}\n  .iba-layer[data-layer=\"5\"]{width:80vmin;height:80vmin;opacity:.7;z-index:5}\n  .iba-layer[data-layer=\"6\"]{width:75vmin;height:75vmin;opacity:.7;z-index:6}\n  .iba-layer[data-layer=\"7\"]{width:70vmin;height:70vmin;opacity:.7;z-index:7}\n  .iba-layer[data-layer=\"8\"]{width:65vmin;height:65vmin;opacity:.7;z-index:8}\n  .iba-layer[data-layer=\"9\"]{width:60vmin;height:60vmin;opacity:.7;z-index:9}\n  .iba-layer[data-layer=\"10\"]{width:55vmin;height:55vmin;opacity:1;z-index:9999}\n  @media (prefers-reduced-motion:reduce){:root{--tick-ms:3000}}\n  .iba-hero:not(.is-ready) .iba-layer:not([data-layer=\"10\"]) img{opacity:0}\n<\/style>\n\n<section class=\"iba-hero\" id=\"iba-hero\">\n  <div class=\"iba-layer\" data-layer=\"1\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"2\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"3\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"4\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"5\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"6\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"7\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"8\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"9\"><img alt=\"\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" \/><\/div>\n  <div class=\"iba-layer\" data-layer=\"10\"><img src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/IllBerlinArtGallery10.png\" alt=\"Ill Berlin \u2013 Standbild\" loading=\"eager\" decoding=\"async\" \/><\/div>\n<\/section>\n\n<script>\n(function(){\n  const root=document.documentElement;\n  const TICK=parseInt(getComputedStyle(root).getPropertyValue('--tick-ms'))||1000;\n  const base='https:\/\/sherdin.de\/wp-content\/uploads\/2025\/10\/';\n  const pad2=(n)=> (n<10?'0'+n:''+n);\n  const names=Array.from({length:9},(_,i)=>`IllBerlinArtGallery${pad2(i+1)}.png`);\n  const seqForOffset=(o)=> names.map((_,i)=> names[(i+o)%names.length]);\n  const sequences={1:seqForOffset(0),2:seqForOffset(1),3:seqForOffset(2),4:seqForOffset(3),5:seqForOffset(4),6:seqForOffset(5),7:seqForOffset(6),8:seqForOffset(7),9:seqForOffset(8)};\n\n  \/\/ Preload\n  const preload=new Set();\n  [...names,'IllBerlinArtGallery10.png'].forEach((f)=>{const url=base+f; if(!preload.has(url)){const img=new Image(); img.decoding='async'; img.loading='eager'; img.src=url; preload.add(url);}});\n\n  const container=document.getElementById('iba-hero');\n  if(!container) return;\n  const layers=[...container.querySelectorAll('.iba-layer[data-layer]')];\n  const animLayers=layers.filter(l=>l.dataset.layer!=='10'); \/\/ 1..9 (beweglich)\n  const imgLayers=animLayers.map(l=>l.querySelector('img'));\n\n  let frame=0,timer=null,running=false;\n  function render(){\n    for(const img of imgLayers){\n      const layer=parseInt(img.closest('.iba-layer').dataset.layer,10);\n      const seq=sequences[layer];\n      const idx=frame % seq.length;\n      const nextSrc=base+seq[idx];\n      if(img.getAttribute('src')!==nextSrc) img.setAttribute('src',nextSrc);\n    }\n  }\n  function step(){ frame++; render(); }\n  function play(){ if(running) return; running=true; render(); container.classList.add('is-ready'); timer=setInterval(step,TICK); startRaf(); }\n  function pause(){ running=false; if(timer){clearInterval(timer); timer=null;} stopRaf(); }\n\n  \/\/ Mouse Wave \/ Parallax (sanft)\n  const state={x:0,y:0, tx:0, ty:0};\n  let rafId=null;\n  function onPointerMove(e){\n    const rect=container.getBoundingClientRect();\n    const nx=((e.clientX-rect.left)\/rect.width)*2-1;\n    const ny=((e.clientY-rect.top)\/rect.height)*2-1;\n    state.tx=nx; state.ty=ny;\n  }\n  function onPointerLeave(){ state.tx=0; state.ty=0; }\n\n  const followFactors={1:0.10,2:0.095,3:0.09,4:0.085,5:0.08,6:0.075,7:0.07,8:0.065,9:0.06};\n  const maxXByLayer={1:26,2:24,3:22,4:20,5:18,6:16,7:14,8:12,9:10};\n  const maxYByLayer={1:10,2:9,3:9,4:8,5:8,6:7,7:7,8:6,9:6};\n  const maxRotByLayer={1:1.2,2:1.1,3:1.0,4:0.9,5:0.8,6:0.7,7:0.6,8:0.5,9:0.4};\n\n  function startRaf(){ if(rafId) return; rafId=requestAnimationFrame(rafLoop); }\n  function stopRaf(){ if(!rafId) return; cancelAnimationFrame(rafId); rafId=null; animLayers.forEach(l=>{ l.style.transform='translate(-50%, -50%)'; }); }\n\n  function rafLoop(){\n    state.x+= (state.tx - state.x) * 0.12;\n    state.y+= (state.ty - state.y) * 0.12;\n\n    for(const layer of animLayers){\n      const idx=parseInt(layer.dataset.layer,10);\n      const lx = state.x * (maxXByLayer[idx]||12);\n      const ly = state.y * (maxYByLayer[idx]||6);\n      const rx = state.x * (maxRotByLayer[idx]||0.5);\n      const t = performance.now()\/700;\n      const wave = Math.sin(t + idx*0.5) * 2;\n      const tx = lx + wave;\n      const ty = ly * 0.6;\n      layer.style.transform = `translate(-50%, -50%) translate(${tx.toFixed(2)}px, ${ty.toFixed(2)}px) rotate(${rx.toFixed(2)}deg)`;\n    }\n    rafId=requestAnimationFrame(rafLoop);\n  }\n\n  container.addEventListener('pointermove', onPointerMove, {passive:true});\n  container.addEventListener('pointerleave', onPointerLeave, {passive:true});\n  container.addEventListener('touchmove', (e)=>{ if(e.touches && e.touches[0]) onPointerMove(e.touches[0]); }, {passive:true});\n  container.addEventListener('touchend', onPointerLeave, {passive:true});\n\n  const io=new IntersectionObserver((entries)=>{ entries.forEach((e)=>{ if(e.isIntersecting) play(); else pause(); }); }, {threshold:0.1});\n  io.observe(container);\n  document.addEventListener('visibilitychange',()=>{ if(document.hidden) pause(); else play(); });\n  window.addEventListener('beforeunload',()=>{ pause(); io.disconnect(); });\n})();\n<\/script>\n<\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_1 et_pb_section et_pb_section--fixed et_section_regular et_block_section\"><div class=\"et_pb_row_1 et_pb_row et_block_row\"><div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p><a href=\"https:\/\/sherdin.art\" class=\"ill-sherdin-logo\"><br \/>\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sherdin.de\/wp-content\/uploads\/2025\/06\/SHERDIN-Logo.png\"\n       alt=\"sherdin\" width=\"90\" height=\"90\"><br \/>\n<\/a><\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_section_2 et_pb_section et_pb_section--fixed et_section_regular et_block_section\"><div class=\"et_pb_row_2 et_pb_row et_block_row\"><div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>Zur Zeit keine aktuellen Ausstellungen.<\/h2>\n<h2 lang=\"en\">No current exhibitions at the moment.<\/h2>\n<p class=\"copyright\">Ill Berlin Art Gallery ist powered &amp; curated by <a href=\"https:\/\/sherdin.art\" class=\"ill-link\">Sherdin Art<\/a>.<\/p>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_page_layout":"et_right_sidebar","_et_pb_side_nav":"off","footnotes":""},"class_list":["post-256536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/256536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/comments?post=256536"}],"version-history":[{"count":117,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/256536\/revisions"}],"predecessor-version":[{"id":258350,"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/pages\/256536\/revisions\/258350"}],"wp:attachment":[{"href":"https:\/\/sherdin.de\/en\/wp-json\/wp\/v2\/media?parent=256536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}