<turbo-stream action="append" target="posts"><template>
    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Der Top-Favorit unter den Bitcoin Minern" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2024/01/22.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Bitcoin
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Bitcoin</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/top-favorit-unter-den-bitcoin-minern">Der Top-Favorit unter den Bitcoin Minern</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Das Jahr 2024 verspricht ein spannendes Jahr für Bitcoin zu werden, in dem vor allem die Bitcoin-Miner stark profitieren könnten. Hierzu wollen wir Ihnen die...</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Nicola Hahn" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos17023-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Nicola Hahn</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2024-01-04T14:13:31Z">
             4. Januar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/top-favorit-unter-den-bitcoin-minern">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Ohne Zinn geht nichts!" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2023/12/Zinn-geht-alles.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Rohstoffe
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Rohstoffe</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/ohne-zinn-geht-nichts">Ohne Zinn geht nichts!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der strategisch wichtige Rohstoff kann durch die &quot;Grüne Wende&quot; gewaltige Chancen für den Anleger bieten. Unsere Einschätzung.</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Tobias Neuert" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos16865-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Tobias Neuert</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2023-12-14T19:08:43Z">
            14. Dezember 2023
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/ohne-zinn-geht-nichts">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Attraktiver Zinnproduzent in der westlichen Welt" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2023/12/Metals-x.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Rohstoffe
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Rohstoffe</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/attraktiver-zinnproduzent-in-der-westlichen-welt">Attraktiver Zinnproduzent in der westlichen Welt</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">In dieser Analyse stellen wir einen hochqualitativen Zinnproduzenten vor, der vielversprechende Chancen birgt. Wann lohnt sich der Einstieg?</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Tobias Neuert" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos16865-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Tobias Neuert</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2023-12-14T19:08:33Z">
            14. Dezember 2023
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/attraktiver-zinnproduzent-in-der-westlichen-welt">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Die herausragendste Zinnmine der Welt?" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2023/12/Alphamin.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Rohstoffe
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Rohstoffe</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/die-herausragendste-zinnmine-der-welt">Die herausragendste Zinnmine der Welt?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Dieser Zinnproduzent hat geologisch einzigartige Bedingungen. Wir sehen hier eine attraktive Aktie für das Zinnportfolio.</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Tobias Neuert" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos16865-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Tobias Neuert</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2023-12-14T19:08:23Z">
            14. Dezember 2023
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/die-herausragendste-zinnmine-der-welt">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Die größten Bitcoin Miner im Überblick" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2023/12/Mining.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Bitcoin
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Bitcoin</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/die-grossten-bitcoin-miner-im-uberblick">Die größten Bitcoin Miner im Überblick</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Bitcoin ist ein sehr volatiles Asset. Es wird allerdings oft vergessen, dass es mittlerweile auch eine ganze Reihe an börsengelisteten Mining-Unternehmen gib...</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Nicola Hahn" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos17023-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Nicola Hahn</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2023-12-14T19:08:12Z">
            14. Dezember 2023
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/die-grossten-bitcoin-miner-im-uberblick">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Was passiert, wenn der Bitcoin ETF kommt?" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2023/12/BlackRockTN.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Bitcoin
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Bitcoin</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/was-passiert-wenn-der-bitcoin-etf-kommt">Was passiert, wenn der Bitcoin ETF kommt?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Die amerikanische SEC steht kurz vor einer Entscheidung zum ersten Bitcoin ETF. Was bedeutet das jetzt für Bitcoin?</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Navid Unger" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos16836-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Navid Unger</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2023-12-14T19:07:59Z">
            14. Dezember 2023
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/was-passiert-wenn-der-bitcoin-etf-kommt">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="flex min-h-[168px] overflow-hidden rounded bg-card card-border">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Konjunkturzyklus: Das wird 2024 wichtig für dein Portfolio" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2023/12/Konjunktur2.jpg" />
        <span class="pointer-events-none absolute top-3 left-3 rounded bg-card/95 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-text-primary">
          Macro
        </span>
    </div>

  <div class="flex min-w-0 flex-1 flex-col px-6 py-5 lg:px-8 lg:py-6">
    <div class="mb-2 flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-medium text-primary-800">Macro</span>
        <span data-testid="premium-badge" class="inline-flex rounded-full bg-success px-2.5 py-0.5 text-xs font-medium text-text-success">Premium</span>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/konjunkturzyklus-das-wird-2024-wichtig-fur-dein-portfolio">Konjunkturzyklus: Das wird 2024 wichtig für dein Portfolio</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der Konjunkturzyklus definiert dein Portfolio. Unwissenheit kann hier teuer sein. Erfahre wie du diesen Zyklus für dich nutzen kannst.</p>

    <footer class="mt-auto flex flex-wrap items-end justify-between gap-3 border-t border-border pt-4">
      <div class="flex min-w-0 items-center gap-3">
          <div class="flex shrink-0 items-center -space-x-1">
                <img alt="Marc Friedrich" class="h-8 w-8 rounded-full object-cover ring-2 ring-card" width="32" height="32" loading="lazy" decoding="async" src="/content/images/size/w300/2025/05/25_0508_F-P_Teamfotos17547-web-2.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Marc Friedrich</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2023-12-14T19:07:46Z">
            14. Dezember 2023
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/konjunkturzyklus-das-wird-2024-wichtig-fur-dein-portfolio">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

</template></turbo-stream>
<turbo-stream action="replace" target="load_more"><template>
  <div id="load_more" class="mt-4 mb-8 text-center">
</div>

</template></turbo-stream>