<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="Top Bitcoin-Miner startet durch: Das musst Du beachten!" 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/02/MiningUPDATE.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/bitcoin-mining">Top Bitcoin-Miner startet durch: Das musst Du beachten!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Es hat sich viel getan bei den Bitcoin Minern. 2 Einstiegskurse bei einer von uns empfohlenen Aktie wurden erreicht und seitdem hat die Aktie den Turbo gezün...</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-02-14T16:23:54Z">
            14. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/bitcoin-mining">
        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="Eine Dividendenaktie für die Ewigkeit" 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/02/Divi.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/eine-dividendenaktie-fur-die-ewigkeit">Eine Dividendenaktie für die Ewigkeit</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Heute stellen wir einen Top-Kandidat der Dividenenaktien vor. Ein hohes Wachstumspotenzial und ein sehr gutes Immobilienportfolio macht dieses Unternehmen zu...</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-02-03T18:40:21Z">
             3. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/eine-dividendenaktie-fur-die-ewigkeit">
        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="Goldminen ETF: Auf das Timing kommt es an!" 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/02/GoldETF.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/goldminen-etf-auf-das-timing-kommt-es-an">Goldminen ETF: Auf das Timing kommt es an!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt wie wir unseren Einstieg in das Goldminen-ETF unserer Wahl timen.</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="2024-02-03T18:38:34Z">
             3. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/goldminen-etf-auf-das-timing-kommt-es-an">
        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="Flexibles Gold" 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/02/LiquidGold.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/flexibles-gold">Flexibles Gold</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Physisches Gold ist nicht alles was glänzt. Wir zeigen welche Vorteile &quot;Flexibles Gold&quot; hat. </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="2024-02-03T18:37:45Z">
             3. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/flexibles-gold">
        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 du jetzt über den Bitcoin ETF wissen musst" 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/ETF-1.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-du-jetzt-uber-den-bitcoin-etf-wissen-musst">Was du jetzt über den Bitcoin ETF wissen musst</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der Bitcoin-ETF ist da. Aber was macht den eigentlich so spannend, wenn es bereits Produkte wie den Grayscale Bitcoin Trust gibt? 
Und was folgt jetzt für de...</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="2024-01-23T11:53:51Z">
            23. Januar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/was-du-jetzt-uber-den-bitcoin-etf-wissen-musst">
        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="Dieses Unternehmen darf in keinem Portfolio fehlen" 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/BH-1.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/dieses-unternehmen-darf-in-keinem-portfolio-fehlen">Dieses Unternehmen darf in keinem Portfolio fehlen</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Ein diversifiziertes Produkt für einen langfristigen Vermögensaufbau - diese Aktie eignet sich hervorragend. Unsere Analyse.</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="2024-01-19T11:20:53Z">
            19. Januar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/dieses-unternehmen-darf-in-keinem-portfolio-fehlen">
        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="Bitcoin Mining: Top-Kandidat aus Kanada" 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/MiningTeil2.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-bitcoin-mining-kandidat-aus-kanada">Bitcoin Mining: Top-Kandidat aus Kanada</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Bitcoin-Miner bieten eine attraktive Möglichkeit, um überproportional an steigenden Bitcoin-Kursen zu profitieren. Hier stellen wir den nächsten Favoriten un...</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-15T10:44:12Z">
            15. Januar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/top-bitcoin-mining-kandidat-aus-kanada">
        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="Der Nickelchampion" 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/nickel-1.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/der-nickelchampion">Der Nickelchampion</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der Nischenmarkt Nickel ist für Privatpersonen nicht investierbar? Doch das ist er - erfahre jetzt wie! Hier ist unser Top-Favorit der Nickel-Branche.</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="2024-01-04T14:18:46Z">
             4. Januar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-nickelchampion">
        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="Nickel gibt Batterien Kraft" 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/batt.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/nickel-gibt-batterien-kraft">Nickel gibt Batterien Kraft</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Nickel ist für die Energiewende ein strategisch wichtiges Metall. Wir sehen bis Ende des Jahrzehnts weiterhin eine wachsende Nachfrage. Hier ein Überblick.</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="2024-01-04T14:18:30Z">
             4. Januar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/nickel-gibt-batterien-kraft">
        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="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>