<div class="header-titles">
	<div class="teaser teaser--stage-full-background">
		<div class="teaser__media" style="background-image:url({{ assetsPath }}img/dummy/building.jpg)"></div>
	</div>

	<div class="grid12 center-block header-titles__content">
		{{#if breadcrumb }}
			{{ render "organisms/pages/content-header" }}
		{{else}}
			{{ render "organisms/pages/content-header" notBreadcrumb=true }}
		{{/if }}

		<div class="header-titles__teaser">
			<h1>
				Lorem ipsum dolor <span class="text-nowrap">sit
					{{ render "atoms/text/label:label-orange" text="New" }}
				</span>
			</h1>

			{{ render "atoms/global/space" space=5 }}

			<h3>
				Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et magna sit amet.
			</h3>

			{{ render "atoms/global/space" space=14 }}

			{{#if button }}
				{{ render "atoms/buttons/button: btn-transparent" text="Read more" }}
			{{/if }}
		</div>

		{{ render "atoms/global/space" space=20 }}
		{{ render "atoms/global/space" space=20 }}
		{{ render "atoms/global/space" space=20 }}
		{{ render "atoms/global/space" space=4 }}


		<!-- TODO: ADD annotation: in order to avoid patternlab issue with inherited variables now we're working directly with the molecule corresponding to the organism-teaser-vertical.mustache -->
		<div class="row no-padding teaser__wrapper header-titles">
			{{#if teaserHeadline }}
				{{ render "molecules/blocks/teaser-vertical:t--size-6" cols="col-xl-4 col-md-12" labelGrey=true labelOrange=true title="Our Value Approach" text="Syriza came very close to gaining an absolute majority in the January 25 elections and will now form a government in coalition with the small party. Lorem ipsum dolor sit amet, consectetur adipisicing elit." iconArrow=true withUnderline=true }}
			{{else}}
				<div class="teaser teaser--video small-teaser-media t--bg-4 t--size-6 col-xl-4 col-md-12">
					{{ render "atoms/media/video" id="3366619992001" VideoWithDescription="t--bg-4" videoInPopbox=true VideoWithDescription=true videoTeaserDescription="t--bg-2" }}
				</div>
			{{/if}}

			{{ render "molecules/blocks/teaser-vertical:t--bg-4 t--size-6" cols="col-xl-4 col-md-12" labelGrey=true labelOrange=true title="Our Value Approach" text="Syriza came very close to gaining an absolute majority in the January 25 elections and will now form a government in coalition with the small party. Lorem ipsum dolor sit amet, consectetur adipisicing elit." iconArrow=true withUnderline=true }}

			{{#if teaserHeadline }}
				{{ render "molecules/blocks/teaser-vertical:t--bg-4 t--size-6" cols="col-xl-4 col-md-12" labelGrey=true labelOrange=true title="Our Value Approach" text="Syriza came very close to gaining an absolute majority in the January 25 elections and will now form a government in coalition with the small party. Lorem ipsum dolor sit amet, consectetur adipisicing elit." iconArrow=true withUnderline=true }}
			{{else }}
				{{ render "organisms/teasers/teaser-news:t--bg-6 t--size-6" cols="col-xl-4 col-md-12" }}
			{{/if }}
		</div>

		{{ render "atoms/global/space" space=10 }}

		{{#unless teaserAndVideo }}
			<div class="row no-padding teaser__wrapper header-titles">
				<div class="teaser teaser--video t--bg-2 t--size-6 col-xl-4 col-md-12">
					{{ render "atoms/media/video" id="3366619992001" VideoWithDescription="t--bg-2" videoInPopbox=true VideoWithDescription=true transparent=true videoTeaserDescription="t--bg-2" transparent=true }}
				</div>

				{{ render "molecules/blocks/teaser-cover-full:t--bg-2" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets?" cols="col-xl-4 col-md-12" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
				{{ render "molecules/blocks/teaser-cover-full:t--bg-2" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets?" cols="col-xl-4 col-md-12" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
			</div>
		{{/unless}}
	</div>
</div>
