http://localhost:1313/categories/linkedin-events/ Recent content in LinkedIn Events on Architecture, Construction, Real Estate and Investment (AEC&I) 🇨🇭 Hugo en Sun, 26 Apr 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-17/ Sun, 26 Apr 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-17/ <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <hr> <div class="lep-card" id="lep-1" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450951068886159361"> <button class="lep-header" aria-expanded="false" aria-controls="lep-1-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Allreal Holding AG Generalversammlung – board elections</div> <div class="lep-meta"> <span class="lep-institution">Allreal Group</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-1-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-2" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7451034927741059073"> <button class="lep-header" aria-expanded="false" aria-controls="lep-2-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Networking Event – strategy to AI-driven performance</div> <div class="lep-meta"> <span class="lep-institution">La Bella Consulting</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-2-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-3" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450121437635502080"> <button class="lep-header" aria-expanded="false" aria-controls="lep-3-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Bundeswettbewerb HolzbauPlus 2025/2026 award ceremony</div> <div class="lep-meta"> <span class="lep-institution">FORUM HOLZBAU</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-3-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-4" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7453397334505299969"> <button class="lep-header" aria-expanded="false" aria-controls="lep-4-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">33rd SOGI General Assembly</div> <div class="lep-meta"> <span class="lep-institution">SOGI (Swiss Organization for Geographic Information)</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-4-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-5" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7452806721166639105"> <button class="lep-header" aria-expanded="false" aria-controls="lep-5-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">NZZ Real Estate Dinner Zurich</div> <div class="lep-meta"> <span class="lep-institution">PEER PROPERTY PARTNERS</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-5-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-6" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450872430551670784"> <button class="lep-header" aria-expanded="false" aria-controls="lep-6-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">CAD &#43; AI Afterhours Zurich</div> <div class="lep-meta"> <span class="lep-institution">Jane van der Pol</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-6-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-7" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7445176954145714176"> <button class="lep-header" aria-expanded="false" aria-controls="lep-7-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Office visit LÜCHINGER MEYER PARTNER – engineering presentations</div> <div class="lep-meta"> <span class="lep-institution">Verein Masterreise der Bauingenieur:innen 2026</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-7-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-8" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7451934342282526720"> <button class="lep-header" aria-expanded="false" aria-controls="lep-8-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">BdCH General Assembly – board re-election Bauen digital Schweiz / buildingSMART Switzerland</div> <div class="lep-meta"> <span class="lep-institution"></span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-8-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-9" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7443061723248517120"> <button class="lep-header" aria-expanded="false" aria-controls="lep-9-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">BdCH General Assembly – board re-election</div> <div class="lep-meta"> <span class="lep-institution">Bauen digital Schweiz / buildingSMART Switzerland</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-9-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-10" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7452666907196862465"> <button class="lep-header" aria-expanded="false" aria-controls="lep-10-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Forum Zukunft Bauen 2026</div> <div class="lep-meta"> <span class="lep-institution">BETONSUISSE</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-10-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-11" data-url="https://www.linkedin.com/embed/feed/update/urn:li:activity:7452757050729656321"> <button class="lep-header" aria-expanded="false" aria-controls="lep-11-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">GIS Day 2026 presentation</div> <div class="lep-meta"> <span class="lep-institution">SBB CFF FFS</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-11-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-12" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7452722573425176576"> <button class="lep-header" aria-expanded="false" aria-controls="lep-12-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Swiss Real Estate Discussion – housing shortage solutions</div> <div class="lep-meta"> <span class="lep-institution">IMMOBILIEN Business</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-12-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-13" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7452646443862945792"> <button class="lep-header" aria-expanded="false" aria-controls="lep-13-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">zürich let’s talk 2026 conference</div> <div class="lep-meta"> <span class="lep-institution">Drees &amp; Sommer Schweiz</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-13-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-14" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7452628811503841281"> <button class="lep-header" aria-expanded="false" aria-controls="lep-14-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">FRZ ImmoSummit 2026 – “Vom Talent zum Champion”</div> <div class="lep-meta"> <span class="lep-institution">FRZ Flughafenregion Zürich – Wirtschaftsnetzwerk &amp; Standortentwicklung</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-14-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-15" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7453113283966038017"> <button class="lep-header" aria-expanded="false" aria-controls="lep-15-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Immo Monitoring Geneva 20th anniversary</div> <div class="lep-meta"> <span class="lep-institution">Wüest Partner</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-15-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-16" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7453039787948797952"> <button class="lep-header" aria-expanded="false" aria-controls="lep-16-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">BdCH Forum – digital construction research event</div> <div class="lep-meta"> <span class="lep-institution">HSLU – Digital Construction</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-16-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-17" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7453020439586660353"> <button class="lep-header" aria-expanded="false" aria-controls="lep-17-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">NZZ Real Estate Dinner premiere</div> <div class="lep-meta"> <span class="lep-institution">NZZ Connect</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-17-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-18" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7452979226229551104"> <button class="lep-header" aria-expanded="false" aria-controls="lep-18-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">NZZ Real Estate Dinner premiere NZZ Connect</div> <div class="lep-meta"> <span class="lep-institution">NZZ Connect</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-18-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-19" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7453085207034781696"> <button class="lep-header" aria-expanded="false" aria-controls="lep-19-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Hauer und Hummel event</div> <div class="lep-meta"> <span class="lep-institution">Circle - der Ort für zirkuläres Bauen</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-19-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-20" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7453346836955824128"> <button class="lep-header" aria-expanded="false" aria-controls="lep-20-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Exchange meeting</div> <div class="lep-meta"> <span class="lep-institution">Organisation Bauleitung Schweiz</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-20-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-21" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7453106184938491904"> <button class="lep-header" aria-expanded="false" aria-controls="lep-21-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">CAS Portfolio &amp; Corporate Real Estate Management start</div> <div class="lep-meta"> <span class="lep-institution">HWZ Hochschule für Wirtschaft Zürich AG</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-21-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-22" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7453087958808563712"> <button class="lep-header" aria-expanded="false" aria-controls="lep-22-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">SBB GIS Day 2026</div> <div class="lep-meta"> <span class="lep-institution">SBB CFF FFS</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-22-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-23" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7452713137734168576"> <button class="lep-header" aria-expanded="false" aria-controls="lep-23-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">SVIT Zurich Polit Stehlunch 2026</div> <div class="lep-meta"> <span class="lep-institution">SVIT Zürich</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-23-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="past-LinkedIn-events-newsletter"> <h2>📚 Past Weekly LinkedIn Post Selection</h2> <ul> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-16/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 16, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-15/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 15, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-14/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 14, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-13/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 13, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-12/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 12, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-11/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 11, 2026 </a> </li> </ul> </div> <h2 id=""> <a class="heading-link" href="#"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h2> <details> <summary>Copyright note</summary> <p>The following posts are embedded from LinkedIn using LinkedIn's official embed functionality, in accordance with LinkedIn's User Agreement. Content is served directly from LinkedIn's servers. No content is copied or stored on this site. All rights remain with the original authors. The views expressed belong to the respective authors and do not reflect the views of this website. This site is not affiliated with or endorsed by LinkedIn. If you are the author of an embedded post and wish it to be removed, please contact us.</p> http://localhost:1313/posts/events-linkedin-summary-week-16/ Sun, 19 Apr 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-16/ <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <hr> <div class="lep-card" id="lep-1" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7450788421524025344"> <button class="lep-header" aria-expanded="false" aria-controls="lep-1-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Energiekongress</div> <div class="lep-meta"> <span class="lep-institution">Energy Agency St. Gallen</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-1-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-2" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450111535076700160"> <button class="lep-header" aria-expanded="false" aria-controls="lep-2-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Innovation Zurich Event – economic future insights</div> <div class="lep-meta"> <span class="lep-institution">Amt für Wirtschaft, Kanton Zürich</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-2-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-3" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7449739466350657536"> <button class="lep-header" aria-expanded="false" aria-controls="lep-3-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">FRZ Generalversammlung 2026</div> <div class="lep-meta"> <span class="lep-institution">FRZ Flughafenregion Zürich</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-3-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-4" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450491079197560834"> <button class="lep-header" aria-expanded="false" aria-controls="lep-4-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Community event</div> <div class="lep-meta"> <span class="lep-institution">Surber Metallbau AG/Design Build Switzerland</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-4-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-5" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7443351917172305920"> <button class="lep-header" aria-expanded="false" aria-controls="lep-5-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">decarb Kick 2026 – climate startup workshop</div> <div class="lep-meta"> <span class="lep-institution">Belimo Climate Foundation</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-5-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-6" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7449822548667674625"> <button class="lep-header" aria-expanded="false" aria-controls="lep-6-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Circular economy discussion</div> <div class="lep-meta"> <span class="lep-institution">Holcim Schweiz / Suisse / Svizzera</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-6-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-7" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7449763674518360064"> <button class="lep-header" aria-expanded="false" aria-controls="lep-7-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">IPM Network Talks 2026 – project management event</div> <div class="lep-meta"> <span class="lep-institution">VELLOWS</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-7-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-8" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442488858371510272"> <button class="lep-header" aria-expanded="false" aria-controls="lep-8-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Baurecht aktuell – digital law conference</div> <div class="lep-meta"> <span class="lep-institution">Orell Füssli Juristische Medien</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-8-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-9" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7449735185371271168"> <button class="lep-header" aria-expanded="false" aria-controls="lep-9-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">FRZ Generalversammlung 2026</div> <div class="lep-meta"> <span class="lep-institution">FRZ Flughafenregion</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-9-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-10" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7449499829723873280"> <button class="lep-header" aria-expanded="false" aria-controls="lep-10-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">C33 Community Meeting</div> <div class="lep-meta"> <span class="lep-institution">Circular Construction Catalyst</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-10-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-11" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7449533437767614464"> <button class="lep-header" aria-expanded="false" aria-controls="lep-11-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Sustainable Buildings and Construction Summit 2026</div> <div class="lep-meta"> <span class="lep-institution">RICS/EPFL Centre/UN</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-11-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-12" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7448106421805572096"> <button class="lep-header" aria-expanded="false" aria-controls="lep-12-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Holzbau Forum 2026 VGQ Verband Gebäudequalität Schweiz</div> <div class="lep-meta"> <span class="lep-institution"></span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-12-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-13" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7449402287745175552"> <button class="lep-header" aria-expanded="false" aria-controls="lep-13-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Photovoltaik-Tagung Bern 2026</div> <div class="lep-meta"> <span class="lep-institution">Equans Switzerland</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-13-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-14" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7449404085503512576"> <button class="lep-header" aria-expanded="false" aria-controls="lep-14-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Klimaforum Zurich Climate Week 2026</div> <div class="lep-meta"> <span class="lep-institution">City of Zurich / Kraftwerk Zürich</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-14-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-15" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442527483884765185"> <button class="lep-header" aria-expanded="false" aria-controls="lep-15-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Swiss Real Estate Index event</div> <div class="lep-meta"> <span class="lep-institution">Wüest Partner / MSCI</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-15-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-16" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7449353325449207808"> <button class="lep-header" aria-expanded="false" aria-controls="lep-16-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">C33 Gipfeli</div> <div class="lep-meta"> <span class="lep-institution">C33 - Circular Construction Catalyst</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-16-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-17" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450211078371880960"> <button class="lep-header" aria-expanded="false" aria-controls="lep-17-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Forum BdCH</div> <div class="lep-meta"> <span class="lep-institution">Bauen digital Schweiz/buildingSMART Switzerland</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-17-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-18" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450081040850726912"> <button class="lep-header" aria-expanded="false" aria-controls="lep-18-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">Smart Building Management</div> <div class="lep-meta"> <span class="lep-institution">ZHAW</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-18-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-19" data-url="https://www.linkedin.com/embed/feed/update/urn:li:share:7449455611999588353"> <button class="lep-header" aria-expanded="false" aria-controls="lep-19-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">SNV General Assembly METAS visit</div> <div class="lep-meta"> <span class="lep-institution">Schweizerische Normen-Vereinigung</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-19-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-20" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7445381775977136128"> <button class="lep-header" aria-expanded="false" aria-controls="lep-20-content" tabindex="0"> <div class="lep-text"> <div class="lep-title">SwissPropTech Afterwork Bern – innovation &amp; networking</div> <div class="lep-meta"> <span class="lep-institution">Losinger Marazzi SA</span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-20-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-21" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450951068886159361"> <button class="lep-header" aria-expanded="false" aria-controls="lep-21-content" tabindex="0"> <div class="lep-text"> <div class="lep-title"></div> <div class="lep-meta"> <span class="lep-institution"></span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-21-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-22" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7451034927741059073"> <button class="lep-header" aria-expanded="false" aria-controls="lep-22-content" tabindex="0"> <div class="lep-text"> <div class="lep-title"></div> <div class="lep-meta"> <span class="lep-institution"></span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-22-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="lep-card" id="lep-23" data-url="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7450121437635502080"> <button class="lep-header" aria-expanded="false" aria-controls="lep-23-content" tabindex="0"> <div class="lep-text"> <div class="lep-title"></div> <div class="lep-meta"> <span class="lep-institution"></span> </div> </div> <div class="lep-right"> <span class="lep-badge">Event</span> <svg class="lep-chevron" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </button> <div class="lep-body-wrap" id="lep-23-content"> <div class="lep-body"> <div class="lep-placeholder"> <div class="lep-spinner" aria-hidden="true"></div> <span>Click to load LinkedIn post</span> </div> </div> </div> </div> <style> :root { --lep-bg: #ffffff; --lep-border: #e5e7eb; --lep-border-hover: #d1d5db; --lep-text: #111827; --lep-text-muted: #6b7280; --lep-badge-bg: #eff6ff; --lep-badge-text: #2563eb; --lep-focus: #3b82f6; --lep-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); --lep-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); --lep-radius: 12px; --lep-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .lep-card { background: var(--lep-bg); border: 1px solid var(--lep-border); border-radius: var(--lep-radius); box-shadow: var(--lep-shadow); margin: 1rem 0; overflow: hidden; transition: box-shadow var(--lep-transition), border-color var(--lep-transition); } .lep-card:hover { border-color: var(--lep-border-hover); box-shadow: var(--lep-shadow-hover); } .lep-header { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; background: transparent; border: none; cursor: pointer; gap: 16px; text-align: left; color: var(--lep-text); font-family: inherit; transition: background var(--lep-transition); -webkit-tap-highlight-color: transparent; } .lep-header:hover { background: #f9fafb; } .lep-header:focus-visible { outline: 2px solid var(--lep-focus); outline-offset: -2px; background: #f3f4f6; } .lep-title { font-size: 1.05rem; font-weight: 600; line-height: 1.4; } .lep-meta { font-size: 0.85rem; color: var(--lep-text-muted); margin-top: 4px; display: flex; align-items: center; gap: 6px; } .lep-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .lep-badge { font-size: 0.7rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--lep-badge-bg); color: var(--lep-badge-text); letter-spacing: 0.02em; text-transform: uppercase; } .lep-chevron { width: 20px; height: 20px; color: #9ca3af; transition: transform var(--lep-transition); } .lep-card.is-open .lep-chevron { transform: rotate(180deg); } .lep-body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--lep-transition); } .lep-card.is-open .lep-body-wrap { grid-template-rows: 1fr; } .lep-body { overflow: hidden; min-height: 0; } .lep-card.is-open .lep-body { border-top: 1px solid transparent; } .lep-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; color: var(--lep-text-muted); font-size: 0.9rem; min-height: 120px; transition: opacity 0.2s ease; } .lep-spinner { width: 24px; height: 24px; border: 2px solid #e5e7eb; border-top-color: var(--lep-badge-text); border-radius: 50%; animation: lep-spin 0.8s linear infinite; } @keyframes lep-spin { to { transform: rotate(360deg); } } .lep-iframe-wrap { max-width: 100%; margin: 0 auto; padding: 16px; position: relative; } .lep-iframe-wrap iframe { width: 100%; height: 500px; border: 1px solid var(--lep-border); border-radius: 10px; display: block; background: #f9fafb; opacity: 0; transition: opacity 0.3s ease; } @media (max-width: 640px) { .lep-header { padding: 14px 16px; gap: 12px; } .lep-title { font-size: 1rem; } .lep-iframe-wrap { padding: 12px; } .lep-iframe-wrap iframe { height: 400px; } } </style> <script> (function() { document.addEventListener('click', function(e) { const header = e.target.closest('.lep-header'); if (!header) return; e.preventDefault(); const card = header.closest('.lep-card'); const isOpen = card.classList.contains('is-open'); const body = card.querySelector('.lep-body'); const url = card.dataset.url; document.querySelectorAll('.lep-card.is-open').forEach(c => { if (c === card) return; c.classList.remove('is-open'); c.querySelector('.lep-header').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { card.classList.add('is-open'); header.setAttribute('aria-expanded', 'true'); let iframeWrap = body.querySelector('.lep-iframe-wrap'); if (!iframeWrap) { iframeWrap = document.createElement('div'); iframeWrap.className = 'lep-iframe-wrap'; iframeWrap.innerHTML = ` <iframe data-src="${url}" allowfullscreen title="LinkedIn Event Post" loading="lazy" ></iframe> `; body.appendChild(iframeWrap); } const iframe = iframeWrap.querySelector('iframe'); if (iframe && !iframe.src) { const placeholderSpan = body.querySelector('.lep-placeholder span'); if (placeholderSpan) placeholderSpan.textContent = 'Loading LinkedIn post…'; iframe.src = iframe.dataset.src; iframe.onload = function() { const placeholder = body.querySelector('.lep-placeholder'); if (placeholder) { placeholder.style.opacity = '0'; setTimeout(() => placeholder.remove(), 200); } iframe.style.opacity = '1'; }; } } else { card.classList.remove('is-open'); header.setAttribute('aria-expanded', 'false'); } }); })(); </script> <div class="past-LinkedIn-events-newsletter"> <h2>📚 Past Weekly LinkedIn Post Selection</h2> <ul> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-17/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 17, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-15/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 15, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-14/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 14, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-13/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 13, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-12/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 12, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-11/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 11, 2026 </a> </li> </ul> </div> <h2 id=""> <a class="heading-link" href="#"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h2> <details> <summary>Copyright note</summary> <p>The following posts are embedded from LinkedIn using LinkedIn's official embed functionality, in accordance with LinkedIn's User Agreement. Content is served directly from LinkedIn's servers. No content is copied or stored on this site. All rights remain with the original authors. The views expressed belong to the respective authors and do not reflect the views of this website. This site is not affiliated with or endorsed by LinkedIn. If you are the author of an embedded post and wish it to be removed, please contact us.</p> http://localhost:1313/posts/events-linkedin-summary-week-15/ Sat, 11 Apr 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-15/ <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <style> #accordion-1780314359831492500 { margin: 1.5rem 0; } #accordion-1780314359831492500 .acc-controls { display: flex; gap: 8px; margin-bottom: 1.25rem; } #accordion-1780314359831492500 .acc-controls button { padding: 6px 14px; font-weight: 500; background: transparent; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; cursor: pointer; letter-spacing: .01em; transition: background .15s, color .15s, border-color .15s; } #accordion-1780314359831492500 .acc-controls button:hover { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.25); } #accordion-1780314359831492500 .acc-item { border: 1px solid rgba(0,0,0,.1); border-radius: 12px; margin-bottom: 6px; overflow: hidden; transition: border-color .2s; } #accordion-1780314359831492500 .acc-item:hover { border-color: rgba(0,0,0,.18); } #accordion-1780314359831492500 .acc-item.is-open { border-color: rgba(0,0,0,.18); } #accordion-1780314359831492500 .acc-summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; cursor: pointer; gap: 12px; user-select: none; } #accordion-1780314359831492500 .acc-title { flex: 1; font-weight: 600; } #accordion-1780314359831492500 .acc-chevron { flex-shrink: 0; width: 20px; height: 20px; color: #999; transition: transform .22s cubic-bezier(.4,0,.2,1), color .2s; } #accordion-1780314359831492500 .acc-item.is-open .acc-chevron { transform: rotate(180deg); color: #555; } #accordion-1780314359831492500 .acc-body-wrap { overflow: hidden; max-height: 0; transition: max-height .28s cubic-bezier(.4,0,.2,1); } #accordion-1780314359831492500 .acc-item.is-open .acc-body-wrap { max-height: 2000px; } #accordion-1780314359831492500 .acc-body { border-top: 1px solid rgba(0,0,0,.07); padding: 14px 18px 18px; } </style> <div id="accordion-1780314359831492500"> <div class="acc-item" id="acc-1780314359831492500-0"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 0 )"> <span class="acc-title">Smart Building Management Group / ZHAW Institut Facility Management, Praxisorientierte Fachkonferenz: Optimierung im Betrieb </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7447646196908900352" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-1"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 1 )"> <span class="acc-title">Architektur und Handwerk: Eine Wiederannäherung? – Symposium </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442473715604340736" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-2"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 2 )"> <span class="acc-title">S&#43;B Informationsveranstaltung 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444370513642184705" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-3"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 3 )"> <span class="acc-title">IFMA Meets: Digital Retrofit by beyondBIM </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442487156012437504" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-4"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 4 )"> <span class="acc-title">OBS 𝗧𝗶𝗽𝗽𝘀 u. 𝗧𝗿𝗶𝗰𝗸𝘀 𝘃𝗼𝗻 𝗕𝗮𝘂𝗹𝗲𝗶𝘁𝗲𝗿𝗜𝗻𝗻𝗲𝗻 𝗳ü𝗿 𝗕𝗮𝘂𝗹𝗲𝗶𝘁𝗲𝗿𝗜𝗻𝗻𝗲𝗻 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7448335869096128512" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-5"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 5 )"> <span class="acc-title">FHNW 𝗙𝗮𝗰𝗵𝘀𝗲𝗺𝗶𝗻𝗮𝗿 «𝗥𝗮𝘂𝗺 𝘂𝗻𝗱 𝗚𝗲𝘀𝗲𝗹𝗹𝘀𝗰𝗵𝗮𝗳𝘁» </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7448374904904781824" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-6"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 6 )"> <span class="acc-title">PureGroup: Investoren-Lunch: Starkes Geschäftsjahr 2025 &amp; klarer Ausblick </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7448332139584143362" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-7"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 7 )"> <span class="acc-title">HSLU: Studienwoche zum Thema Immobilienbewertung </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7448326369614319617" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-8"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 8 )"> <span class="acc-title">VGQ Verband Gebäudequalität Schweiz Forum 26 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7448078642087284736" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-9"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 9 )"> <span class="acc-title">Community Day von opentransportdata.swiss </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7440078037506818048" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-10"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 10 )"> <span class="acc-title">Institut Digitales Bauen FHNW, Future Skills in der Baubranche – wohin geht die Reise? </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439965518062612480" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-11"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 11 )"> <span class="acc-title">Dalux User Day Zürich </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442570260169244672" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-12"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 12 )"> <span class="acc-title">ALLPLAN Schweiz AG, Infrastruktur Kongress 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7443218159873998848" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442919212701908994" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-13"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 13 )"> <span class="acc-title">ETH Zürich, Raumentwicklung, CAS ETH </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7442161436295876608" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-14"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 14 )"> <span class="acc-title">HSLU Hochschule Luzern / RICS, 2. Kaminabend zu «Globaler Marktausblick </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7441596874651897856" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> </div> <script> function accToggle(uid, i) { document.getElementById('acc-' + uid + '-' + i).classList.toggle('is-open'); } function accAll(uid, open) { document.querySelectorAll('#accordion-' + uid + ' .acc-item').forEach(function(el) { if (open) el.classList.add('is-open'); else el.classList.remove('is-open'); }); } </script> <div class="past-LinkedIn-events-newsletter"> <h2>📚 Past Weekly LinkedIn Post Selection</h2> <ul> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-17/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 17, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-16/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 16, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-14/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 14, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-13/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 13, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-12/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 12, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-11/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 11, 2026 </a> </li> </ul> </div> <h2 id=""> <a class="heading-link" href="#"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h2> <details> <summary>Copyright note</summary> <p>The following posts are embedded from LinkedIn using LinkedIn's official embed functionality, in accordance with LinkedIn's User Agreement. Content is served directly from LinkedIn's servers. No content is copied or stored on this site. All rights remain with the original authors. The views expressed belong to the respective authors and do not reflect the views of this website. This site is not affiliated with or endorsed by LinkedIn. If you are the author of an embedded post and wish it to be removed, please contact us.</p> http://localhost:1313/posts/events-linkedin-summary-week-14/ Sun, 05 Apr 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-14/ <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <hr> <style> #accordion-1780314359831492500 { margin: 1.5rem 0; } #accordion-1780314359831492500 .acc-controls { display: flex; gap: 8px; margin-bottom: 1.25rem; } #accordion-1780314359831492500 .acc-controls button { padding: 6px 14px; font-weight: 500; background: transparent; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; cursor: pointer; letter-spacing: .01em; transition: background .15s, color .15s, border-color .15s; } #accordion-1780314359831492500 .acc-controls button:hover { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.25); } #accordion-1780314359831492500 .acc-item { border: 1px solid rgba(0,0,0,.1); border-radius: 12px; margin-bottom: 6px; overflow: hidden; transition: border-color .2s; } #accordion-1780314359831492500 .acc-item:hover { border-color: rgba(0,0,0,.18); } #accordion-1780314359831492500 .acc-item.is-open { border-color: rgba(0,0,0,.18); } #accordion-1780314359831492500 .acc-summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; cursor: pointer; gap: 12px; user-select: none; } #accordion-1780314359831492500 .acc-title { flex: 1; font-weight: 600; } #accordion-1780314359831492500 .acc-chevron { flex-shrink: 0; width: 20px; height: 20px; color: #999; transition: transform .22s cubic-bezier(.4,0,.2,1), color .2s; } #accordion-1780314359831492500 .acc-item.is-open .acc-chevron { transform: rotate(180deg); color: #555; } #accordion-1780314359831492500 .acc-body-wrap { overflow: hidden; max-height: 0; transition: max-height .28s cubic-bezier(.4,0,.2,1); } #accordion-1780314359831492500 .acc-item.is-open .acc-body-wrap { max-height: 2000px; } #accordion-1780314359831492500 .acc-body { border-top: 1px solid rgba(0,0,0,.07); padding: 14px 18px 18px; } </style> <div id="accordion-1780314359831492500"> <div class="acc-item" id="acc-1780314359831492500-0"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 0 )"> <span class="acc-title">St. Gallen Real Estate Forum </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7447163369880510464" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442142184444858369" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7446231851184164864" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7445534129355399168" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7445852192256856064" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7444791848231071744" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7445009056647241728" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7444973052020338688" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444615051627593729" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440306865495953408" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7445829966010830849" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-1"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 1 )"> <span class="acc-title">Implenia Generalversammlung 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444759674505121792" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-2"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 2 )"> <span class="acc-title">Energiefachstellen Zentralschweiz </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7444354393614770176" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-3"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 3 )"> <span class="acc-title"> Belimo Climate Foundation Kick 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7443351917172305920" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444977138270748672" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-4"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 4 )"> <span class="acc-title">Weltenergierat Schweiz </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7442198535401279488" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-5"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 5 )"> <span class="acc-title">suisse.ing Weltenergierat Schweiz </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440412189074714624" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-6"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 6 )"> <span class="acc-title">SOGI 18. Spirgarten-Treffen </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7440703610826473472" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-7"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 7 )"> <span class="acc-title">Forum für digitales Planen und Bauen 2027 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444640038316949504" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-8"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 8 )"> <span class="acc-title"> SWEEP and Swisscom Business meeting </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444776867062169600" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-9"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 9 )"> <span class="acc-title">GEONIS UserClub Veranstaltung </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7438930130850217984" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-10"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 10 )"> <span class="acc-title">HSFL Forum 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444288454886141952" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-11"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 11 )"> <span class="acc-title"> S&#43;B Baumanagement Informationsverantaltung </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7444278473407287296" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-12"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 12 )"> <span class="acc-title">ZHAW World Café Eco Urbanism </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7438297200792793089" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-13"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 13 )"> <span class="acc-title">VGQ-Holzbau-Forum </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7440019907288932352" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-14"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 14 )"> <span class="acc-title">Bauen Digital Schweiz, &#34;Achtung, fertig, BIM&#34; </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7440321494297202689" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-15"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 15 )"> <span class="acc-title">SKI&#43; Online-Meet-up </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7445351940953313280" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> <div class="acc-item" id="acc-1780314359831492500-16"> <div class="acc-summary" onclick="accToggle('1780314359831492500', 16 )"> <span class="acc-title">OST ILF BIM-Grundlagen-Schulung </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7439330686324330496" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> </div> <script> function accToggle(uid, i) { document.getElementById('acc-' + uid + '-' + i).classList.toggle('is-open'); } function accAll(uid, open) { document.querySelectorAll('#accordion-' + uid + ' .acc-item').forEach(function(el) { if (open) el.classList.add('is-open'); else el.classList.remove('is-open'); }); } </script> <div class="past-LinkedIn-events-newsletter"> <h2>📚 Past Weekly LinkedIn Post Selection</h2> <ul> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-17/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 17, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-16/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 16, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-15/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 15, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-13/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 13, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-12/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 12, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-11/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 11, 2026 </a> </li> </ul> </div> <details> <summary>Copyright note</summary> <p>The following posts are embedded from LinkedIn using LinkedIn's official embed functionality, in accordance with LinkedIn's User Agreement. Content is served directly from LinkedIn's servers. No content is copied or stored on this site. All rights remain with the original authors. The views expressed belong to the respective authors and do not reflect the views of this website. This site is not affiliated with or endorsed by LinkedIn. If you are the author of an embedded post and wish it to be removed, please contact us.</p> http://localhost:1313/posts/events-linkedin-summary-week-13/ Sun, 29 Mar 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-13/ <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <hr> <h4 id="subscribe-and-never-miss-newsletter"> Subscribe and never miss newsletter! <a class="heading-link" href="#subscribe-and-never-miss-newsletter"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h4> <details style="background-color: #f3f4f6; border-radius: 5px; border: 1px solid #d1d5db;"> <summary style="color: #2563eb; font-weight: bold; cursor: pointer;"> <strong>Click to open</strong> </summary> <div style="margin: auto; margin-top: 10px;"> <p></p> http://localhost:1313/posts/events-linkedin-summary-week-12/ Sun, 22 Mar 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-12/ <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <hr> <style> #accordion-1780314359430534800 { margin: 1.5rem 0; } #accordion-1780314359430534800 .acc-controls { display: flex; gap: 8px; margin-bottom: 1.25rem; } #accordion-1780314359430534800 .acc-controls button { padding: 6px 14px; font-weight: 500; background: transparent; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; cursor: pointer; letter-spacing: .01em; transition: background .15s, color .15s, border-color .15s; } #accordion-1780314359430534800 .acc-controls button:hover { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.25); } #accordion-1780314359430534800 .acc-item { border: 1px solid rgba(0,0,0,.1); border-radius: 12px; margin-bottom: 6px; overflow: hidden; transition: border-color .2s; } #accordion-1780314359430534800 .acc-item:hover { border-color: rgba(0,0,0,.18); } #accordion-1780314359430534800 .acc-item.is-open { border-color: rgba(0,0,0,.18); } #accordion-1780314359430534800 .acc-summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; cursor: pointer; gap: 12px; user-select: none; } #accordion-1780314359430534800 .acc-title { flex: 1; font-weight: 600; } #accordion-1780314359430534800 .acc-chevron { flex-shrink: 0; width: 20px; height: 20px; color: #999; transition: transform .22s cubic-bezier(.4,0,.2,1), color .2s; } #accordion-1780314359430534800 .acc-item.is-open .acc-chevron { transform: rotate(180deg); color: #555; } #accordion-1780314359430534800 .acc-body-wrap { overflow: hidden; max-height: 0; transition: max-height .28s cubic-bezier(.4,0,.2,1); } #accordion-1780314359430534800 .acc-item.is-open .acc-body-wrap { max-height: 2000px; } #accordion-1780314359430534800 .acc-body { border-top: 1px solid rgba(0,0,0,.07); padding: 14px 18px 18px; } </style> <div id="accordion-1780314359430534800"> <div class="acc-item" id="acc-1780314359430534800-0"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 0 )"> <span class="acc-title"> Bank of America Property Tour in Zurich, PSP Swiss Property </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7439300557217005568" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-1"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 1 )"> <span class="acc-title">ETH Zürich Steel and Composite Structures: IABSE Young Engineers Mentorship Event </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7441222662724562944" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-2"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 2 )"> <span class="acc-title">Wincasa, Implenia: REM Swiss 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7440701859440422913" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-3"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 3 )"> <span class="acc-title">SOGI: 18. Spirgarten-Treffen </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7440703610826473472" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-4"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 4 )"> <span class="acc-title">C33 - Circular Construction Catalyst: Community Meeting </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7440288412202450944" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-5"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 5 )"> <span class="acc-title">suisse.ing: </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440412189074714624" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-6"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 6 )"> <span class="acc-title">IMPLENIA COMPLIANCE DAY 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440314352068390912" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-7"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 7 )"> <span class="acc-title">GDI Gottlieb Duttweiler Institute: PropertyCom Senior Executive Konferenz </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440083757832982529" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-8"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 8 )"> <span class="acc-title">Luzerner Kantonalbank: Luzerner Immobilienmarkt </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440296343899766784" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-9"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 9 )"> <span class="acc-title">FHNW: Future Skills in der Baubranche – wohin geht die Reise? </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439965518062612480" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-10"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 10 )"> <span class="acc-title">Mitgliederversammlung der Group of Fifteen </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7440020881264885760" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-11"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 11 )"> <span class="acc-title">HSLU- Digital Construction: Bachelor InfoEvent </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439992004303958016" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-12"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 12 )"> <span class="acc-title">2nd Zurich–Oxford Doctoral Symposium on Real Estate Markets </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439994575244488704" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-13"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 13 )"> <span class="acc-title">Kickoff meeting: ULI Mentoring Programme 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7439972256958562305" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-14"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 14 )"> <span class="acc-title">FHNW Baustelle Besuchen zu KIBA, ALLReal </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7439932722233425920" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-15"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 15 )"> <span class="acc-title">Bauen digital Schweiz: Forum BdCH/bSCH </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7434877860156387328" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-16"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 16 )"> <span class="acc-title">23. buildingSMART, 13.05.2026. </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439632968807014401" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-17"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 17 )"> <span class="acc-title">BauRockstars/VYZN: KI in der Planung webinar </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439749175941959680" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-18"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 18 )"> <span class="acc-title">SBB Real Estate: CFF Immobilier au Salon REM 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439346571202285568" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-19"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 19 )"> <span class="acc-title">ETH Zurich - Chair of Sustainable Construction: Re-/Source the Built Environment lecture series </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439678362031144960" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-20"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 20 )"> <span class="acc-title">digitalBau in Koeln </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7439573621502599168" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359430534800-21"> <div class="acc-summary" onclick="accToggle('1780314359430534800', 21 )"> <span class="acc-title">Forum der FAN Fachleute Naturgefahren 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7439192057035890688" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> </div> <script> function accToggle(uid, i) { document.getElementById('acc-' + uid + '-' + i).classList.toggle('is-open'); } function accAll(uid, open) { document.querySelectorAll('#accordion-' + uid + ' .acc-item').forEach(function(el) { if (open) el.classList.add('is-open'); else el.classList.remove('is-open'); }); } </script> <hr> <div class="past-LinkedIn-events-newsletter"> <h2>📚 Past Weekly LinkedIn Post Selection</h2> <ul> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-17/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 17, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-16/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 16, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-15/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 15, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-14/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 14, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-13/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 13, 2026 </a> </li> <li> <a href="http://localhost:1313/posts/events-linkedin-summary-week-11/"> Swiss AEC&amp;I Events - Weekly LinkedIn Post Selection – Week 11, 2026 </a> </li> </ul> </div> <h4 id="notes"> Notes <a class="heading-link" href="#notes"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h4> <ul> <li>Turn off &lsquo;Ehanced Tracking Protection&rsquo; in Firefox</li> </ul> <h4 id="copyright-note"> Copyright note <a class="heading-link" href="#copyright-note"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h4> <p class="linkedin-note"> The following posts are embedded from LinkedIn using LinkedIn's official embed functionality, in accordance with LinkedIn's User Agreement. Content is served directly from LinkedIn's servers. No content is copied or stored on this site. All rights remain with the original authors. The views expressed belong to the respective authors and do not reflect the views of this website. This site is not affiliated with or endorsed by LinkedIn. If you are the author of an embedded post and wish it to be removed, please contact us. </p> http://localhost:1313/posts/events-linkedin-summary-week-11/ Sun, 15 Mar 2026 00:00:00 +0000 http://localhost:1313/posts/events-linkedin-summary-week-11/ <hr> <div class="share-buttons"> <span>Share:</span> <a href="#" onclick="copyToClipboard(window.location.href); return false;" title="Copy link"> <i class="fas fa-link"></i> </a> <a href="#" onclick="window.location.href = 'mailto:?subject=Check%20this%20out&body=Here%27s%20the%20link%3A%20' + encodeURIComponent(window.location.href); return false;"> <i class="fas fa-envelope"></i> </a> <a href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-linkedin-in" style="color:#0077B5;"></i> </a> <a href="#" onclick="window.open('https://api.whatsapp.com/send?text=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-whatsapp" style="color:#25D366;"></i> </a> <a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href), '_blank'); return false;"> <i class="fab fa-facebook-f" style="color:#3b5998;"></i> </a> <a href="#" onclick="window.open('https://www.instagram.com/', '_blank'); return false;"> <i class="fab fa-instagram" style="color:#E4405F;"></i> </a> </div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { var message = document.createElement("span"); message.textContent = "Link copied!"; message.style.position = "fixed"; message.style.bottom = "20px"; message.style.left = "50%"; message.style.transform = "translateX(-50%)"; message.style.backgroundColor = "#333"; message.style.color = "#fff"; message.style.padding = "8px 12px"; message.style.borderRadius = "5px"; message.style.fontSize = "14px"; message.style.zIndex = "1000"; document.body.appendChild(message); setTimeout(function() { document.body.removeChild(message); }, 2000); }).catch(function(err) { console.error('Could not copy text: ', err); }); } </script> <style> #accordion-1780314359422210500 { margin: 1.5rem 0; } #accordion-1780314359422210500 .acc-controls { display: flex; gap: 8px; margin-bottom: 1.25rem; } #accordion-1780314359422210500 .acc-controls button { padding: 6px 14px; font-weight: 500; background: transparent; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; cursor: pointer; letter-spacing: .01em; transition: background .15s, color .15s, border-color .15s; } #accordion-1780314359422210500 .acc-controls button:hover { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.25); } #accordion-1780314359422210500 .acc-item { border: 1px solid rgba(0,0,0,.1); border-radius: 12px; margin-bottom: 6px; overflow: hidden; transition: border-color .2s; } #accordion-1780314359422210500 .acc-item:hover { border-color: rgba(0,0,0,.18); } #accordion-1780314359422210500 .acc-item.is-open { border-color: rgba(0,0,0,.18); } #accordion-1780314359422210500 .acc-summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; cursor: pointer; gap: 12px; user-select: none; } #accordion-1780314359422210500 .acc-title { flex: 1; font-weight: 600; } #accordion-1780314359422210500 .acc-chevron { flex-shrink: 0; width: 20px; height: 20px; color: #999; transition: transform .22s cubic-bezier(.4,0,.2,1), color .2s; } #accordion-1780314359422210500 .acc-item.is-open .acc-chevron { transform: rotate(180deg); color: #555; } #accordion-1780314359422210500 .acc-body-wrap { overflow: hidden; max-height: 0; transition: max-height .28s cubic-bezier(.4,0,.2,1); } #accordion-1780314359422210500 .acc-item.is-open .acc-body-wrap { max-height: 2000px; } #accordion-1780314359422210500 .acc-body { border-top: 1px solid rgba(0,0,0,.07); padding: 14px 18px 18px; } </style> <div id="accordion-1780314359422210500"> <div class="acc-item" id="acc-1780314359422210500-0"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 0 )"> <span class="acc-title">2026 Future of Construction Symposium </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7429541105198751744" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-1"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 1 )"> <span class="acc-title">BauingenieurinnenFORUM 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7432371879375646720" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7436429278340337664" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-2"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 2 )"> <span class="acc-title">Real Estate Symposium 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7438928859766542337" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-3"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 3 )"> <span class="acc-title">Immo Dialog Ost 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7432442785389101056" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7433055071636004865?collapsed=1" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-4"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 4 )"> <span class="acc-title"> Ersten Community Day von opentransportdata.swiss </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7427647813645230081?collapsed=1" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-5"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 5 )"> <span class="acc-title">Implenia FACHTAGUNG DIGITALES BAUEN 2026 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7426640553452277761" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-6"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 6 )"> <span class="acc-title">GeoBeer 52 </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7437995738535493632" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> <hr> </div> </div> </div> <div class="acc-item" id="acc-1780314359422210500-7"> <div class="acc-summary" onclick="accToggle('1780314359422210500', 7 )"> <span class="acc-title">Flughafenregion Zürich - Wirtschaftsnetzwerk &amp; Standortentwicklung - Jahres report </span> <svg class="acc-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M5 7.5l5 5 5-5"/> </svg> </div> <div class="acc-body-wrap"> <div class="acc-body"> <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7437442577672482816" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> </div> </div> </div> </div> <script> function accToggle(uid, i) { document.getElementById('acc-' + uid + '-' + i).classList.toggle('is-open'); } function accAll(uid, open) { document.querySelectorAll('#accordion-' + uid + ' .acc-item').forEach(function(el) { if (open) el.classList.add('is-open'); else el.classList.remove('is-open'); }); } </script> <div style="display:flex; justify-content:center; margin-top:20px;"> <button id="formModal-1780314359422210500-btn" onclick="openForm('formModal-1780314359422210500')" style="background:#2563eb;color:white;padding:12px 20px;border:none;border-radius:6px;cursor:pointer; transition: background 0.3s, transform 0.2s;"> Keinen Newsletter verpassen? Hier zur AEC&amp;I-Kontaktliste anmelden. </button> </div> <div id="formModal-1780314359422210500" style="display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); align-items:center; justify-content:center;"> <div style="background:white; padding:20px; width:90%; max-width:900px; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.2);"> <span onclick="closeForm('formModal-1780314359422210500')" style="float:right; cursor:pointer; font-size:24px;">&times;</span> <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfZbZ9yuklTFzCk9bDb6vU7sc2fhllMwfxVFNfUBNUGf_Yjag/viewform?embedded=true" width="100%" height="800" frameborder="0"> </iframe> </div> </div> <script> function openForm(id) { const modal = document.getElementById(id); modal.style.display = "flex"; } function closeForm(id) { document.getElementById(id).style.display = "none"; } const btn = document.getElementById('formModal-1780314359422210500-btn'); btn.addEventListener('mouseenter', () => { btn.style.background = '#1d4ed8'; btn.style.transform = 'scale(1.05)'; }); btn.addEventListener('mouseleave', () => { btn.style.background = '#2563eb'; btn.style.transform = 'scale(1)'; }); </script> <!-- <div class="li-embed-wrap" style="max-width:552px; margin: 2rem auto;"> <div class="li-embed-frame"> <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:activity:7437835524972630016" width="100%" height="570" frameborder="0" allowfullscreen title="LinkedIn post" loading="lazy" style="border:none; border-radius:8px; display:block;" ></iframe> </div> </div> --> <p class="linkedin-note"> The following posts are embedded from LinkedIn using LinkedIn's official embed functionality, in accordance with LinkedIn's User Agreement. Content is served directly from LinkedIn's servers. No content is copied or stored on this site. All rights remain with the original authors. The views expressed belong to the respective authors and do not reflect the views of this website. This site is not affiliated with or endorsed by LinkedIn. If you are the author of an embedded post and wish it to be removed, please contact us. </p>