<!-- ============================================
     POPUP: STANDARD TAG — TEXT + VIDEO
     ============================================ -->
<section class="popup-day popup-3part">

  <!-- HEADER + BUTTONS -->
  <div class="popup-header">
    <h2><!-- TITEL DES TAGES --></h2>

    <div class="popup-tools">
      <button id="btn-font-toggle">Aa ↔ &#x1D49C;</button>
      <button id="btn-font-up">A+</button>
      <button id="btn-font-down">A−</button>
    </div>
  </div>

  <div class="popup-body">

    <!-- TEXT -->
    <div class="story">
      <!-- DEIN TEXT -->
    </div>

    <!-- VIDEO -->
    <div class="addon addon-video-wrapper">
      <video
        class="addon-video"
        controls
        loop
        playsinline
        preload="auto"
        poster="/2025/assets/images/1366/jpeg/Basisbild.jpeg"
      >

        <!-- WEBM -->
        <source src="/2025/assets/videos/nHD/webm/VID.webm" type="video/webm" media="(max-width: 640px)">
        <source src="/2025/assets/videos/FWVGA/webm/VID.webm" type="video/webm" media="(max-width: 854px)">
        <source src="/2025/assets/videos/qHD/webm/VID.webm" type="video/webm" media="(max-width: 960px)">
        <source src="/2025/assets/videos/HD/webm/VID.webm" type="video/webm" media="(max-width: 1280px)">
        <source src="/2025/assets/videos/HDplus/webm/VID.webm" type="video/webm" media="(max-width: 1600px)">
        <source src="/2025/assets/videos/FullHD/webm/VID.webm" type="video/webm" media="(max-width: 1920px)">
        <source src="/2025/assets/videos/1440p/webm/VID.webm" type="video/webm" media="(max-width: 2560px)">
        <source src="/2025/assets/videos/4K/webm/VID.webm" type="video/webm" media="(min-width: 2561px)">

        <!-- MP4 -->
        <source src="/2025/assets/videos/nHD/mp4/VID.mp4" type="video/mp4" media="(max-width: 640px)">
        <source src="/2025/assets/videos/FWVGA/mp4/VID.mp4" type="video/mp4" media="(max-width: 854px)">
        <source src="/2025/assets/videos/qHD/mp4/VID.mp4" type="video/mp4" media="(max-width: 960px)">
        <source src="/2025/assets/videos/HD/mp4/VID.mp4" type="video/mp4" media="(max-width: 1280px)">
        <source src="/2025/assets/videos/HDplus/mp4/VID.mp4" type="video/mp4" media="(max-width: 1600px)">
        <source src="/2025/assets/videos/FullHD/mp4/VID.mp4" type="video/mp4" media="(max-width: 1920px)">
        <source src="/2025/assets/videos/1440p/mp4/VID.mp4" type="video/mp4" media="(max-width: 2560px)">
        <source src="/2025/assets/videos/4K/mp4/VID.mp4" type="video/mp4" media="(min-width: 2561px)">

        Dein Browser unterstützt dieses Video nicht.
      </video>
    </div>

  </div>
</section>