Text

<h1 style="white-space:pre-line;text-align:center">Galerie</h1>

Embed

<div class="pb-wrap">
  <div class="pb-embed bordered">
    <iframe
      src="https://www.playbook.com/e/zahovmedia/AU9FrVaSBKo2nprqWhY6ztug?theme=gallery&assetNumber=3&displaySize=medium"
      title="31.10.2025 YOU - Halloween Party - Playbook.com"
      loading="lazy"
      sandbox="allow-same-origin allow-scripts"
      allowfullscreen
    ></iframe>
  </div>
</div>


<style>
  /* Outer background + width behavior */
  .pb-wrap {
    background: #196373;
    width: clamp(320px, 92vw, 1400px); /* same 1400px cap */
    margin: 0 auto;
    padding: clamp(8px, 2vw, 20px);
    border-radius: 14px;
  }

  /* Portrait 9:16 container */
  .pb-embed {
    position: relative;
    aspect-ratio: 9 / 16;    /* <-- changed to portrait */
    background: #196373;
    overflow: hidden;
    border-radius: 10px;
  }

  /* Visible border */
  .pb-embed.bordered {
    border: 2px solid #196373;
    box-shadow: 0 6px 24px rgba(0,0,0,.18);
  }

  .pb-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  /* Fallback for very old browsers (no aspect-ratio support) */
  @supports not (aspect-ratio: 1 / 1) {
    .pb-embed { padding-top: 177.7778%; }   /* 16/9 * 100% */
    .pb-embed iframe { position: absolute; inset: 0; height: 100%; }
  }

  /* Optional: a touch wider on ultra-wide displays */
  @media (min-width: 1600px) {
    .pb-wrap { width: min(90vw, 1400px); }  /* still capped at 1400px */
  }
</style>

Galerie

Unsere Sponsoren