<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="Dividendengigant vor großem Comeback?" 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/nico6.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/altria-corp">Dividendengigant vor großem Comeback?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Dieses Unternehmen besticht durch ein robustes Geschäftsmodell und einer besonders hohen Dividende. </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-06-03T14:41:32Z">
             3. Juni 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/altria-corp">
        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="Ölproduzent: Der Überflieger" 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/Hand-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/olproduzent-der-uberflieger">Ölproduzent: Der Überflieger</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre welcher Ölproduzent die weltweit produktivsten Förderbohrungen hat und wie Investoren davon profitieren können. </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-05-24T16:13:47Z">
            24. Mai 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/olproduzent-der-uberflieger">
        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="Tabak: Der Rauch des Erfolgs und die Glut der Tradition" 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/Bild4.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/tabak-der-rauch-des-erfolgs-und-die-glut-der-tradition">Tabak: Der Rauch des Erfolgs und die Glut der Tradition</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Tabakaktien sind vor allem bei Dividendeninvestoren sehr beliebt. Doch wie steht es um die Branche insgesamt und welche Chancen und Risiken lauern hier? </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-05-22T13:18:09Z">
            22. Mai 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/tabak-der-rauch-des-erfolgs-und-die-glut-der-tradition">
        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="Gold startet wieder durch!" 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/gold_update-1.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/gold-startet-durch">Gold startet wieder durch!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Gold startet wieder durch zum Allzeithoch! Wie geht es weiter? Wie steht es um die Fiatwährungen? Darum geht es 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="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-05-17T18:32:05Z">
            17. Mai 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/gold-startet-durch">
        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 – Quo vadis?" 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/Nico.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-update">Bitcoin – Quo vadis?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der Bitcoin hat sich nach dem Abwärtstrend der letzten Wochen wieder zurückgemeldet. Wohin steuern wir jetzt und auf welche Marken sollte man jetzt achten? M...</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-05-09T16:14:08Z">
             9. Mai 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/bitcoin-update">
        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 gerade in Japan?" 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/nico5.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/was-passiert-in-japan">Was passiert gerade in Japan?</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">In Japan hat es in den vergangen Tagen massive Turbulenzen gegeben. Wie ist die Situation einzuordnen und wie lässt sich das in das aktuelle Makro-Gesamtbild...</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-05-09T16:10:17Z">
             9. Mai 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/was-passiert-in-japan">
        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="Einmalige Silberlagerstätte" 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/04/Einmalige-Silberlagerst-tte-Photo.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/einmalige-silberlagerstatte">Einmalige Silberlagerstätte</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Welche noch unentwickelte Silberlagerstätte schätzen wir als die hochqualitativste in Mexiko ein und wie können 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-05-07T16:58:03Z">
             7. Mai 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/einmalige-silberlagerstatte">
        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 erwachende Silberriese" 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/04/Hulk-Rises.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-erwachende-silberriese">Der erwachende Silberriese</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre welches Unternehmen derzeit eine sehr hochgradige polymetallische Silbermine in Betrieb nimmt</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-04-18T17:39:39Z">
            18. April 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-erwachende-silberriese">
        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 Bitcoin Halving" 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/04/Bitcoin_Halving2.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/bitcoin-halving">Das Bitcoin Halving</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">

☑️Der Trade in drei Punkten

1. Ab dem 20. April bekommen Miner nur noch 3,125 Bitcoin als Rewards

2. Die ETF Zuflüsse stagnieren leicht, verzeichnen aber...</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-04-18T06:43:59Z">
            18. April 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/bitcoin-halving">
        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 Silberblitz" 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/04/Silberblitz.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-silberblitz">Der Silberblitz</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre welches Royaltyunternehmen gute Chancen hat die Royaltybranche in einem Silberbullenmarkt auszuperformen. </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-04-09T17:07:49Z">
             9. April 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-silberblitz">
        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 Helden der Ölindustrie" 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/04/Bohrinsel-2.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-helden-der-olindustrie">Die Helden der Ölindustrie</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt warum Dinestleistungsunternehmen für Ölkonzerne absolut überlebenswichtig sind und wie Investoren hiervon profitieren können. </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-04-06T15:17:43Z">
             6. April 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/die-helden-der-olindustrie">
        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 Ölinvestition" 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/04/Bohrinsel.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/das-olzertifikat">Die Ölinvestition</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre in welchem Investmentprodukt wir im Ölmarkt attraktive 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-04-05T18:20:45Z">
             5. April 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/das-olzertifikat">
        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="Sieben grüne Monatskerzen" 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/04/bitcoin_title_pic.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/sieben-grune-monatskerzen">Sieben grüne Monatskerzen</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Bitcoin konsolidiert länger um die 66.000$ Marke. Typisch für einen Bullenmarkt.</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-04-05T13:41:20Z">
             5. April 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/sieben-grune-monatskerzen">
        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="Öl - der Dauerbrenner" 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/03/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/ol-der-dauerbrenner">Öl - der Dauerbrenner</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt wann wir am Ölmarkt 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-03-30T20:27:36Z">
            30. März 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/ol-der-dauerbrenner">
        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="Defensive Aktie mit attraktiver Dividende" 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/03/nico3.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/defensive-aktie-mit-attraktiver-dividende">Defensive Aktie mit attraktiver Dividende</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Heute präsentieren wir Ihnen ein Unternehmen, das nicht nur eine starke Dividende zahlt, sondern zusätzlich auch ein breit diversifiziertes und krisensichere...</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-03-21T12:38:23Z">
            21. März 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/defensive-aktie-mit-attraktiver-dividende">
        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 ETF: Nachfrageschock" 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/03/Nico.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-etf-knappheits-alarm">Bitcoin ETF: Nachfrageschock</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Der Bitcoin ist aktuell nicht zu stoppen. Das Allzeithoch auf Dollarbasis ist in greifbarer Nähe. Was sind die Hintergründe und was bedeutet das für unsere M...</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-03-05T08:44:59Z">
             5. März 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/bitcoin-etf-knappheits-alarm">
        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="Aussichtsreicher Goldminenentwickler" 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/Bild-f-r-Meridian.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/aussichtsreicher-goldminenentwickler">Aussichtsreicher Goldminenentwickler</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Welches Unternehmen entwickelt eine hochgradige und im Tagebauverfahren voraussichtlich sehr profitabel abbaubare Goldlagerstätte? Erfahre hier mehr!</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-29T07:25:09Z">
            29. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/aussichtsreicher-goldminenentwickler">
        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 Royalty Stern" 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/Foto2.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-royalty-stern">Der Royalty Stern</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Ein geniales Geschäftsmodell! Erfahre in dieser Analyse, welches Unternehmen jetzt Fiat-Geld investiert, um später wertvolles Gold kostenfrei geliefert zu be...</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-26T15:21:41Z">
            26. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/der-royalty-stern">
        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="Grade is King!" 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/Foto1.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/grade-ist-king">Grade is King!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre in dieser Analyse, welche Goldmine dank extremer hoher Erzgehalte, sehr gute Wachstumsaussichten 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-26T15:18:47Z">
            26. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/grade-ist-king">
        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="Sind die &quot;Glorreichen 7&quot; am Wanken? Was Du jetzt beachten 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/02/Mag7.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/die-glorreichen-7-sind-am-wackeln-was-du-jetzt-beachten-musst">Sind die &quot;Glorreichen 7&quot; am Wanken? Was Du jetzt beachten musst!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Meta, Alphabet, Microsoft, Amazon, Apple, Nvidia und Tesla bilden die stärksten Tech-Unternehmen der Welt ab, die durch den KI-Boom starken Auftrieb erlebt h...</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-22T22:16:00Z">
            22. Februar 2024
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/die-glorreichen-7-sind-am-wackeln-was-du-jetzt-beachten-musst">
        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=10">Mehr laden</a>
</div>

</template></turbo-stream>