{{#small_teaser}}
<article>
  <div class="teaser-item teaser-item__cardimage">
    <a href="{{link}}" target="_self" class="teaser-item__asset">
    </a>
    <div
      class="teaser-item__upper padding-all">
      <div class="teaser-item__image image">
        {{#imageVO}}
        <figure>
          {{#paths}}
          <img loading="lazy" src="{{lg-1}} @context='uri'}"
               sizes="(max-width: 768px) 100vw, (max-width: 991px) 50vw (max-width: 6000px) 322px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          {{#copyright}}
          <figcaption>
            <span>&copy; {{.}}</span>
          </figcaption>
          {{/copyright}}
          {{/paths}}
        </figure>
        {{/imageVO}}
      </div>
      <div class="teaser-item__content padding-all">
        <div>
          <h4 class="teaser-item__title js-word-wrapper">{{{title}}}</h4>
          <div class="intro__date">
            {{{date}}}
            {{#separatorRenderCondition}}
            <span> | </span>
            {{/separatorRenderCondition}}
            {{{readTime}}}
          </div>
          <div class="teaser-item__body">{{{description}}}</div>
        </div>
      </div>
    </div>
  </div>
</article>
{{/small_teaser}}

{{#big_teaser}}
<article class="teaserbox">
  <div class="standard_left">
    <div class="teaserBox__wrapper">
      <div class="teaserBox__content">
        <div class="teaserBox__text">
          <p class="teaserBox__overline overline overline--{{designElement}}">
            {{{sectionOverline}}}
          </p>
          <h2>
            {{{title}}}
          </h2>
          <div class="intro__date">
            {{{date}}}
            {{#separatorRenderCondition}}
            <span> | </span>
            {{/separatorRenderCondition}}
            {{{readTime}}}
          </div>
          {{#description}}
          <div class="teaserBox__text--par">
            {{{.}}}
          </div>
          {{/description}}
          <div class="teaserBox__button">
            <a class="button button--secondary" target="_self" href="{{link}}">{{readMore}}</a>
          </div>
        </div>
        {{#hashtags.length}}
        <div class="teaserBox__hashtag">
          {{#hashtags}}
          <a href="{{link}}" target="_self">{{label}}</a>
          {{/hashtags}}
        </div>
        {{/hashtags.length}}
      </div>
      <div class="teaserBox__image teaserBox__circleImage6 image__component">
        {{#imageVO}}
        <figure>
          {{#paths}}
          <img loading="lazy" src="{{lg-1}} @context='uri'}" sizes="(max-width: 991px) 100vw, (max-width: 6000px) 659px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          {{/paths}}
          {{#copyright}}
          <figcaption>
            <small>&copy; {{.}}</small>
          </figcaption>
          {{/copyright}}
        </figure>
        {{/imageVO}}
      </div>
    </div>
  </div>
</article>
{{/big_teaser}}