<script>
  document.addEventListener("DOMContentLoaded", function () {
    fetch('https://kampagnenreiter.de/wp-content/json/1-Erstgespraech/1-Erstgespraech.json')
      .then(response => {
        if (!response.ok) {
          throw new Error('Netzwerkantwort war nicht ok');
        }
        return response.json();
      })
      .then(data => {
        const container = document.getElementById("json-list");
        data.forEach(item => {
          const el = document.createElement("div");
          el.className = "json-item";
          el.innerHTML = `
            <strong>${item.titel || 'Kein Titel'}</strong><br>
            ${item.beschreibung || 'Keine Beschreibung'}
          `;
          container.appendChild(el);
        });
      })
      .catch(error => {
        console.error('Fehler beim Laden der JSON-Datei:', error);
      });
  });
</script>