{{ render "organisms/global/header" cioview=cioview etfus=etfus deawm=deawm navegation=true }}

<div class="grid12 center-block">
	{{ render "organisms/pages/content-header" }}

	{{#if cio-content}}
		<div class="row">
			<div class="col-xl-12 no-padding">
				{{ render "molecules/messaging/notification:warning" message="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, earum!" }}
			</div>
		</div>

		<div class="row no-padding teaser__wrapper">
			{{ render "molecules/blocks/teaser-header:t--bg-1" title="Cio View goes Digital" text="Our market outlook is now" button=false teaserNoImage=true headerRegular=true author=false }}
		</div>
	{{/if}}
</div>

{{#if cio-content}}
	<div class="grid12 center-block">
		<div class="row">
			<div class="col-xl-12 no-padding">
				{{ render "molecules/text/section-header" title="Title placeholder" h3=false noBorder=true }}
			</div>
		</div>
	</div>

	<div class="grid12 center-block">
		<div class="content internal-concept internal-concept--text">
			<div class="row">
				<div class="col-xl-8 col-lg-12">
					{{ render "molecules/blocks/teaser-quote" transparent=true internalConcept=true }}
					<h2 class="h2">HeadingHeadline Level 2</h2>
					<h3 class="h3">Headline Level 3</h3>
					<h4 class="h4">Headline Level 4</h4>

					{{ render "molecules/text/section-header" title="Title placeholder" }}
					<p>Paragraph:Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<a href="https://www.google.de/" target="_blank" title="This is a example of tooltip" data-tooltip>Externer Link</a> commodo ligulaohne Protokoll eget dolor. <a  href="javascript:;" data-tooltip='{"linkToAll": "https://www.google.com", "linkToAllText": "More on Monetary liquidity","links": [{"link": "https://www.google.com", "text": "Subdued mood on the markets?", "tags": [{"text": "10 Jan 2015", "type": "label-grey"}, {"text": "Our clients", "type": "label-orange"}]},{"link": "https://www.google.com", "text": "Central banks- the limits of their power?", "tags": [{"text": "10 Jan 2015", "type": "label-grey"},{"text": "Our clients", "type": "label-orange"}]},{"link": "https://www.google.com", "text": "More on Monetary liquidity", "tags": [{"text": "10 Jan 2015", "type": "label-grey"}, {"text": "Our clients", "type": "label-orange"}]}]}' data-tooltip-theme="tooltip--style-2">Tooltip with content</a>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur <strong>bold:ridiculus</strong> mus. <i>italics:Donec</i> <i><strong>bold-italics:quam</strong></i> felis, ultricies nec</p>
					<p>eu, <sup>superscript:pretium</sup> quis. Sem <sub>Nulla consequat massa</sub> quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Glossary term:bla dictum felis eu pede mollis pretium. Nur de GlossarInteger tincidunt. Cras dapibus.interner Link elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
				</div>
			</div>
		</div>
	</div>

	<div class="grid12 center-block">
		<div class="content internal-concept internal-concept--text">
			<div class="row">
				<div class="col-xl-8 col-lg-12">
					<p>Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</i></p>
					<p>Lorem ipsum dolor sit amet, <strong>consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</strong></p>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
					<p>Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</i></p>
					<p>Lorem ipsum dolor sit amet, <strong>consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</strong></p>
				</div>

				<div class="col-xl-4 col-lg-12">
					<figure>
						{{ render "atoms/images/image" width=448 height=480 }}
					</figure>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio modi, unde quasi fugiat repudiandae magnam?</p>
				</div>
			</div>
			<div class="row">
				<div class="col-xl-8 col-lg-12">
					{{ render "molecules/blocks/teaser-quote" transparent=true internalConcept=true }}
				</div>
			</div>

			{{ render "molecules/blocks/teaser-title-and-text" title="Deutsche X-trackers" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus." }}

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

			{{ render "atoms/global/space" space="12 hr" }}

			<div class="row">
				<div class="col-xl-8 col-lg-12">
					{{ render "molecules/text/footnote-sup" default=true noPadding="no-padding" darkText=true hasSup=true }}
				</div>
			</div>

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

	<div class="grid12 center-block">
		{{ render "atoms/global/space" space=2 }}
	</div>

	<div class="grid12 center-block">
		{{ render "organisms/teasers/teaser-img-download" teaserCopyDark=true productLink=false }}
		{{ render "atoms/global/space" space=2 }}
		{{ render "organisms/teasers/teaser-img-download" teaserCopyDark=true productLink=false }}
	</div>

	<div class="grid12 center-block">
		{{ render "atoms/global/space" space=2 }}
	</div>

	<div class="grid12 center-block">
		<!-- 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-left.mustache -->
		<div class="row no-padding teaser__wrapper">
			{{ render "molecules/blocks/teaser-profile:t--bg-4" 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-4" 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 }}
		</div>
	</div>

	<div class="grid12 center-block">
		{{ render "atoms/global/space" space=2 }}
	</div>

	<div class="grid12 center-block">
		<div class="content internal-concept internal-concept--text">
			<div class="row">
				<div class="col-xl-8 col-lg-12">
					{{ render "molecules/text/section-header" title="Title placeholder" }}
					<p>Lorem ipsum dolor sit amet, lala adipiscing elit. <a href="javascript:;" title="example" data-tooltip>Glossary</a> term commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient lala , nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, <a href="javascript:;" title="Nulla consequat massa quis enim. Donec pede justo, fringilla" data-tooltip>aliquet</a> nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. <a href="javascript:;" title="Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi" data-tooltip>Aenean vulputate eleifend tellus</a>. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
					<p>Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					<p>x Paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				</div>
			</div>
		</div>
	</div>

	<div class="grid12 center-block">
		{{ render "atoms/global/space" space=2 }}
		{{ render "organisms/teasers/teaser-facts" }}
	</div>


	<div class="grid12 center-block">
		{{ render "atoms/global/space" space=2 }}

		<div class="no-padding">
			<div class="row">
				{{ render "molecules/text/content-title:has-border" title="Infographics" subtitle=false }}
			</div>

			<div class="row internal-concept">
				<div class="col-xl-8 col-md-12">
					<h3> {{ render "atoms/icons/icon:square gray" }} Fixed income: limited opportunities</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
					{{ render "organisms/graphs-and-charts/donut-chart" index=1 type=1 }}
					{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
					{{ render "atoms/global/space" space=8 }}

					<h3> {{ render "atoms/icons/icon:square dark-blue" }} Equities: further to go</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
					{{ render "atoms/global/space" space=8 }}

					<h3> {{ render "atoms/icons/icon:square orange" }} Commodities: geopolitics vs. fundamentals</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
					{{ render "organisms/graphs-and-charts/donut-chart" index=2 type=2 }}
					{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
					{{ render "atoms/global/space" space=8 }}

					<h3> {{ render "atoms/icons/icon:square dark-blue" }} Equities: further to go</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
					{{ render "organisms/graphs-and-charts/donut-chart" index=3 type=3 }}
					{{ render "organisms/graphs-and-charts/donut-chart" index=4 type=3 }}
					{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
					{{ render "atoms/global/space" space=8 }}

					{{ render "organisms/sections/square-label-text" }}
				</div>
			</div>
		</div>

		<div class="no-padding">
			<div class="row internal-concept">
				<div class="col-xl-12">
					{{ render "organisms/graphs-and-charts/donut-chart-layered" id="chart-wrapper" }}
				</div>
			</div>
		</div>

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

		<div class="content internal-concept categorized-text">
			<div class="row">
				<div class="col-xl-8 col-lg-12">
					<h2 class="h2">HeadingHeadline Level 2</h2>

					<blockquote class="blockquote">
						<p>
							<i class="icons-sprite icons-quote-start">"</i>Based on our investment professionals'<br>expertise, we take profound <span class="no-break">decisions.<i class="icons-sprite icons-quote-end">"</i></span>
						</p>
					</blockquote>

					{{ render "molecules/text/labeled-text:label-grey" }}
					{{ render "molecules/text/labeled-text:label-orange" }}
				</div>
			</div>
		</div>

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

		{{ render "organisms/sections/facts" with-dark-bg=true }}

		<div class="row dark-bg">
			<div class="col-xl-8 col-lg-12 no-padding">
				{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
			</div>
		</div>

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

	</div>

	{{ render "organisms/sliders/slider-content:is-slider--outer-arrow" column=3 }}

	<div class="grid12 center-block">

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

		{{ render "organisms/teasers/teaser-quote:t--bg-1" }}

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

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

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

		<div class="row content">
			<div class="col-xl-12 no-padding">
				{{ render "atoms/tables/table-togglable" colContent="col-xl-8 col-md-12" }}
			</div>
		</div>

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

		<div class="row content internal-concept">
			<div class="col-xl-12">
				{{ render "organisms/sections/symmetric-content" }}
			</div>
		</div>

		<div class="row content internal-concept">
			<div class="col-xl-12">
				<ul class="icon-list-demonstration">
					<li>{{ render "atoms/icons/icon:square dark-blue"}} <span>Federal Reserve</span></li>
					<li>{{ render "atoms/icons/icon:square orange"}} <span>Bank of England</span></li>
					<li>{{ render "atoms/icons/icon:square gray"}} <span>Bank of Japan</span></li>
					<li>{{ render "atoms/icons/icon:square bright-blue"}} <span>EuropÃ¤ische Zentralbank</span></li>
					<li>{{ render "atoms/icons/icon:arrow-up-traffic green"}} {{ render "atoms/icons/icon:arrow-right-traffic orange"}} {{ render "atoms/icons/icon:arrow-down-traffic red"}}</li>
					<li>{{ render "atoms/icons/icon:circle green"}} {{ render "atoms/icons/icon:circle orange"}} {{ render "atoms/icons/icon:circle red"}}</li>
					<li>{{ render "atoms/icons/icon:traffic-circle green"}} {{ render "atoms/icons/icon:traffic-circle orange"}} {{ render "atoms/icons/icon:traffic-circle red"}}</li>
				</ul>
			</div>
		</div>
		<div class="row no-padding">
			{{ render "atoms/global/space" space=2 }}
			<div class="col-xl-12">
				{{ render "molecules/tables/table-currencies" colContent="col-xl-8 col-md-12" }}
			</div>
		</div>

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

		{{ render "organisms/teasers/teaser-about-author:t--bg-4" }}

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

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

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

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

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

		{{ render "organisms/teasers/teaser-9-positions" }}

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

		{{ render "molecules/components/tags" default=true }}
	</div>

	<div class="grid12 center-block">

		<div class="dark-bg">

			{{ render "atoms/global/space" space="12 hr" }}


			<div class="row no-padding">
				<div class="col-xl-8 col-lg-12">
					{{ render "molecules/text/footnote-sup" default=true noPadding="no-padding" hasSup=true }}
				</div>
			</div>

			{{ render "atoms/global/space" space="12 hr" }}

			<div class="row no-padding">
				<div class="col-xl-8 col-lg-12">
					{{ render "molecules/components/quickly-options" }}
				</div>
			</div>
		</div>

		{{ render "molecules/text/section-header" title="Related Articles" noSpace=false h3=false noBorder=true }}
		<div class="teaser__wrapper">
			{{ render "molecules/blocks/teaser-vertical:t--bg-1" 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-1" 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-1" 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" download=true detail="lorem ipsum, sit amet" taller="teaser--media--taller" withUnderline=true }}
		</div>

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

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

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

		<div class="row no-padding teaser__wrapper">
			{{ render "molecules/blocks/teaser-half:t--bg-1" labelOrange=true labelGrey=true title="Prof. Barry Eichengreen" 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=false teaserSize="t--size-3" teaserMediaSize="t--size-3" isClickable=false }}
		</div>

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

		{{ render "organisms/general/video-and-text" iconArrow=false }}
	</div>
{{/if}}


{{#if cio-infographics}}
	<div class="grid12 center-block">
		<div class="row">
			{{ render "molecules/text/content-title:has-border" title="Infographics" subtitle=false }}
		</div>

		<div class="row internal-concept">
			<div class="col-xl-8 col-md-12">
				<h3>Fixed income: limited opportunities</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
				{{ render "organisms/graphs-and-charts/donut-chart" index=1 type=1 }}
				{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
				{{ render "atoms/global/space" space=8 }}

				<h3>Equities: further to go</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
				{{ render "atoms/global/space" space=8 }}

				<h3>Commodities: geopolitics vs. fundamentals</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
				{{ render "organisms/graphs-and-charts/donut-chart" index=2 type=2 }}
				{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
				{{ render "atoms/global/space" space=8 }}

				<h3>Equities: further to go</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
				{{ render "organisms/graphs-and-charts/donut-chart" index=3 type=3 }}
				{{ render "organisms/graphs-and-charts/donut-chart" index=4 type=3 }}
				{{ render "molecules/text/footnote-sup" default=true hasSup=true }}
				{{ render "atoms/global/space" space=8 }}

				<h3>Fixed income: limited opportunities</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>

				<h3>Fixed income: limited opportunities</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>

				<h3>Fixed income: limited opportunities</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>

				<h3>Fixed income: limited opportunities</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum doloremque itaque minima ipsam ut delectus, molestiae tempora obcaecati a aut aliquam debitis odit sed ducimus necessitatibus esse placeat, dolorem voluptas consectetur. A vero laborum dolorem, nisi delectus dolor sunt rerum illum repellat quos asperiores quae tenetur ipsa quia facilis placeat deserunt voluptates molestiae quis temporibus quidem, consequatur libero voluptas nihil commodi. Aspernatur atque veniam excepturi, magnam temporibus beatae numquam officia consequuntur placeat ex impedit, dignissimos eum et, optio velit alias.</p>
			</div>
		</div>
	</div>

	<div class="grid12 center-block">
		<div class="row internal-concept">
			<div class="col-xl-12">
				{{ render "organisms/graphs-and-charts/donut-chart-layered" id="chart-wrapper" index=5 }}
			</div>
		</div>
	</div>
{{else}}
	{{ render "organisms/global/all-stickers" default=true }}
{{/if}}

{{ render "organisms/global/all-stickers" sticker-issues-mobile=true }}

{{ render "templates/global/footer" deawm=deawm etfus=etfus cioview=cioview }}

{{ render "organisms/forms/feedback-popbox-form" }}

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

{{ render "organisms/external-samples/eyecatching-sample" }}

{{ render "organisms/general/popbox-video-lightbox" }}

<script>
	function createAllPageCharts(type) {
		/*
			All scripts below are necessary to create the charts,
			We only wrap it to a function 'createAllPageCharts' to when the theme is toggled
		 */
		{{ render "atoms/scripts/script-donut-chart-1 index=1" }}
		{{ render "atoms/scripts/script-donut-chart-2 index=2" }}
		{{ render "atoms/scripts/script-donut-chart-3 index=3" }}
		{{ render "atoms/scripts/script-donut-chart-3 index=4" }}

		{{ render "atoms/scripts/script-config-donut-chart-layered-theme-standard" }}
		{{ render "atoms/scripts/script-config-donut-chart-layered-theme-db-banking" }}

		/*
			The variable 'type' is just a reference for theme configuration defined above
				'standard':
						CDQ.global.themes.standard.bigChartData,
						CDQ.global.themes.standard.bigChartDataExtraOptions
				'dbdotcom':
					CDQ.global.themes.dbdotcom.bigChartData
					CDQ.global.themes.dbdotcom.bigChartDataExtraOptions
		 */
		{{ render "atoms/scripts/script-donut-chart-layered" selector="#chart-wrapper" }}
	};

	createAllPageCharts('standard');

	{{ render "atoms/scripts/script-main-navigation" }}
	{{ render "atoms/scripts/script-tags-toggler" }}
	{{ render "atoms/scripts/script-target-toggler" }}
	{{ render "atoms/scripts/script-tooltip" }}
	{{ render "atoms/scripts/script-video-lightbox" }}
</script>
