Cp Card Horizontal Generic

<div data-module="card" class="card-horizontal js-card-generic {{#if tags}}has-tags{{/if}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}} {{#if isEditorialCard}} data-editorial-card="true" {{/if}}>
    <a class="card-horizontal__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}} title="{{title}}">
        <div class="card-horizontal__image js-image">
            {{#if responsiveLandscapeImage}}
                {{> @cp-medium-image additionalCssClasses="js-landscape-image" lowResolutionUrl=responsiveLandscapeImage.lowResolutionUrl fallbackImageUrl=responsiveLandscapeImage.fallbackImageUrl sources=responsiveLandscapeImage.sources caption=responsiveLandscapeImage.caption dynamicImage=dynamicImage isSmallImage=responsiveLandscapeImage.isSmallImage forceLoad=forceLoad}}
            {{else}}
                {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption originalSize=true forceLoad=responsiveImage.forceLoad}}
            {{/if}}
            {{#if offer.title}}
                 <p class="card-horizontal__offer-badge js-offer-badge">{{offer.title}}</p>
            {{/if}}
        </div>
        <div class="card-horizontal__copy {{#if pageType}}card-horizontal__copy--with-pagetype{{/if}}">
            {{#if webAppMode}}
                {{> @cp-location-marker}}
                {{> @cp-like-button likeText}}
            {{/if}}
            {{#if timeSpan.text}}
                <time class="card-horizontal__read-time js-read-time" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>
            {{/if}}
            {{#if tripInfo.text}}
                <div class="card-horizontal__trip-idea-info card-horizontal__trip-idea-info--{{tripInfo.travelMethod}}">
                    {{tripInfo.text}}
                </div>
            {{/if}}
            {{#if title}}
            <h2 class="card-horizontal__title js-title">{{{title}}}</h2>
            {{/if}}
            {{#if subtitle}}
            <p class="card-horizontal__subtitle js-subtitle">{{{subtitle}}}</p>
            {{/if}}
            {{#if locationName}}
            <p class="card-horizontal__location js-location-name">{{locationName}}</p>
            {{/if}}
            {{#if offer.amount}}
            <p class="card-horizontal__offer js-offer">
                {{offer.beforeText}}
                {{offer.currency}}{{offer.amount}}
                {{offer.afterText}}
            </p>
            {{/if}}
            {{#if offer.category}}
            <p class="card-horizontal__page-type js-page-type">{{offer.category}}</p>
            {{ else }}
            {{#if pageType}}
            <p class="card-horizontal__page-type js-page-type">{{pageType}}</p>
                {{/if}}
            {{/if}}
        </div>
        {{#if tags}}
            {{> @cp-hashtags tags }}
        {{/if}}
    </a>
</div>