<header class="site-header"> <nav aria-label="Hauptmenü">…</nav> </header> <section class="hero"> <h1 data-reveal>Dein Angebot</h1> <a class="btn" href="/kontakt/"> // Elemente beim Scrollen einblenden const io = new IntersectionObserver( e => e.forEach(reveal), { threshold: .4 }); fetch('/api/wp/v2/pages') .then(r => r.json()) .then(render); /* WordPress: eigener Inhaltstyp */ add_action('init', 'e83_projekte'); @media (max-width: 760px) { .grid { grid-template-columns: 1fr; } } <img loading="lazy" alt="Team"> await crm.create({ name, mail, thema }); // LCP 1,7 s · CLS 0,02 </section> <header class="site-header"> <nav aria-label="Hauptmenü">…</nav> </header> <section class="hero"> <h1 data-reveal>Dein Angebot</h1> <a class="btn" href="/kontakt/"> // Elemente beim Scrollen einblenden const io = new IntersectionObserver( e => e.forEach(reveal), { threshold: .4 }); fetch('/api/wp/v2/pages') .then(r => r.json()) .then(render); /* WordPress: eigener Inhaltstyp */ add_action('init', 'e83_projekte'); @media (max-width: 760px) { .grid { grid-template-columns: 1fr; } } <img loading="lazy" alt="Team"> await crm.create({ name, mail, thema }); // LCP 1,7 s · CLS 0,02 </section> <header class="site-header"> <nav aria-label="Hauptmenü">…</nav> </header> <section class="hero"> <h1 data-reveal>Dein Angebot</h1> <a class="btn" href="/kontakt/"> // Elemente beim Scrollen einblenden const io = new IntersectionObserver( e => e.forEach(reveal), { threshold: .4 }); fetch('/api/wp/v2/pages') .then(r => r.json()) .then(render); /* WordPress: eigener Inhaltstyp */ add_action('init', 'e83_projekte'); @media (max-width: 760px) { .grid { grid-template-columns: 1fr; } } <img loading="lazy" alt="Team"> await crm.create({ name, mail, thema }); // LCP 1,7 s · CLS 0,02 </section>