window.addEventListener?window.addEventListener("load",loadBadge,!1):window.attachEvent&&window.attachEvent("onload",loadBadge); function loadBadge(){ var myShopID = 9576; var myBadgetType = 1; var myLanguage = 'DE'; var mySrc = ('https:' === document.location.protocol ? 'https' : 'http'); createRBadge(myShopID, myBadgetType, mySrc);}

(function(){ 'use strict'; if(!document.getElementById('bh-instagram-style')){ const sheet=document.createElement('style'); sheet.id='bh-instagram-style'; sheet.textContent="\n.bh-instagram{margin:0;color:#000;font-family:-apple-system,BlinkMacSystemFont,Roboto,\"Open Sans\",\"Helvetica Neue\",sans-serif;font-size:14px;line-height:18px}\n.bh-instagram *{box-sizing:border-box}\n.bh-ig-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}\n.bh-ig-card{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#fff;color:#fff!important;text-decoration:none!important;border:0;border-radius:0}\n.bh-ig-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s}\n.bh-ig-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#009fe3;color:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}\n.bh-ig-content{width:80%;max-height:80%;text-align:center;transform:translateY(10%);transition:transform .3s}\n.bh-ig-caption{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:84px;margin:12% 0 0!important;padding:0!important;color:#fff!important;font:inherit!important;font-size:14px!important;line-height:21px!important;text-align:center}\n.bh-ig-content::after{content:'···';display:block;line-height:1;font-size:18px;color:#fff}\n.bh-ig-card:hover .bh-ig-overlay,.bh-ig-card:focus-visible .bh-ig-overlay{opacity:1;visibility:visible}\n.bh-ig-card:hover .bh-ig-content,.bh-ig-card:focus-visible .bh-ig-content{transform:translateY(0)}\n.bh-ig-card:hover img,.bh-ig-card:focus-visible img{transform:scale(1.1);filter:grayscale(1)}\n.bh-ig-card:focus-visible{outline:3px solid #009fe3;outline-offset:-3px}\n.bh-ig-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;color:#fff;filter:drop-shadow(0 1px 2px #0006);transition:opacity .3s}\n.bh-ig-badge svg{display:block;width:100%;height:100%;fill:currentColor}\n.bh-ig-card:hover .bh-ig-badge,.bh-ig-card:focus-visible .bh-ig-badge{opacity:0}\n.bh-ig-status{text-align:center;color:#666;margin:16px 0}\n.bh-ig-status[hidden]{display:none}\n@media(max-width:900px){.bh-ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media(max-width:600px){.bh-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-ig-caption{font-size:13px!important;line-height:18px!important;max-height:72px}}\n@media(prefers-reduced-motion:reduce){.bh-instagram *{transition:none!important}}\n"; document.head.appendChild(sheet); } const endpoint='https://www.bort-herkert.de/instagram-feed/feed.php'; function init(root){ if(root.dataset.bhReady)return;root.dataset.bhReady='1'; const grid=root.querySelector('.bh-ig-grid'),status=root.querySelector('.bh-ig-status'); const controller=new AbortController(),timer=setTimeout(()=>controller.abort(),12000); fetch(endpoint,{credentials:'omit',referrerPolicy:'no-referrer',signal:controller.signal}) .then(r=>{if(!r.ok)throw Error('feed');return r.json();}) .then(data=>{ if(!Array.isArray(data.posts))throw Error('format'); const fragment=document.createDocumentFragment();let count=0; data.posts.slice(0,10).forEach(post=>{ let link,image;try{link=new URL(post.permalink);image=new URL(post.image);}catch(e){return;} if(link.protocol!=='https:'||!['instagram.com','www.instagram.com'].includes(link.hostname)||link.username||link.password)return; const expected=new URL(endpoint);if(image.origin!==expected.origin||image.pathname!==expected.pathname||image.username||image.password||!/^image=[a-f0-9]{64}\.(jpg|png|webp)$/.test(image.search.slice(1)))return; const a=document.createElement('a');a.className='bh-ig-card';a.href=link.href;a.target='_blank';a.rel='noopener noreferrer';a.setAttribute('aria-label','Instagram-Beitrag öffnen'); const caption=typeof post.caption==='string'?post.caption:''; const img=document.createElement('img');img.src=image.href;img.alt=caption.slice(0,180)||'Instagram-Beitrag von Bort & Herkert';img.loading='lazy';img.decoding='async';img.width=640;img.height=640;a.appendChild(img); if(post.type==='VIDEO'||post.type==='CAROUSEL_ALBUM'){const badge=document.createElement('span');badge.className='bh-ig-badge';badge.setAttribute('aria-label',post.type==='VIDEO'?'Video':'Mehrere Bilder');const ns='http://www.w3.org/2000/svg';const svg=document.createElementNS(ns,'svg');svg.setAttribute('viewBox','0 0 24 24');svg.setAttribute('aria-hidden','true');const path=document.createElementNS(ns,'path');path.setAttribute('d',post.type==='VIDEO'?'M4 3h16v18H4z M10 8v8l6-4z':'M7 2h15v15H7z M2 7h3v12h12v3H2z');svg.appendChild(path);badge.appendChild(svg);a.appendChild(badge);} const text=document.createElement('p');text.className='bh-ig-caption';text.textContent=caption.replace(/\s+/g,' ').trim()||'Beitrag auf Instagram ansehen';const overlay=document.createElement('span');overlay.className='bh-ig-overlay';overlay.setAttribute('aria-hidden','true');const content=document.createElement('span');content.className='bh-ig-content';content.appendChild(text);overlay.appendChild(content);a.appendChild(overlay);fragment.appendChild(a);count++; }); grid.replaceChildren(fragment);status.hidden=count>0;if(!count)status.textContent='Unsere Beiträge findest du auf Instagram.'; }).catch(()=>{status.textContent='Unsere aktuellen Beiträge findest du auf Instagram.';}) .finally(()=>clearTimeout(timer)); } function run(){document.querySelectorAll('.bh-instagram').forEach(init);} if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run);else run(); })();