{{#if isClickable }}
<a href="javascript:;"
{{else}}
<div
{{/if}}

	class="teaser teaser--media-half {{ styleModifier }} {{#if fullScreen}} teaser--media-half-full-screen {{/if}} {{ teaserFrame }} {{#if isReverse }} teaser--reverse {{/if}} {{ teaserSize }} col-xl-12">
		<div class="teaser__media {{ teaserMediaSize }} {{#if autoWidth }} {{ colsMedia }} {{else}} col-xl-6 {{/if }} {{#if fullScreen}} hide-md {{/if}}" style="background-image:url({{ assetsPath }}img/dummy/full-teaser.jpg)">
		</div>
		<div class="teaser__body {{#if autoWidth }} {{ colsContent }} {{else}} col-xl-6 {{/if}} {{#if fullScreen}} col-md-12 {{/if}} col-sm-12">
			{{#if fullScreen}}<div class="teaser__content-wrapper">{{/if}}

			<div class="teaser__content limit-text">
				{{#if event }}
		  		<div class="aux-pos-top event-detail">
		  			<div class="t--color-4"><i class="icons-calendar-small"></i><span class=""> Jul 23, 2015. New York</span></div>
		  		</div>
		  		{{else}}
				<div class="aux-pos-top">
		  			{{#if labelGrey }}
						{{ render "atoms/text/label:label-grey" text="10 Jan 2015" }}
					{{/if}}
					{{#if labelOrange }}
						{{ render "atoms/text/label:label-orange" text="Our clients" }}
					{{/if }}
		  		</div>
		  		{{/if }}
		  		<h2 class="teaser__title">{{ title }}</h2>
		  		<p class="teaser__copy">{{ text }}</p>
				{{#if externalLinks }}
		  		<p>
					<a href="javascript:;" class="lk-icon">Market Insights<span class="icons-internal-link"></span></a> <br>
					<a href="javascript:;" class="lk-icon">Product Insights<span class="icons-external-link"></span></a>
				</p>
		  		{{/if}}
		  	</div>
	  		{{#if button }}
				<a href="javascript:;" class="btn btn-transparent">Learn more</a>
			{{/if}}
			{{#if fullScreen}}</div>{{/if}}
			{{#if iconArrow }}
				<div class="aux-pos-bt">
					<i class="icons-arrow-right decorator"></i>
				</div>
			{{/if }}
		</div>
{{#if isClickable }}
	</a>
{{else}}
</div>
{{/if}}
