{{#if button }}
<div
{{else}}
<a href="javascript:;"
{{/if }}
	class="teaser teaser--media {{taller}} {{cols}} col-sm-12 {{styleModifier}}">
	<div class="teaser__media" {{#unless iconTeaser}}style="background-image:url({{ assetsPath }}img/dummy/full-teaser.jpg)"{{/unless}}>
		{{#if iconTeaser }}
			<span class="facts__icon no-padding">
				<img src="{{assetsPath}}img/svg/icon-{{icon}}.svg" class="icons-{{icon}}">
			</span>
		{{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 }}
	</div>
	<div class="teaser__cover teaser__cover--full {{#unless transparent}}teaser__cover--solid{{/unless}}">
		<div class="teaser__content limit-text limit-text--small">
			<span class="text-base">{{ intro }}</span>
			<h2 class="teaser__title-cover {{#if withUnderline}} teaser__title-cover--underline {{/if}}">{{ title }}</h2>
			<p class="teaser__copy-cover teaser__copy--dark"> {{ text }}</p>
		</div>
		{{#if button }}
			<a href="javascript:;" class="btn btn-transparent">Learn more</a>
		{{/if }}
		{{#if iconArrow }}
			<div class="aux-pos-bt">
				<i class="icons-arrow-right decorator"></i>
			</div>
		{{/if }}
		{{#if download }}
			<div class="aux-pos-bt">
					<div class="teaser__detail">{{ detail }}</div>
					<i class="icons-download-center decorator"></i>
				</div>
		{{/if }}
	</div>

{{#if button }}
	</div>
{{else}}
	</a>
{{/if }}
