{{#eq carousel true}}<div class="flickity-cell">{{/eq}}
<a href="{{searchLink}}" class="card search-result-card{{#eq center true}} center{{/eq}} {{center}}" data-lowestprice="true">
  <div class="image-container">
    <picture class="ratio-fixed">
      <source data-srcset="{{fixImageUrl image.fields.file.url}}{{imageSize "searchResultCard" numberOfCards "mobile"}}{{#isnt preserve-image-quality true}}&q=65{{/isnt}}&fm=webp 160w,
      {{fixImageUrl image.fields.file.url}}{{imageSize "searchResultCard" numberOfCards "desktop"}}{{#isnt preserve-image-quality true}}&q=65{{/isnt}}&fm=webp 768w"
        type="image/webp">
      <img src="{{fixImageUrl image.fields.file.url}}{{imageSize "searchResultCard" numberOfCards}}&q=65&fm=jpg"
        data-srcset="{{fixImageUrl image.fields.file.url}}{{imageSize "searchResultCard" numberOfCards "mobile"}}{{#isnt preserve-image-quality true}}&q=65{{/isnt}}&fm=jpg 160w,
        {{fixImageUrl image.fields.file.url}}{{imageSize "searchResultCard" numberOfCards "desktop"}}{{#isnt preserve-image-quality true}}&q=65{{/isnt}}&fm=jpg 768w"
        data-sizes="auto" class="lazyload" alt="{{alt-text}}" />
      <noscript>
        <img src="{{fixImageUrl image.fields.file.url}}{{imageSize "searchResultCard" numberOfCards}}&q=65&fm=jpg" alt="{{alt-text}}">
      </noscript>
    </picture>
  </div>
  <div class="image-fade"></div>
  <div class="search-result-card__large">
    <div class="title-container">
      <span class="title-container__top">{{ action }}</span>
      <h3 class="title-container__title">{{ heading }}</h3>
    </div>
  </div>
  <div class="search-result-card__small">
    <div class="title-container">
      <span class="title-container__top">{{ action }}</span>
      <h3 class="title-container__title">{{ heading }}</h3>
    </div>
  </div>
  <div class="search-result-card__body">
    <p class="search-result-card__text">{{ text }}</p>
    <div class="search-result-card__information{{#not (or numberOfHotels cheapestprice)}} invisible{{/not}}">
      <div class="search-result-card__information-hotels">
        {{>icon_svg name='luggage'}}
        <span class="hotels">{{ numberOfHotels }}</span>
      </div>
      <div class="search-result-card__information-price">
        <span class="from">{{ from }}</span>
        <span>{{ cheapestPrice }}</span>
      </div>
    </div>
  </div>
</a>
{{#eq carousel true}}</div>{{/eq}}