<div class="teaser {{#if teaserNoImage}} teaser--mq-nobg teaser--mq-text-only {{/if}} {{#if teaserImage}} teaser--keep-cover {{/if}} {{#if headerRegular }} t--size-3 {{/if }} {{#if headerBig }} t--size-6 {{/if }} {{styleModifier}} col-xl-12">
	<div class="teaser__media" style="background-image:url({{ assetsPath }}img/dummy/full-short-teaser.jpg)">
		{{#if labels }}
		<div class="aux-pos-top">
			{{ render "atoms/text/label:label-grey" text="10 Jan 2015"}}
			{{ render "atoms/text/label:label-orange" text="Our clients"}}
		</div>
		{{/if }}
	</div>
	<div class="teaser__cover">
		{{#if date }}
			{{ render "atoms/text/label:label-grey" text="10 Jan 2015"}}
			<h1 class="h1 teaser__title-cover">{{ title }}</h1>
			{{ render "atoms/global/space" space=2 }}
		{{else}}
			<h1 class="h2 teaser__title-cover">{{ title }}</h1>
		{{/if }}
		{{#if intro }}<p>Our market outlook is now</p>{{/if }}
		<p class="teaser__copy-cover h3">{{ subtitle }}</p>
		<p class="teaser__copy-cover">{{ text }}</p>
		{{#if author }}
			{{ render "atoms/global/space" space=2 }}
			<div class="teaser__author pull-left"><img src="//placehold.it/40x40" alt="thumbnail" class="pull-left m20"> By Prof. Barry Eichengreen </div>
		{{/if }}
		{{#if button }}
		<a href="javascript:;" class="btn btn-orange">Button placeholder</a>
		{{/if }}
	</div>
</div>
