{{#fields}}

<div class="blog-details-wrapper">
	<!-- blog cta area --->
	<div class="blog-cta-top-area">
		<div class="blog-area-left-cta">
			<div class="title-cta-area">
				<span class="block-cta" id="block-cta">{{cta_block_title}}</span>
				<span class="regular-cta" id="regular-cta">{{cta_regular_title}}</span>
				<span class="subtitle-cta" id="subtitle-cta">{{cta_sub_title}}</span>
			</div>
		</div>


		<div class="blog-area-right-cta">
			<div class="author-area hide-for-mobile">

				<div class="image-area-blog">
					<div class="bio-image-wrap"><img class="brightness" src="{{bio_area_photo}}"></img></div>
					<!--<div class="motiv-bio-about-me">{{bio_area_about_me}}</div>-->
				</div>

				<div class="blog-details-meta">

					<div class="contentItem">
						{{#author}}
						{{#contentItem}}
						<div class="name">{{{name}}}, <span class="motiv-bio-title">{{bio_area_title}}</span></div>
						{{/contentItem}}
						{{/author}}
						<div class="social-content">
							<div class="social-media-bio-area"><a href="{{bio_social_linkedin}}" target="_blank"><i
										class="fab fa-linkedin"></i></a></div>
							<div class="date">{{creation_date.formated}}</div>
						</div>
					</div>

				</div> <!-- end : blog details meta -->
			</div> <!-- end : Author area -->
			<div class="blog-cta-excerpt">
				{{{cta_excerpt}}}
			</div>

			<!-- Secondary display for mobile -->
			<div class="author-area hide-for-desktop">
				<div class="image-area-blog">
					<div class="bio-image-wrap"><img class="brightness" src="{{bio_area_photo}}"></img></div>
					<!--<div class="motiv-bio-about-me">{{bio_area_about_me}}</div>-->
				</div>

				<div class="blog-details-meta">

					<div class="contentItem">
						{{#author}}
						{{#contentItem}}
						<div class="name">{{{name}}}, <span class="motiv-bio-title">{{bio_area_title}}</span></div>
						{{/contentItem}}
						{{/author}}
						<div class="social-content">
							<div class="social-media-bio-area"><a href="{{bio_social_linkedin}}" target="_blank"><i
										class="fab fa-linkedin"></i></a></div>
							<div class="date">{{creation_date.formated}}</div>
						</div>
					</div>

				</div> <!-- end : blog details meta -->
			</div> <!-- end : Author area -->

		</div>

	</div>
	<!-- end : blog cta area -->


	<!-- main blog content -->
	<div class="blog-details-main-content">
		<div class="scs-container-styles motiv-maxwidth-1200">

			<div class="hide-for-meta" id="blog-details-title" class="blog-details-title">
				{{Title}}
			</div>
			<div class="blog-details-content-item">

				<!--<div class="blog-details-meta">	

<div class="contentItem">
	{{#author}}
	{{#contentItem}}
	<div class="name">{{{name}}}</div>
	{{/contentItem}}
	{{/author}}
	<div class="date">{{creation_date.formated}}</div>
</div>


</div> -->
				<!-- end : blog details meta -->

				<!--
<li><h2>card_image</h2></li>
{{#card_image}}
<li><img src="{{url}}"></img></li>
{{/card_image}}
-->

				<div id="blog-detail-article" class="blog-details-article">

					<p>{{{article}}}</p>
				</div>

			</div><!-- end : blog details content item -->



		</div> <!-- end : scs-container-styles -->
	</div> <!-- end : main blog content -->

</div> <!-- end : blog details wrapper -->
{{/fields}}