<div class="responsive-background-image custom-margin-padding{{#ifCond listFrom '==' 'tags'}} related-topics-list{{/ifCond}}
  {{#ifCond mobileMargin '!==' 'custom'}} {{mobileMargin}} {{/ifCond}}  
  {{#ifCond paddingMarginMobilePadding '!==' 'custom'}} {{paddingMarginMobilePadding}} {{/ifCond}}  
  {{#ifCond paddingMarginDeskMargin '!==' 'custom'}} {{paddingMarginDeskMargin}} {{/ifCond}}  
  {{#ifCond paddingMarginDeskPadding '!==' 'custom'}} {{paddingMarginDeskPadding}} {{/ifCond}}"
  {{#ifCond mobileMargin '==' 'custom'}} data-xs-margin="{{paddingMarginMobileMarginPix}}" {{/ifCond}}
  {{#ifCond paddingMarginMobilePadding '==' 'custom'}} data-xs-padding="{{paddingMarginMobilePaddingPix}}" {{/ifCond}}
  {{#ifCond paddingMarginDeskMargin '==' 'custom'}} data-md-margin="{{paddingMarginDeskMarginPix}}" {{/ifCond}}
  {{#ifCond paddingMarginDeskPadding '==' 'custom'}} data-md-padding="{{paddingMarginDeskPaddingPix}}" {{/ifCond}}
  style="{{#ifCond paddingMarginLeftRightMarginDisable '==' 'true'}} margin-left: 0!important; margin-right: 0!important {{/ifCond}}">

<div class="row">
	<div class ="c-list col-sm-12">
		{{#if listLinkTitle}}
			<h5 class="c-list__title" {{#if globalTileColor}} style="background-color: {{globalTileColor}};" {{/if}}>{{listLinkTitle}}</h5>
		{{/if}}

		{{#if mainText}}
			<p class="c-list__main-text">{{mainText}}</p>
		{{/if}}

		{{!-- Open <ul> or <ol> --}}
			{{#if bulletStyling}}
				{{#ifCond bulletStyling '==' "none"}}
					<ul class="c-list__list c-list__list--nobullets" style="list-style-type: none;">
				{{/ifCond}}
				
				{{#ifCond bulletStyling '==' "ul"}}
					<ul class="c-list__list" style="list-style-type: none;">
				{{/ifCond}}
				
				{{#ifCond bulletStyling '==' "ol"}}
					<ol>
				{{/ifCond}}
			{{else}}
				<ul class="c-list__list">
			{{/if}}

			{{#ifCond listFrom '==' 'tags'}}
				{{#each featuredItems.tags}}
					<li class="c-list__item">
						<a class="c-list__link" data-object-id="{{#if dataObjectIdLink}}{{dataObjectIdLink}}{{/if}}" href="/search?tags={{.}}">
						<span class="c-list__text">{{.}}</span>
						</a>
					</li>
				{{/each}}
			{{/ifCond}}

			{{#ifCond listFrom '==' 'linkList'}}
				{{#each linkListItems}}
					{{#with data}}
						<li class="c-list__item {{#if cssClassName}}{{cssClassName}}{{/if}}{{#ifCond linkType '==' 'download'}} download{{/ifCond}}">
							{{#ifCond linkType '==' 'download'}}
								{{#if damAsset}}
									<a class="c-list__link" data-object-id="{{#if dataObjectIdLink}}{{dataObjectIdLink}}{{/if}}" href="{{damAsset}}" {{#if forceDownload}}download{{/if}}>
								{{/if}}
							{{/ifCond}}
							{{#ifCond linkType "==" 'pageURL'}}
								{{#ifCond linkUrl '||' linkAnchor}}
									<a class="c-list__link" data-object-id="{{#if dataObjectIdLink}}{{dataObjectIdLink}}{{/if}}" href="{{linkUrl}}{{linkAnchor}}"
									target="{{linkTarget}}"
									{{#ifCond linkTarget '==' '_blank'}}
										rel="noopener noreferrer"
									{{/ifCond}}
									>
								{{/ifCond}}
							{{/ifCond}}

							{{#if linkImage}}
								<div class="c-list__img"> 
									<img class="lazyload" data-src="{{linkImage}}" alt="{{altText}}">
								</div>
							{{/if}}

							<span class="c-list__text">{{listText}}</span>

							{{#ifCond linkType '==' 'download'}}
								{{#if damAsset}}
									</a>
								{{/if}}
							{{/ifCond}}
							{{#ifCond linkType "==" 'pageURL'}}
								{{#ifCond linkUrl '||' linkAnchor}}
									</a>
								{{/ifCond}}
							{{/ifCond}}

							{{#if date }} ... {{date}} {{/if}}
							{{#if description}} ... {{description}} {{/if}}
						</li>
					{{/with}}
				{{/each}}
			{{/ifCond}}

			{{#each fixedListItems}}
				<li> {{path}} </li> 
			{{/each}}

			{{#each featuredItems}}
				<li> {{title}} </li> 
			{{/each}}

			{{!-- Close <ul> or <ol> --}}
			{{#if bulletStyling}}
				{{#ifCond bulletStyling '==' "none"}}
					</ul>
				{{else}}
					</{{bulletStyling}}>
				{{/ifCond}}
			{{else}}
				</ul>
			{{/if}}

			{{!-- will only be displayed for paintbrush option "show-more" and gets description from i18n --}}
			<div class="showmore__button--container">
				<button class="btn btn-primary showmore__button showmore__button--singular">1 <%More Result%> <i class="icn-show-more"></i></button>
				<button class="btn btn-primary showmore__button showmore__button--plural"> <%More Results%> <i class="icn-show-more"></i></button>
			</div>
		</div>
	</div>
</div>