Text

<h2 style="white-space:pre-line;text-align:center">CV-Upload</h2>

Embed

<section class="cv-embed">
  <div class="cv-embed__inner">
    <iframe
      src="https://tally.so/r/mO69RR"
      title="CV Upload"
      loading="lazy"
      frameborder="0"
      scrolling="no"
      referrerpolicy="no-referrer"
      allow="clipboard-write"
      style="display:block;border:0;width:100%;height:3200px;">
    </iframe>
  </div>
</section>

<style>
  /* Seite normal scrollen lassen – keine globalen Zwangs-Overflows mehr */
  html, body { height:auto; overflow-y:auto; }

  /* Wrapper */
  .cv-embed { width:100%; }
  .cv-embed__inner {
    max-width:1100px;            /* gewünschte Inhaltsbreite (Desktop/Tablet) */
    margin:0 auto;               /* sauber zentriert */
    padding:0 16px;              /* Seitenabstand innerhalb der Breite */
    box-sizing:border-box;
  }

  /* Iframe füllt den Wrapper */
  .cv-embed__inner iframe {
    width:100%;
    display:block;
    border:0;
    height:3200px;               /* fixe Höhe, falls Auto-Resize nicht genutzt wird */
  }

  /* Smartphone: volle Breite (edge-to-edge), kein Padding */
  @media (max-width: 640px) {
    .cv-embed__inner {
      max-width:none;
      padding:0;
      width:100vw;
      /* bricht aus evtl. engen Eltern-Containern aus, ohne Desktop zu beeinflussen */
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
    }
    .cv-embed__inner iframe {
      height:3400px;             /* etwas mehr Höhe für Mobile */
    }
  }
</style>

<script>
  // Optional: Auto-Resize, falls Tally die Höhe per postMessage sendet
  // (schadet nicht, falls keine Messages kommen).
  (function () {
    const f = document.querySelector('.cv-embed__inner iframe');
    if (!f) return;
    window.addEventListener('message', function (e) {
      try {
        const data = typeof e.data === 'string' ? JSON.parse(e.data) : e.data;
        if (data?.type === 'tally:height' && Number.isFinite(+data?.height)) {
          f.style.height = Math.max(1200, +data.height + 50) + 'px';
        }
      } catch (_) {}
    });
  })();
</script>