<div class="teaser {{ styleModifier }}">
	<a href="javascript:;" class="teaser__media teaser__media--video t--size-8 col-xl-12 js-video no-padding" style="background-image:url({{ imgProvider }}/448/252)" data-video="4134763922001" title="{{ title }}">
		<div class="aux-pos-top">
			{{ render "atoms/text/label:label-grey" text="10 Jan 2015"}}
			{{ render "atoms/text/label:label-orange" text="Video"}}
		</div>
		<div class="aux-pos-bt">
  			<span class="btn btn-video"></span>
  		</div>
	</a>
	<div class="teaser__body col-xl-12 no-padding-left">
		<p class="teaser__copy">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
	</div>
</div>

{{#unless nojs }}
	{{! `nojs` here causes double script main in other pages }}
	{{!> organisms/general/popbox-video-lightbox }}

	<script>
		window.onload = function() {
			/**
			 * START - REQUIRED JAVASCRIPT SNIPPET
			 */
			{{ render "atoms/scripts/script-video-lightbox" }}
			/**
			 * END - REQUIRED JAVASCRIPT SNIPPET
			 */
		};
	</script>
{{/unless }}
