{{#search_Event}}
<article>
  <div class="d-block d-md-flex align-items-center itemCard">
    <div class="left-container">
      {{#imageVO}}
      <div class="image mb-4 mb-md-0">
        <picture>
          <!--[if IE 9]>
          {{#paths}}
          <video style="display: none;"><![endif]-->
          <img src="{{lg-1}} @context='uri'}" sizes="(max-width: 576px) calc(100vw - 108px), (max-width: 6000px) 170px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          <!--[if IE 9]></video><![endif]-->
          {{/paths}}
        </picture>
      </div>
      {{/imageVO}}
      {{^imageVO}}
      <div class="date">
        <span class="month">{{startDateMonth}}</span>
        <span class="day">{{startDateDay}}</span>
      </div>
      {{/imageVO}}
    </div>
    <div class="content">
      <p class="title">{{title}}</p>
      <p class="details">
        {{#eventType}}
        <span>{{eventType}}</span>
        {{/eventType}}
        {{#location}}
        <span><i class="icon icon-place"></i> {{location}}</span>
        {{/location}}
        {{#startsOn}}
        <span class="date">{{startsOn}}</span>
        {{/startsOn}}
      </p>
      {{#icsEnabled}}
      <p class="d-flex mt-4 justify-content-between">
        <a href="{{icsEventDownload}}" class="button button--low d-inline-block">
          <i class="icon icon-ics"></i>
          {{downloadIcsI18n}}
        </a>
      </p>
      {{/icsEnabled}}
    </div>
    <a href="{{path}}" class="card-link"></a>
  </div>
</article>
{{/search_Event}}

{{#search_Page}}
<article>
  <div class="d-block d-md-flex align-items-center itemCard">
    <div class="left-container">
      {{#imageVO}}
      <div class="image mb-4 mb-md-0">
        <picture>
          <!--[if IE 9]>
          {{#paths}}
          <video style="display: none;"><![endif]-->
          <img src="{{lg-1}} @context='uri'}" sizes="(max-width: 576px) calc(100vw - 108px), (max-width: 6000px) 170px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          <!--[if IE 9]></video><![endif]-->
          {{/paths}}
        </picture>
      </div>
      {{/imageVO}}
      {{^imageVO}}
      <i class="icon icon-webpage"></i>
      {{/imageVO}}
    </div>
    <div class="content">
      <p class="title">{{{title}}}</p>
      <p class="description">{{description}}</p>
    </div>
    <a href="{{path}}" class="card-link"></a>
  </div>
</article>
{{/search_Page}}

{{#search_Contact}}
<article>
  <div class="d-block d-md-flex align-items-center itemCard">
    <div class="left-container">
      {{#imageVO}}
      <div class="image contact-image mb-4 mb-md-0">
        <picture>
          <!--[if IE 9]>
          {{#paths}}
          <video style="display: none;"><![endif]-->
          <img src="{{lg-1}} @context='uri'}" sizes="(max-width: 576px) calc(100vw - 108px), (max-width: 6000px) 170px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          <!--[if IE 9]></video><![endif]-->
          {{/paths}}
        </picture>
      </div>
      {{/imageVO}}
      {{^imageVO}}
      <i class="icon icon-profile"></i>
      {{/imageVO}}
    </div>
    <div class="content contact--details">
      <p class="title">{{{title}}}</p>
      {{#position}}
      <p class="mb-0">{{position}}</p>
      {{/position}}
      {{#department}}
      <p class="mb-0">{{department}}</p>
      {{/department}}
      {{#function}}
      <p class="mb-0">{{function}}</p>
      {{/function}}

      {{#phoneInOneRow}}
      <p class="mb-0">
        <a href="tel:{{telephone}}">{{telephone}}</a>
        &nbsp;|&nbsp;
        <a href="tel:{{mobilephone}}">{{mobilephone}}</a>
      </p>
      {{/phoneInOneRow}}
      {{^phoneInOneRow}}
      {{#telephone}}
      <p class="mb-0"><a href="tel:{{telephone}}">{{telephone}}</a></p>
      {{/telephone}}
      {{#mobilephone}}
      <p class="mb-0"><a href="tel:{{mobilephone}}">{{mobilephone}}</a></p>
      {{/mobilephone}}
      {{/phoneInOneRow}}

      {{#email}}
      <p class="mb-0"><a href="mailto:{{email}}">{{email}}</a></p>
      {{/email}}
    </div>
    <a href="{{path}}" class="card-link"></a>
  </div>
</article>{{/search_Contact}}

{{#search_Asset}}
<article>
  <div class="d-block d-md-flex align-items-center itemCard">
    <div class="left-container">
      {{#imageVO}}
      <div class="image mb-4 mb-md-0">
        <picture>
          <!--[if IE 9]>
          {{#paths}}
          <video style="display: none;"><![endif]-->
          <img src="{{lg-1}} @context='uri'}" sizes="(max-width: 576px) calc(100vw - 108px), (max-width: 6000px) 170px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          <!--[if IE 9]></video><![endif]-->
          {{/paths}}
        </picture>
      </div>
      {{/imageVO}}
      {{^imageVO}}
      <i class="icon asset icon-{{suffix}}"></i>
      {{/imageVO}}
    </div>
    <div class="content">
      <p class="title">{{{title}}}</p>
      <div class="details">
        {{#suffix}}
        <span class="suffix">{{suffix}}</span>
        {{/suffix}}
        {{#size}}
        <span>{{size}}</span>
        {{/size}}
        {{#date}}
        <span>{{date}}</span>
        {{/date}}
      </div>
    </div>
    {{#isPdf}}
    <a href="{{path}}" class="card-link js-web-download" target="_blank"></a>
    {{/isPdf}}
    {{^isPdf}}
    <a href="{{path}}" class="card-link js-web-download" download></a>
    {{/isPdf}}
  </div>
</article>
{{/search_Asset}}

{{#search_Product}}
<article>
  <div class="d-block d-md-flex align-items-center itemCard">
    <div class="left-container">
      {{#imageVO}}
      <div class="image mb-4 mb-md-0">
        <picture>
          <!--[if IE 9]>
          {{#paths}}
          <video style="display: none;"><![endif]-->
          <img src="{{lg-1}} @context='uri'}" sizes="(max-width: 576px) calc(100vw - 108px), (max-width: 6000px) 170px"
               srcset="{{lg-1}} 350w, {{lg-2}} 460w, {{lg-3}} 700w, {{lg-4}} 920w, {{lg-5}} 1400w" alt="{{alt}}">
          <!--[if IE 9]></video><![endif]-->
          {{/paths}}
        </picture>
      </div>
      {{/imageVO}}
      {{^imageVO}}
      <i class="icon icon-"></i>
      {{/imageVO}}
    </div>
    <div class="content">
      <p class="title">{{{title}}}</p>
      <p class="description">{{description}}</p>
      <div class="assetDetails"></div>
    </div>
    <a href="{{path}}" class="card-link"></a>
  </div>
</article>
{{/search_Product}}