<article class="card card--hoveractive article-card bg-black {{ classes }}">
  <div class="article-card-cover">
    <a href="#href">
      <img src="{{ img.landscape-16x9.src }}" />
    </a>
    <div class="article-card-cover__details">
      <div class="article-card-sharing">
        {{> molecules-small-colored-social-icon-group }}
      </div>
      <div class="article-card-meta">
        <span class="article-card-meta__item">{{ date }}</span>
        <span class="article-card-meta__item">{{ organization.name }}</span>
      </div>
    </div>
  </div>
  <div class="card__body article-card__body">
    <a href="#" class="hover:line-white"><h1 class="card-headline mb-4 text-white">{{ headline.medium }}</h1></a>
    <p class="card-body-text flex-grow text-white">{{ excerpt.long }}</p>
    <div class="inline-block-nogap mt-4">
      {{> atoms-basic-button(classes: "article-card__category-button btn--grey-700 btn--condensed text-sm font-light", cta: "Kategorie 1") }}
      {{> atoms-basic-button(classes: "article-card__category-button btn--grey-700 btn--condensed text-sm font-light", cta: "Kategorie 2") }}
      {{> atoms-basic-button(classes: "article-card__category-button btn--grey-700 btn--condensed text-sm font-light", cta: "Kategorie 3") }}
    </div>
  </div>
</article>
