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

<div class="grid12 center-block">
	<div class="row no-padding">
		{{ render "molecules/blocks/teaser-stage-full-viewport:t--bg-2" title="Ordering of Print Brochures" titleH1=true size="force-t--size-3" }}
		{{ render "atoms/global/space" space=2 }}
	</div>

	<div class="row content internal-concept">
		<div class="col-xl-12">
			<div class="row no-padding">
				<div class="col-xl-8 col-lg-12 no-padding-right">
					{{ render "atoms/global/space" space=6 }}

					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro repellendus facilis nulla fugit magni iste, sit sint ea! Quos recusandae quam dicta cum eveniet veritatis ad, deleniti, tempora beatae quo dolores amet nostrum perferendis magnam tempore incidunt facere. Ipsum praesentium totam quis, sapiente sunt minus nobis? Beatae, rem. Sunt ut ullam id alias, maxime soluta, fugit esse veniam at. Non reprehenderit sapiente sequi, minima blanditiis maiores quisquam, laborum doloremque veritatis! Dignissimos minima quibusdam aliquid incidunt. Omnis rem esse pariatur, tenetur atque explicabo numquam. Est ipsum saepe temporibus voluptatibus nulla, fugiat.</p>

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

					{{ render "molecules/components/steps" orderingOfPrintBrochures=true step1Checked=true step1Active=true }}

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

	<div class="row">
		<div class="col-xl-12 no-padding">
		{{ render "molecules/text/section-header" title="I want to order the following material as print version,<br>free of charge:" noBorder=true }}
		</div>
	</div>

	{{ render "organisms/teasers/teaser-selectable" isVideo=true }}

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

	<div class="row content internal-concept">
		<div class="col-xl-8 col-lg-12 no-padding-right">
			{{ render "organisms/forms/brochure-order-form" }}
		</div>
	</div>
</div>

<div class="row">
	{{ render "atoms/global/space" space=20 }}
</div>

<div class="grid12 center-block">
	<div class="row">
		{{ render "molecules/text/content-title" title="Print Brochures ordered succesfully" subtitle=false }}
	</div>
	<div class="row content internal-concept">
		<div class="col-xl-12">
			<div class="row no-padding">
				<div class="col-xl-8 col-lg-12 no-padding-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi error blanditiis, laborum repellat at iusto asperiores ab mollitia quo quis repudiandae architecto nobis aut ea deserunt nesciunt est sed. Numquam.</p>
					{{ render "atoms/global/space" space=10 }}
					{{ render "molecules/components/steps" orderingOfPrintBrochures=true step1Checked=true step2Checked=true step1Active=true step2Active=true active="step--active step--1-active step--2-active" }}
					{{ render "atoms/global/space" space=10 }}
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, distinctio.</p>
					{{ render "atoms/global/space" space="20 hr" }}
					{{ render "atoms/text/call-to-action" text="Go to portal <span class=\"text-nowrap\">startpage" }}
					{{ render "atoms/global/space" space=12 }}
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		{{ render "atoms/global/space" space=20 }}
	</div>

	<div class="row content internal-concept">
		<div class="col-xl-8 col-lg-12">
			{{ render "atoms/global/space" space=6 }}
			<h3>Register and be always up-to-date</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit debitis pariatur ullam explicabo voluptatibus, adipisci expedita saepe illo harum modi a! Tempore vero laboriosam accusamus amet asperiores dolorem porro rerum alias consequuntur, facilis impedit architecto, incidunt reprehenderit harum aspernatur nulla!</p>
			<ul class="list-1">
				<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, minus?</li>
				<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia officia nostrum provident ex animi at accusantium labore facere saepe quod!</li>
				<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur doloremque, architecto laudantium saepe fugit, dignissimos voluptas minus autem eaque sit.</li>
			</ul>
			{{ render "atoms/global/space" space=10 }}
			<a href="javascript:;" class="btn btn-orange">Enroll now</a>
			{{ render "atoms/global/space" space=12 }}
		</div>
		<div class="col-xl-4 col-lg-12">
			<figure>
				<img src="{{imgProvider}}400/300" alt="">
			</figure>
		</div>
	</div>
</div>

{{ render "organisms/global/all-stickers" default=true }}


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

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

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

<script>
	{{ render "atoms/scripts/script-login-form-flyout" }}
	{{ render "atoms/scripts/script-login-form" }}
	{{ render "atoms/scripts/script-newsletter-teaser-checkbox" }}
	{{ render "atoms/scripts/script-video-lightbox" }}
	{{ render "atoms/scripts/script-form" selector=".brochure-order-form" }}
	{{ render "atoms/scripts/script-main-navigation" }}
</script>
