<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="Charttechnik: Bitcoin" 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/10/image--73--1.png" />
        <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/directional-trade-charttechnik-bitcoin-1">Charttechnik: Bitcoin</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Bitcoin bricht aus und übersteigt die 73.000-Dollar-Marke. Wo wir jetzt charttechnische Chancen sehen, erfährst du in diesem Artikel.</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" />
                <img alt="Kenneth Strobel" 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_Teamfotos17086-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Nicola Hahn, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2024-10-30T10:18:49Z">
            30. Oktober 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/directional-trade-charttechnik-bitcoin-1">
        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="Uranmine kurz vor Produktionsstart" 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/10/Uranaktie-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/uranmine-kurz-vor-produktionsstart">Uranmine kurz vor Produktionsstart</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre in dieser Analyse, welche riesige Uranlagerstätte kurz vor dem Produktionsstart steht. </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-10-30T09:30:05Z">
            30. Oktober 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/uranmine-kurz-vor-produktionsstart">
        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="Charttechnik: Uranaktie 1" 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/10/image--73-.png" />
        <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/directional-trade-charttechnik">Charttechnik: Uranaktie 1</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Directional Trade (Charttechnik) Uranaktie 1</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-10-16T00:44:00Z">
            16. Oktober 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/directional-trade-charttechnik">
        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="Uran - mit strahlenden Aussichten!" 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/09/Uran-Bild.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/uran-strahlt">Uran - mit strahlenden Aussichten!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Die Urannachfrage steigt! Erfahre jetzt, wo wir im Uranmarkt Chancen sehen.</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-10-12T18:20:25Z">
            12. Oktober 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/uran-strahlt">
        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="Warum wir (noch) vorsichtig bei Bitcoin Minern sind" 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/10/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/warum-wir-noch-vorsichtig-sind-bei-bitcoin-minern">Warum wir (noch) vorsichtig bei Bitcoin Minern sind</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Was bedeutet ein stärker Dollar für Bitcoin? Erfahre, wo wir Chancen sehen und warum wir bei den Bitcoin Minern vorerst vorsichtig sind.</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-10-03T15:00:30Z">
             3. Oktober 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/warum-wir-noch-vorsichtig-sind-bei-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="Das Zeitalter der Fiscal Dominance" 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/09/Kopie-von-Vorlage-FR--5-.png" />
    </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 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/das-zeitalter-der-fiscal-dominance">Das Zeitalter der Fiscal Dominance</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Die US-Notenbank steht vor einem Dilemma: Trotz massiver Zinserhöhungen bleibt die Inflation hartnäckig – angetrieben durch Staatsausgaben und Haushaltsdefiz...</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" />
                <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">Nicola Hahn, Marc Friedrich</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2024-09-18T17:04:20Z">
            18. September 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/das-zeitalter-der-fiscal-dominance">
        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 Franchise-Gigant" 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/09/Vorlage-FR--1-.png" />
        <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/franchise-gigant">Der Franchise-Gigant</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Dieser Konzern vereint unter seinem Dach einzigartige Marken der Fast-Food-Branche. Um welche Aktie es sich handelt, das erfährst du in dieser 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="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-09-16T16:59:57Z">
            16. September 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/franchise-gigant">
        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="Goldproduzent: Der Aufsteiger" 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/08/Bild111.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/goldproduzent-der-aufsteiger">Goldproduzent: Der Aufsteiger</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre welches Unternehmen sein Hauptprojekt aktuell zu einer Riesengoldmine erweitert, die noch dieses Jahrzehnt die Aussicht hat, zu den Top 5 der größten...</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-08-27T09:43:51Z">
            27. August 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/goldproduzent-der-aufsteiger">
        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="Rezessionsresistent: Unbekannte Top-Aktie" 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/08/Vorlage-FR.png" />
        <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/rezessionsstern">Rezessionsresistent: Unbekannte Top-Aktie</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Ist dieses Unternehmen der heimliche Rezessions-Star? Wir haben uns das Geschäftsmodell und die Aktie genauer angeschaut. </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-08-23T17:20:21Z">
            23. August 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/rezessionsstern">
        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 Goldtitan" 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/08/Bild110.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-goldtitan">Der Goldtitan</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre welcher Goldproduzent sich ganz klar auf den Goldabbau aus weltweit sehr seltenen Riesengoldvorkommen fokussiert und wie Investoren davon profitieren...</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-08-14T11:17:37Z">
            14. August 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-goldtitan">
        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="Rezession: Alles was du 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/07/Konjunktur-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/rezession-alles-was-du-wissen-musst">Rezession: Alles was du wissen musst</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">In diesem Artikel analysieren wir das Thema &quot;Rezession&quot; selbst. Was passiert in einer Rezession? Welche Aktien laufen gut? Wann verkauft man? </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-08-08T06:22:11Z">
             8. August 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/rezession-alles-was-du-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="Das bessere Tagesgeld" 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/07/Kopie-von-Vorlage-FR--2-.png" />
        <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/geparktes-kapital-anlegen">Das bessere Tagesgeld</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">☑️Der Trade in drei Punkten

1. Geldmarktfonds sind eine bessere Alternative zu Tagesgeldkonten, bei welchen Du Deine liquiden Mittel verhältnismäßig sicher ...</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="Kenneth Strobel" 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_Teamfotos17086-web.webp" />
          </div>
        <div>
          <span class="block text-sm font-semibold text-text-primary">Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2024-08-01T16:47:06Z">
             1. August 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/geparktes-kapital-anlegen">
        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="Donald Trumps Rede auf der Bitcoin-Konferenz 2024" 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/07/donald-trump-bitcoin-conference.png" />
        <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/donald-trumps-rede">Donald Trumps Rede auf der Bitcoin-Konferenz 2024</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Auf der Bitcoin-Konferenz 2024 in Nashville präsentierte Donald Trump Pläne, die USA zur führenden Bitcoin-Nation zu machen.</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-07-30T19:05:48Z">
            30. Juli 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/donald-trumps-rede">
        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 Lithiumprinz" 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/07/Lithiumprinz.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>
    </div>

    <h2 class="mb-2 text-2xl font-bold leading-8 text-text-primary">
      <a class="hover:underline" href="/post/der-lithiumbatteriekonig">Der Lithiumprinz</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Dieses Unternehmen ist unserer Ansicht nach der attraktivste an einer westlichen Börse gelistete Lithiumproduzent mit vor allem hohen Wachstumsaussichten. Er...</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-07-23T09:24:35Z">
            23. Juli 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-lithiumbatteriekonig">
        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="Das nächste Berkshire Hathaway?" 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/07/berkshire_tn-1.png" />
        <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/das-nachste-berkshire-hathaway">Das nächste Berkshire Hathaway?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Könnte dieses Unternehmen das nächste Berkshire Hathaway werden? Wir schauen uns an, was dafür spricht und wieso die Aktie überproportional von steigenden Bi...</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-07-22T15:09:45Z">
            22. Juli 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/das-nachste-berkshire-hathaway">
        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="Lithium ist elektrisierend" 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/05/Lithium-Bild.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/lithium-ist-elektrisierend">Lithium ist elektrisierend</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Die Lithium-Nachfrage steigt. Erfahre jetzt, wann wir im Lithiummarkt attraktive Einstiegschancen sehen. </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-07-08T17:28:01Z">
             8. Juli 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/lithium-ist-elektrisierend">
        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 Erdrutsch - Wo sehen wir Chancen?" 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/07/nico4.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-erdrutsch">Bitcoin Erdrutsch - Wo sehen wir Chancen?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der Bitcoin ist weiter auf Talfahrt und notiert mittlerweile im Bereich der 54.000 US-Dollar. Lohnt es sich jetzt schon weitere Einstiege zu tätigen und welc...</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" />
                <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">Nicola Hahn, Navid Unger</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2024-07-06T10:00:16Z">
             6. Juli 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/bitcoin-erdrutsch">
        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="Gefallene Kaffee-Ikone vor der Renaissance?" 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/06/Kopie-von-Vorlage-FR.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/starbucks">Gefallene Kaffee-Ikone vor der Renaissance?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Die Aktie dieses Unternehmens ist nach schlechten Zahlen stark unter Druck geraten. Wir schauen uns an, ob die Aktie jetzt interessant ist und wo wir potenzi...</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-06-19T11:00:17Z">
            19. Juni 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/starbucks">
        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 Rohstoffhedgefonds" 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/05/Rohstoffhedgefons-Bild.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-rohstoff-hedgefonds">Der Rohstoffhedgefonds</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre mit welchem außergewöhnlichen Rohstoffhedgefonds selbst im äußerst zyklischen Rohstoffmarkt eine Buy &amp; Hold Strategie gelingen kann und wie Investore...</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-06-18T10:15:58Z">
            18. Juni 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-rohstoff-hedgefonds">
        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-Miner als Performance Boost in Bitcoin Portfolios" 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/06/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/untitled-2">Bitcoin-Miner als Performance Boost in Bitcoin Portfolios</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Aktien von Bitcoin-Minern sind zwar sehr volatil, können einem Portfolio jedoch einen starken Boost geben. Erfahre in diesem Beitrag, was schon eine kleine B...</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-06-06T18:30:54Z">
             6. Juni 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/untitled-2">
        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">
    <a class="btn btn-outline btn-full" data-turbo-stream="true" href="/post.turbo_stream?page=9">Mehr laden</a>
</div>

</template></turbo-stream>