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

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Französischer Wolframtrumpf mit Gold &amp; Zink in der Hinterhand" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-franzosischer-wolframtrumpf-mit-gold-zink-in-der-hinterhand">Charttechnik: Französischer Wolframtrumpf mit Gold &amp; Zink in der Hinterhand</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Unternehmen eine beachtenswerte Wolframlagerstätte exploriert. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-06-03T15:14:25Z">
             3. Juni 2026
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/charttechnik-franzosischer-wolframtrumpf-mit-gold-zink-in-der-hinterhand">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Der Kupferriese" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-der-kupferriese">Charttechnik: Der Kupferriese</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Unternehmen eine beachtenswerte Kupferlagerstätte in Kolumbien exploriert. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-06-02T14:26:31Z">
             2. Juni 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Südafrikanischer Goldfavorit" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-sudafrikanische">Charttechnik: Südafrikanischer Goldfavorit</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Unternehmen eine beachtenswerte Goldlagerstätte in Südafrika entwickelt. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-06-01T15:11:19Z">
             1. Juni 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Goldentwickler in Argentinien" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-goldentwickler-in-argentinien">Charttechnik: Goldentwickler in Argentinien</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Unternehmen eine beachtenswerte Goldlagerstätte in Argentinien entwickelt. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-05-29T11:19:50Z">
            29. Mai 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Der Lithiuimsprinter" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-der-lithiuimsprinter">Charttechnik: Der Lithiuimsprinter</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Unternehmen in Argentinien ein Lithiumkarbonatprojekt entwickelt. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-05-19T14:03:47Z">
            19. Mai 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Die Kupfersonne" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-die-kupfersonne">Charttechnik: Die Kupfersonne</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Explorationsunternehmen eine aussichtsreiche oberflächennahe Kupferlagerstätte exploriert. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-05-13T13:06:37Z">
            13. Mai 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Der Goldgürtel" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-der-goldgurtel">Charttechnik: Der Goldgürtel</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Bergbauunternehmen vor wenigen Wochen mit dem Bau einer Goldmine begonnen 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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-05-11T19:27:26Z">
            11. Mai 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Die Silberperle" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-die-silberperle">Charttechnik: Die Silberperle</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welcher Silberexplorer sich für dieses Jahr bedeutendes vorgenommen 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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-05-07T15:54:38Z">
             7. Mai 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Gold im neuen Paradigma angekommen" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2025/04/Tobinew1.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/gold-im-neuen-paradigma-angekommen">Gold im neuen Paradigma angekommen</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt welche Auswirkungen auf die fundamental analysierten Goldminen das neue Goldparadigma 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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-04-17T16:04:52Z">
            17. April 2026
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/gold-im-neuen-paradigma-angekommen">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="CFD: Gelb und wertvoll" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2025/06/CFD-Bild-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/cfd-gelb-und-wertvoll">CFD: Gelb und wertvoll</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt bei welchem Agrarrohstoff wir aktuell 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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-31T15:26:52Z">
            31. März 2026
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/cfd-gelb-und-wertvoll">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: 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/2026/01/directional_trade_neu.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/charttechnik-goldproduzent-der-aufsteiger">Charttechnik: Goldproduzent: Der Aufsteiger</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, bei welchem großen Goldproduzenten wir charttechnisches Potenzial 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" />
                <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">Tobias Neuert, Nicola Hahn</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-25T19:49:37Z">
            25. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Kupferexplorer in British Columbia" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-kupferexplorer-in-british-columbia">Charttechnik: Kupferexplorer in British Columbia</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Kupferunternehmen einen großen Rabatt bekommen 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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-20T13:44:59Z">
            20. März 2026
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/charttechnik-kupferexplorer-in-british-columbia">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Der Helium Ingenieur" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-der-helium-ingenieur">Charttechnik: Der Helium Ingenieur</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches Helium-Unternehmen mittelfristig von der jetzigen Irankrise profitieren könnte. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-19T12:48:23Z">
            19. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Südamerikanischer Agrarriese" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-sudamerikanischer-agrarriese">Charttechnik: Südamerikanischer Agrarriese</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches südamerikanische Agrarunternehmen von seigenden Agrarlandpreisen und Agrarrohstoffpreisen profitieren könnte. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-18T15:26:56Z">
            18. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Peruanischer Ölpionier" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-peruanischer-olpionier">Charttechnik: Peruanischer Ölpionier</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welches peruanische Ölunternehmen von den aktuell hohen Ölpreisen profitieren könnte. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-13T17:32:04Z">
            13. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Der doppelte Goldopportunist" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-der-doppelte-goldopportunist">Charttechnik: Der doppelte Goldopportunist</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welcher Goldminenentwickler über zwei Goldprojekte verfügt. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-12T15:10:09Z">
            12. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Silber im neuen Paradigma angekommen!" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/03/tobi777.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/silber-im-neuen-paradigma-angekommen">Silber im neuen Paradigma angekommen!</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, bei welchen Silberminen-Aktien sich, aufgrund des neuen Paradigmas, neue Chancen ergeben könnten. </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="2026-03-11T17:04:05Z">
            11. März 2026
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/silber-im-neuen-paradigma-angekommen">
        Beitrag öffnen <span aria-hidden="true">→</span>
</a>    </footer>
  </div>
</article>

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Deaktiviert: Charttechnik: Der Petrochemieriese" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-der-petrochemieriese">Deaktiviert: Charttechnik: Der Petrochemieriese</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welcher Petrochemieriese von den Konflikten im Nahen Osten profitieren könnte. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-04T14:40:07Z">
             4. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Deaktiviert: Charttechnik: Die Ölchance" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-die-olchance">Deaktiviert: Charttechnik: Die Ölchance</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welcher mittelgroße Ölkonzern in den letzten Jahren stark durch M&amp;A gewachsen ist. </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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-03-02T12:31:00Z">
             2. März 2026
          </time>
        </div>
      </div>

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

    <article data-testid="post-card" class="fr-card flex min-h-[168px]">

    <div class="relative w-[20%] min-w-[140px] max-w-[220px] shrink-0 self-stretch overflow-hidden bg-surface">
      <img alt="Charttechnik: Goldexplorer im &quot;Golden Triangle&quot;" class="block h-full min-h-[168px] w-full object-cover" width="300" height="168" loading="lazy" decoding="async" src="/content/images/size/w300/2026/01/directional_trade_neu.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/charttechnik-goldexplorer-im-golden-triangle">Charttechnik: Goldexplorer im &quot;Golden Triangle&quot;</a>
    </h2>

      <p class="mb-4 text-sm leading-[22px] text-text-secondary line-clamp-2">Erfahre jetzt, welcher Gold-Explorer sich dieses Jahr viel vorgenommen 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" />
                <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">Tobias Neuert, Kenneth Strobel</span>
          <time class="text-xs leading-[18px] text-text-secondary" datetime="2026-02-23T17:03:10Z">
            23. Februar 2026
          </time>
        </div>
      </div>

      <a class="shrink-0 text-sm font-semibold text-accent hover:underline" href="/post/charttechnik-goldexplorer-im-golden-triangle">
        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="fr-button fr-button--outline fr-button--block" data-turbo-stream="true" href="/tag/rohstoffe.turbo_stream?page=3">Mehr laden</a>
</div>

</template></turbo-stream>