https://www.lohn.at/wp-content/themes/gipfelgold-s-1731-child/assets/js/gg-hero-diagonal.js

1(() => {
2  const start = () => {
3    const heroRow = document.getElementById('hero-row');
4    const svgs = document.querySelectorAll('.hero-diagonal-bars');
5    if (!heroRow || svgs.length === 0) return;
6
7    let last = 0;
8    const apply = () => {
9      const h = Math.round(heroRow.getBoundingClientRect().height || heroRow.offsetHeight || 0);
10      if (!h || h === last) return;
11
12      svgs.forEach(el => {
13        el.style.height = h + 'px';                                // direkter Fallback
14        el.style.setProperty('--hero-diagonal-height', h + 'px');  // für CSS-Var
15      });
16      last = h;
17    };
18
19    apply();
20    window.addEventListener('load', apply, { once: true });
21
22    let t;
23    window.addEventListener('resize', () => { clearTimeout(t); t = setTimeout(apply, 100); });
24
25    if ('ResizeObserver' in window) new ResizeObserver(apply).observe(heroRow);
26    if (document.fonts && document.fonts.ready) document.fonts.ready.then(apply).catch(() => {});
27  };
28
29  if (document.readyState === 'loading') {
30    document.addEventListener('DOMContentLoaded', start, { once: true });
31  } else {
32    start();
33  }
34})();