<div class="grid12 center-block">
	<h2>Header Market Data Full Viewport <small class="text-light">Organism: molecules-teaser-stage-full-viewport</small></h2>
</div>
<div class="row no-padding teaser__container">
	<div class="is-slider is-slider--inner-arrow">
		{{ render "molecules/blocks/teaser-stage-full-viewport:t--bg-3" teaserCoverNoBg=true hasImg=true img="teaser-market-data.jpg" marketData=true title="Teaser stage full viewport title" text="Teaser stage full viewport text placeholder." button=true teaserCoverFullHeight=true titleH1=true withUnderline=false }}
		{{ render "molecules/blocks/teaser-stage-full-viewport" teaserCoverNoBg=true hasImg=true img="teaser-market-data.jpg" marketData=true title="Teaser stage full viewport title" text="Teaser stage full viewport text placeholder." button=true teaserCoverFullHeight=true titleH1=true withUnderline=false }}
		{{ render "molecules/blocks/teaser-stage-full-viewport:t--bg-3" teaserCoverNoBg=true hasImg=true img="teaser-market-data.jpg" marketData=true title="Teaser stage full viewport title" text="Teaser stage full viewport text placeholder." button=true teaserCoverFullHeight=true titleH1=true withUnderline=false }}
		{{ render "molecules/blocks/teaser-stage-full-viewport:t--bg-3" teaserCoverNoBg=true hasImg=true img="teaser-market-data.jpg" marketData=true title="Teaser stage full viewport title" text="Teaser stage full viewport text placeholder." button=true teaserCoverFullHeight=true titleH1=true withUnderline=false }}
	</div>
</div>

<div class="grid12 center-block">
	{{ render "molecules/text/content-title" title="Teasers Examples" subtitle=false }}
	{{ render "atoms/global/space" space=10 }}
	<h2>1/2 Text/Keyfact Teaser <small class="text-light">Molecule: teaser-half-fact</small></h2>
	{{ render "molecules/blocks/teaser-half-fact:t--bg-6" isReverse=true title="Lorem ipsum title" text="Teaser text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit erat rhoncus mauris sodales vehicula nec ligula" button=true icon="checklist" facts-text=true facts-text-text="Among the" facts-highlight=true facts-highlight-text="10 largest" facts-description=true facts-description-text="bank owned assets and wealthmanagers worldwide<sup>1</sup>" }}

	{{ render "atoms/global/space" space=10 }}
</div>

<div class="grid12 center-block">
	<h2>Chart of the day <small class="text-light">Organism: organisms-teaser-chart-of-the-day</small></h2>
	{{ render "atoms/global/space" space=10 }}
</div>
<div class="grid12 center-block">
	{{ render "organisms/teasers/teaser-chart-of-the-day" }}
</div>

{{ render "atoms/global/space" space=10 }}
<div class="grid12 center-block">
	<h2>Content Teaser Full Viewport <small class="text-light">Molecule: molecules-teaser-stage-full-viewport</small></h2>
</div>
{{ render "atoms/global/space" space=2 }}
{{ render "organisms/sliders/content-full-viewport-slider" }}

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

<!-- <div class="grid-12 center-block">
	<h2>Content Teaser Full Viewport - half screen content <small class="text-light">Molecule: molecules-teaser-half</small></h2>
	{{ render "atoms/global/space" space=2 }}
</div>
<div class="row no-padding relative-el teaser__container">
	{{ render "molecules/blocks/teaser-half:t--bg-5" fullScreen=true isReverse=true title="Find from all publications lorem ipsum dolor sit amet" text="Deutsche Asset Management provides investors with access to some of the financial industry’s most noted publications by professionals from the world lorem ipsum dolor sit." button=true }}
</div>
{{ render "atoms/global/space" space=10 }} -->
<div class="grid12 center-block">
	<h2>Header Full Viewport <small class="text-light">Organism: organisms-main-slider</small></h2>
</div>
{{ render "atoms/global/space" space=2 }}
{{ render "organisms/sliders/main-slider" }}

<div class="grid12 center-block">
	<h2>Header Quote/Video/Statement Full Viewport <small class="text-light">Molecule: molecules-teaser-stage-full-viewport-quote</small></h2>
</div>
{{ render "atoms/global/space" space=2 }}
<div class="row no-padding">
	<div class="is-slider is-slider--inner-arrow">
		{{ render "molecules/blocks/teaser-stage-full-viewport-quote:t--bg-3" buttonPlay=true teaserCoverFullHeight=false teaserCoverNoBg=true }}
		{{ render "molecules/blocks/teaser-stage-full-viewport-quote:t--bg-3" buttonPlay=true teaserCoverFullHeight=true }}
		{{ render "molecules/blocks/teaser-stage-full-viewport:t--bg-2 teaser--introtext t--size-7" hasImg=true img="teaser-intro.jpg" introText=true RemoveAuxWrapper=true title="Every one of us is an ambassador for the Deutsche Asset Management brand." }}
	</div>
</div>

{{ render "atoms/global/space" space=20 }}
<div class="grid12 center-block">
	<h2>Home Stage 2/3 + Text Teaser 1/3 <small class="text-light">Organism: organisms-slider-main-overlay</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/sliders/slider-main-overlay:t--bg-1" stageText=true button=false }}


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

	<h2>Home Stage 2/3 + Text Teaser 1/3 <small class="text-light">Organism: organisms-slider-main-overlay</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/sliders/slider-main-overlay:t--bg-1" stageText=true button=true }}

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


	<h2>Home Stage 2/3 <small class="text-light">Organism: organisms-slider-main-overlay</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/sliders/slider-main-overlay:t--bg-1" }}


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

	<h2>Home Stage 2/3 <small class="text-light">Organism: organisms-slider-main-overlay</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/sliders/slider-main-overlay:t--bg-2" }}


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


	<h2>Home Stage 2/3 <small class="text-light">Organism: organisms-slider-main-overlay</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/sliders/slider-main-overlay:t--bg-3" }}


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


	<h2>Text Teaser 1/2 <small class="text-light">Molecule: molecules-teaser-text</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-imageless.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-text: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? Find all thought leadership materials in our document center." cols="col-xl-6" button=false }}
		{{ render "molecules/blocks/teaser-text: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? Find all thought leadership materials in our document center." cols="col-xl-6" button=false }}
	</div>


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

	<h2>Text Teaser 1/2 <small class="text-light">Molecule: molecules-teaser-text</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-imageless.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-text:t--bg-4" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center." cols="col-xl-6" button=false }}
		{{ render "molecules/blocks/teaser-text:t--bg-4" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center." cols="col-xl-6" button=false }}
	</div>

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

	<h2>Text Teaser 1/3 <small class="text-light">Molecule: molecules-teaser-text</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-imageless.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-text: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? Find all thought leadership materials in our document center." cols="col-xl-4 col-lg-6" button=false }}
		{{ render "molecules/blocks/teaser-text: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? Find all thought leadership materials in our document center." cols="col-xl-4 col-lg-6" button=false  }}
		{{ render "molecules/blocks/teaser-text: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? Find all thought leadership materials in our document center." cols="col-xl-4 col-lg-6" button=false  }}
	</div>


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

	<h2>Text Teaser 1/3 <small class="text-light">Molecule: molecules-teaser-text</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-imageless.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-text:t--bg-4" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center." cols="col-xl-4 col-lg-6" button=false }}
		{{ render "molecules/blocks/teaser-text:t--bg-4" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center." cols="col-xl-4 col-lg-6" button=false  }}
		{{ render "molecules/blocks/teaser-text:t--bg-4" labelGrey=true labelOrange=true title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center." cols="col-xl-4 col-lg-6" button=false  }}
	</div>


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


	<h2>1/2 Transparent Overlay <small class="text-light">Organism: organisms-teaser-cover-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-cover-full" productLink=true withUnderline=true }}


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


	<h2>1/2 Transparent overlay <small class="text-light">Molecule: molecules-teaser-cover-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-cover-full.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ 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-6" iconArrow=true 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-6" iconArrow=true withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/2 Transparent Overlay <small class="text-light">Molecule: molecules-teaser-cover-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-cover-full.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-cover-full:t--bg-3" 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-6" iconArrow=true withUnderline=true }}
		{{ render "molecules/blocks/teaser-cover-full:t--bg-3" 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-6" button=true withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/2 Opaque Overlay <small class="text-light">Organism: organisms-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-vertical" productLink=true withUnderline=true }}

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


	<h2>1/2 Opaque Overlay <small class="text-light">Molecule: molecules-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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">
		{{ render "molecules/blocks/teaser-vertical:t--bg-2" 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." cols="col-xl-6" iconArrow=true withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-2" 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." cols="col-xl-6" iconArrow=true withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/2 Opaque Overlay <small class="text-light">Molecule: molecules-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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">
		{{ render "molecules/blocks/teaser-vertical:t--bg-4" 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." cols="col-xl-6" iconArrow=true withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-4" 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." cols="col-xl-6" iconArrow=true withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/3 Opaque overlay <small class="text-light">Organism: organisms-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-vertical" teaserCopyDark=true columns3=true productLink=true withUnderline=true }}


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


	<h2>1/3 Opaque overlay <small class="text-light">Molecule: molecules-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- TODO: ADD annotation: in order to avoid patternlab issue with inherited variables now we're working directly with the molecule corresponding to the organism-slider-vertical.mustache -->
	<div class="row no-padding teaser__wrapper is-slider is-slider--outer-arrow" data-column="3">
		{{ render "molecules/blocks/teaser-vertical:t--bg-2" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-2" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-2" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-2" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/3 Opaque Overlay <small class="text-light">Molecule: molecules-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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">
		{{ render "molecules/blocks/teaser-vertical:t--bg-4" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-4" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-4" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/3 Icon teaser <small class="text-light">Molecule: molecules-teaser-vertical</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<div class="row no-padding teaser__wrapper is-slider is-slider--outer-arrow" data-column="3">
		{{ render "molecules/blocks/teaser-vertical:t--bg-4 teaser--key-facts" iconTeaser=true icon="sustainability" title="Our tactical and strategic view" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-4 teaser--key-facts" iconTeaser=true icon="rating" title="Equity-market outlook 2016: tactical, selective and constructive" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller='teaser--media--taller' ithUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-4 teaser--key-facts" iconTeaser=true icon="ranking" title="Lorem ipsum dolor sit amet consetetur" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller='teaser--media--taller' withUnderline=true }}
		{{ render "molecules/blocks/teaser-vertical:t--bg-4 teaser--key-facts" iconTeaser=true icon="sustainability" 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." cols="col-xl-4 col-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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



	<h2>1/3 Transparent Overlay <small class="text-light">Organism: organisms-teaser-cover-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-cover-full" columns3=true productLink=true }}


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


	<h2>1/3 Transparent Overlay <small class="text-light">Molecule: molecules-teaser-cover-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-cover-full.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ 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-lg-6" 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-lg-6" 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-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/3 Transparent Overlay <small class="text-light">Molecule: molecules-teaser-cover-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-cover-full.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-cover-full:t--bg-3" 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-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-cover-full:t--bg-3" 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-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
		{{ render "molecules/blocks/teaser-cover-full:t--bg-3" 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-lg-6" iconArrow=true taller="teaser--media--taller" withUnderline=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/3 Download Teaser <small class="text-light">Organism: organisms-teaser-download</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-download" productLink=true }}


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


	<h2>1/3 Download teaser <small class="text-light">Molecule: molecules-teaser-download</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-download.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-download:t--bg-2" title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center" detail="lorem ipsum, lorem" }}
		{{ render "molecules/blocks/teaser-download:t--bg-2" title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center" detail="lorem ipsum, lorem" }}
		{{ render "molecules/blocks/teaser-download:t--bg-2" title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center" }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>


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


	<h2>1/3 Download Teaser <small class="text-light">Molecule: molecules-teaser-download</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-download.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-download:t--bg-4" title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center" }}
		{{ render "molecules/blocks/teaser-download:t--bg-4" title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center" }}
		{{ render "molecules/blocks/teaser-download:t--bg-4" title="CIO View goes digital" text="Are you looking to better understand the state of the economy and markets? Find all thought leadership materials in our document center" detail="lorem ipsum, lorem" }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">See all <span class="icons-internal-link"></span></a>

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

	<h2>1/3 Download Teaser Slider<small class="text-light">Molecule: molecules-teaser-download</small></h2>

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

	{{ render "organisms/sliders/slider-text-tiles" productLink=true }}


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


	<h2>1/3 Download Teaser with image <small class="text-light">Organism: organisms-teaser-img-download</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-img-download" teaserCopyDark=true columns3=true productLink=true }}


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


	<h2>Key Facts Teaser <small class="text-light">Organism: organisms-teaser-key-facts</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-key-facts" }}

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

	<h2>Teaser fact tiles <small class="text-light">organisms-teaser-fact-tiles</small></h2>
	<div class="row no-padding teaser__wrapper teaser__wrapper--lines">
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
		{{ render "organisms/teasers/teaser-fact-tiles:t--bg-4 col-xl-4 col-lg-6 col-sm-12" title="Work" text="as one team" }}
	</div>

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

	<h2>1/2 Download Teaser with image <small class="text-light">Organism: organisms-teaser-img-download</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-img-download" teaserCopyDark=true productLink=true }}


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


	<h2>Header Regular <small class="text-light">Organism: organisms-teaser-full</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-full:t--bg-1" }}


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


	<h2>Header Regular <small class="text-light">Molecule: molecules-teaser-header</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-full.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-header:t--bg-2" title="Cio View goes Digital" text="Our market outlook is now" button=true teaserNoImage=true headerRegular=true }}
	</div>


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


	<h2>Header Regular <small class="text-light">Molecule: molecules-teaser-header</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-full.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-header:t--bg-3" title="Cio View goes Digital" text="Our market outlook is now" button=true teaserNoImage=true headerRegular=true }}
	</div>


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

	<h2>Header Big with mobile image <small class="text-light">Molecule: molecules-teaser-header</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-stage-mobile-image.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-header:t--bg-2" title="Cio View goes Digital" text="Our market outlook is now" button=true teaserImage=true headerBig=true }}
	</div>
	{{#unless cioview}}
	{{ render "atoms/global/space" space=10 }}
	<h2>Header Big with mobile image - Blog Header <small class="text-light">Molecule: molecules-teaser-header</small></h2>
	{{ render "atoms/global/space" space=2 }}

	<!-- 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-stage-mobile-image.mustache -->

	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-header:t--bg-2" date=true title="Cio View goes Digital" text="Our market outlook is now" button=true teaserImage=true headerBig=true author=true }}
	</div>
	{{/unless}}

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

	<h2>Header Big <small class="text-light">Molecule: molecules-teaser-header</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-header-stage.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-header:t--bg-2" title="Cio View goes Digital" text="Our market outlook is now" button=true teaserNoImage=true headerBig=true }}
	</div>


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

	<h2>Header Big <small class="text-light">Molecule: molecules-teaser-header</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<!-- 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-header-stage.mustache -->
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-header:t--bg-3" title="Cio View goes Digital" text="Our market outlook is now" button=true teaserNoImage=true headerBig=true }}
	</div>


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


	<h2>1/2 Experts Teaser <small class="text-light">Organism: organisms-teaser-left and Molecule: molecules-teaser-profile</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-profile:t--bg-1 force-t--size-3" half=true isClickable=true iconArrow=true title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus, libero amet obcaecati corrupti cum, quae suscipit voluptates dolorum cupiditate sunt, a ex explicabo ad sed possimus perferendis vel! Sapiente." }}
	</div>
	{{ render "atoms/global/space" space=2 }}

	{{ render "organisms/teasers/teaser-left" }}

	{{ render "atoms/global/space" space=20 }}
	<h2>Read the latest from our experts</h2>
	{{ render "atoms/global/space" space=16 }}

	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-profile:t--bg-6" metadata=true isClickable=true title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus, libero amet obcaecati corrupti cum, quae suscipit voluptates dolorum cupiditate sunt, a ex explicabo ad sed possimus perferendis vel! Sapiente." iconArrow=true }}
		{{ render "molecules/blocks/teaser-profile:t--bg-6" metadata=true isClickable=true title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem" iconArrow=true }}
	</div>
	<a class="product-link lk-icon" href="javascript:;">Read more topics <span class="icons-internal-link"></span></a>

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


	<h2>1/2 Experts Teaser without link <small class="text-light">Molecule: molecules-teaser-profile</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-profile:t--bg-4" title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus, libero amet obcaecati corrupti cum, quae suscipit voluptates dolorum cupiditate sunt, a ex explicabo ad sed possimus perferendis vel! Sapiente." }}
		{{ render "molecules/blocks/teaser-profile:t--bg-4" title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus, libero amet obcaecati corrupti cum, quae suscipit voluptates dolorum cupiditate sunt, a ex explicabo ad sed possimus perferendis vel! Sapiente." }}
	</div>

	{{ render "atoms/global/space" space=2 }}
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/teaser-profile:t--bg-1" title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus, libero amet obcaecati corrupti cum, quae suscipit voluptates dolorum cupiditate sunt, a ex explicabo ad sed possimus perferendis vel! Sapiente." }}
		{{ render "molecules/blocks/teaser-profile:t--bg-1" title="Prof. Dr. Teodoro D. Cocca" text="Professor for Asset and Wealth Management Johannes Kepler University Linz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita natus, libero amet obcaecati corrupti cum, quae suscipit voluptates dolorum cupiditate sunt, a ex explicabo ad sed possimus perferendis vel! Sapiente." }}
	</div>


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


	<h2>Experts Header <small class="text-light">Organism: organisms-teaser-about-author</small></h2>
	{{ render "organisms/teasers/teaser-about-author:t--bg-4" }}


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

	<h2>1/1 Horizontal Teaser - 1/1 Opaque Overlay <small class="text-light">Organism: organisms-teaser-half</small></h2>
	{{ render "organisms/teasers/teaser-half:t--bg-1" }}

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


	<h2>1/1 Opaque Overlay with margins <small class="text-light">Organism: organisms-teaser-frame</small></h2>
	{{ render "organisms/teasers/teaser-frame" }}


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


	<h2>Quote Header <small class="text-light">Organism: organisms-teaser-quote</small></h2>
	{{ render "organisms/teasers/teaser-quote" }}
	{{ render "atoms/global/space" space=10 }}
	<div class="row no-padding">
	{{ render "molecules/blocks/teaser-quote:t--bg-6" title=true profileImage=true portraitOption=2 socialShare=true author=true }}
	</div>
	{{ render "atoms/global/space" space=10 }}
	<div class="row no-padding">
	{{ render "molecules/blocks/teaser-quote:t--bg-7" title=true profileImage=true portraitOption=2 socialShare=true author=true }}
	</div>
	{{ render "atoms/global/space" space=10 }}
	<div class="row no-padding">
	{{ render "molecules/blocks/teaser-quote:t--bg-3" title=true profileImage=true portraitOption=2 socialShare=true author=true }}
	</div>
	{{ render "atoms/global/space" space=10 }}
	<h2>Quote Header - Without headline <small class="text-light">Organism: organisms-teaser-quote</small></h2>
	{{! teasers\teaser-quote }}
	<div class="row no-padding">
		{{ render "molecules/blocks/teaser-quote:t--bg-1" title=false profileImage=true portraitOption=2 socialShare=true author=true }}
	</div>
	{{ render "atoms/global/space" space=10 }}

	<h2>Search Result Teaser <small class="text-light">Molecules: molecules-tile-image-m-block and molecules-tile-m-block</small></h2>
	{{ render "atoms/global/space" space=2 }}
	<div class="row no-padding teaser__wrapper">
		{{ render "molecules/blocks/tile-image-m-block:t--bg-2" labelGrey=true labelOrange=true withUnderline=true }}
		{{ render "molecules/blocks/tile-m-block:t--bg-2" labelGrey=true labelOrange=true withUnderline=true }}
		{{ render "molecules/blocks/tile-image-m-block:t--bg-2" download=true labelGrey=true labelOrange=true withUnderline=true }}
	</div>


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


	<h2>Facts Teaser <small class="text-light">Organism: organisms-teaser-facts</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-facts-multi-line" }}

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

	<h2>Teaser Business Unit module - blue<small class="text-light">Organism: organisms-teaser-navigation</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-navigation" modifier="t--bg-1" }}

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

	<h2>Teaser Business Unit module - black<small class="text-light">Organism: organisms-teaser-navigation</small></h2>
	{{ render "atoms/global/space" space=2 }}
	{{ render "organisms/teasers/teaser-navigation" modifier="t--bg-2" }}

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

	<h2>Expandable Teaser <small class="text-light">Organism: organisms-expandable-teaser</small></h2>
	{{ render "atoms/global/space" space=2 }}

	{{ render "organisms/teasers/expandable-teaser" }}

	{{ render "atoms/global/space" space=10 }}
</div>



{{! Keep outside .grid12.center-block }}

<h2>Facts Teaser Fullscreen <small class="text-light">Organism: organisms-facts-teaser-fullscreen</small></h2>

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

{{ render "organisms/sliders/facts-teaser-fullscreen" }}

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

{{! Organism popbox-video for teaser stage with quote}}
{{ render "organisms/general/popbox-video-lightbox" }}


{{! Container of the popbox of the market-data for mobile devices }}
{{ render "organisms/general/popbox-market-data" }}


<script src="../../js/application.js"></script>

<script>
	{{ render "atoms/scripts/script-tags-toggler" }}
	{{ render "atoms/scripts/script-teaser-navigation" }}
	{{ render "atoms/scripts/script-video-lightbox" }}
	{{ render "atoms/scripts/script-expandable-teaser" }}
</script>
