Embed

<div style="width:100%; display:flex; justify-content:center; padding:24px 0;">
  <div style="width:min(980px, 100%); padding:0 16px;">
    <iframe
      id="tw24SurveyFrame"
      src="https://cedricostermann-ship-it.github.io/stromangebot/?v=20260107-59"
      style="width:100%; height:420px; border:1px solid rgba(0,0,0,.12); border-radius:18px; background:#fff; display:block; overflow:hidden;"
      loading="eager"
      title="Tarifwechsel24 Quiz"
    ></iframe>
  </div>
</div>

<script>
  (function () {
    const frame = document.getElementById("tw24SurveyFrame");
    if (!frame) return;

    let last = 0;

    function setHeight(h) {
      // ✅ realistische Grenzen: Step 1 klein, Step 4 größer, aber niemals "riesig"
      const next = Math.max(340, Math.min(980, Math.round(h) + 10));

      // ✅ wenn plötzlich 300+ px größer ohne Grund -> ignorieren (Bug-Height)
      if (last && next > last + 320) return;

      if (Math.abs(next - last) < 4) return;
      last = next;
      frame.style.height = next + "px";
    }

    window.addEventListener("message", (event) => {
      if (!event.data || event.data.type !== "TW24_HEIGHT") return;
      const h = Number(event.data.height);
      if (!h || h < 260) return;
      if (h > 1400) return; // ✅ harte Bug-Grenze
      setHeight(h);
    });

    // ✅ iOS: aktiv pingen
    function ping() {
      try { frame.contentWindow && frame.contentWindow.postMessage({ type:"TW24_PING" }, "*"); } catch(e){}
    }

    frame.addEventListener("load", () => {
      ping(); setTimeout(ping, 200); setTimeout(ping, 800);
    });

    setTimeout(ping, 600);
  })();
</script>


Häufig gestellte Fragen