<div data-module="card" class="card-standard js-card-standard js-card-generic {{#if isSmall}}card-standard--small{{/if}} {{#if locationName}}has-location{{/if}}{{#ifEquals cardType "Destination"}} card-standard--destination{{/ifEquals}} {{#if tags}}has-tags{{/if}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
{{#if webAppMode}}
{{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}}
{{> @cp-like-button likeText}}
{{/if}}
<template class="js-small-image-template">
<div class="card-standard__small-image-container js-small-image-container">
{{> @cp-medium-image additionalCssClasses="js-small-image" lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage}}
</div>
</template>
<a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} class="card-standard__anchor js-link">
<div class="card-standard__image-container js-image-container">
{{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}}
</div>
<p class="card-standard__page-type js-page-type">{{pageType}}</p>
<div class="card-standard__inner">
<div class="card-standard__details">
{{#if timeSpan.text}}<time class="card-standard__read-time js-readtime" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>{{/if}}
<h3 class="card-standard__title js-title">{{{title}}}</h3>
<p class="card-standard__subtitle js-subtitle">{{{subtitle}}}</p>
</div>
<p class="card-standard__location js-location-name">{{locationName}}</p>
{{#if tags}}
{{> @cp-hashtags tags }}
{{/if}}
</div>
</a>
</div>