<div class="sitecore-search-results-item js-search-page-card" data-search-id="{{searchId}}">
<a class="sitecore-search-results-item__link js-link" href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}}target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}}>
<div class="sitecore-search-results-item__image-wrapper">
{{> @cp-medium-image responsiveImage}}
</div>
<div class="sitecore-search-results-item__content">
<p class="sitecore-search-results-item__category">{{category}}</p>
<p class="sitecore-search-results-item__title js-check-highlight">{{title}}</p>
<p class="sitecore-search-results-item__subtitle js-check-highlight">{{subtitle}}</p>
{{#if minuteRead}}
<p class="sitecore-search-results-item__minute-read">{{minuteRead}}</p>
{{/if }}
{{#if distance}}
{{#ifEquals travelMethod 'boat'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--boat">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'bus'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--bus">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'car'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--car">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'cycle'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--cycle">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'hiking'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--hiking">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'plane'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--plane">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'taxi'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--taxi">{{distance}}</p>
{{/ifEquals}}
{{#ifEquals travelMethod 'train'}}
<p class="sitecore-search-results-item__distance sitecore-search-results-item__distance--train">{{distance}}</p>
{{/ifEquals}}
{{/if }}
{{#if reviewRating}}
<p class="sitecore-search-results-item__rating">
{{#ifEquals reviewRating 1}}
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
{{/ifEquals}}
{{#ifEquals reviewRating 2}}
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
{{/ifEquals}}
{{#ifEquals reviewRating 3}}
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
{{/ifEquals}}
{{#ifEquals reviewRating 4}}
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-unfilled"></span>
{{/ifEquals}}
{{#ifEquals reviewRating 5}}
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
<span class="sitecore-search-results-item__rating-filled"></span>
{{/ifEquals}}
{{reviewRating}}/5</p>
{{/if }}
</div>
</a>
</div>