<div class="teaser teaser--news {{styleModifier}} {{cols}}">
	<div class="teaser__header">
		<ul class="tabs">
			<li class="active"><a href="#mostrecent">Most recent</a></li>
			<li><a href="#mostpopular">Most popular</a></li>
		</ul>
	</div>

	<div class="teaser__body">
		<div data-tab="#mostrecent">
			{{ render "molecules/teasers/teaser-news-item" text="Stet clita kasd gubergren, no sea lorem takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet." }}

			{{ render "atoms/global/space:hr" space=14 }}
			{{ render "atoms/global/space" space=5 }}

			{{ render "molecules/teasers/teaser-news-item" text="Stet clita kasd gubergren, no sea lorem takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet." }}
		</div>

		<div data-tab="#mostpopular">
			{{ render "molecules/teasers/teaser-news-item" text="Stet clita kasd gubergren, no sea lorem takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet." }}

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