ID des jeweiligen Iframes nehmen.
Wenn Lightbox offen = Header + Footer auf display: none setzen.
JavaScript
// Warte bis iframe im DOM verfügbar ist
const checkIframe = setInterval(() => {
const iframe = document.getElementById('hci-frame-1013-0');
// iframe noch nicht geladen → weiter warten
if (!iframe) return;
// Beobachte style-Änderungen am iframe
const observer = new MutationObserver(() => {
// autoscout24 setzt position:fixed wenn Lightbox offen ist
const isLightbox = iframe.style.position === 'fixed';
// Header und Footer ein-/ausblenden
document.querySelectorAll('header, footer').forEach(el => {
el.style.display = isLightbox ? 'none' : '';
});
});
observer.observe(iframe, {
attributes: true,
attributeFilter: ['style'] // nur style-Attribut beobachten
});
// iframe gefunden → interval nicht mehr nötig
clearInterval(checkIframe);
}, 300); // alle 300ms prüfen