{{#if isClickable }} <a href="javascript:;" {{else}} <div {{/if }} class="teaser teaser--small teaser--media-block {{ styleModifier }} {{#if half}}col-xl-12 teaser--media-block-large{{else}}col-xl-6 col-lg-12{{/if}}">
	{{#if half }}
		<div class="col-xl-6 no-padding">
	{{/if }}
		<div class="teaser__media {{#if half}}force-t--size-3{{/if}}" style="background-image:url({{ assetsPath }}img/dummy/{{#if half }}full-teaser.jpg{{else}}portrait.jpg{{/if }})">
		</div>
	{{#if half }}
		</div>
	{{/if }}

	{{#if half }}
		<div class="col-xl-6 no-padding no-margin">
	{{/if }}
		<div class="teaser__body {{#if half}}force-t--size-3{{/if}}">
			<div class="teaser__content">
				<div class="limit-text">
					<h3 class="teaser__title">{{ title }}</h3>
					{{ render "atoms/global/space" space=7 }}
					<p class="{{#if teaserCopyDark}} teaser__copy--dark {{else}} teaser__copy {{/if}}">{{text}}</p>
				</div>
				{{#if metadata}}
					<p class="limit-text teaser__copy teaser__metadata teaser__copy--dark">Based in: London</p>
				{{/if}}
			</div>
			{{#if iconArrow }}
			<div class="aux-pos-bt">
				<i class="icons-arrow-right decorator"></i>
			</div>
			{{/if }}
		</div>
	{{#if half }}
		</div>
	{{/if }}
{{#if isClickable }} </a> {{else}} </div> {{/if }}
