<div class="c-teaser-collection-standard{{#if
		settings.teaserCollectionStandardContextClass}}--{{settings.teaserCollectionStandardContextClass}}{{else}}--default{{/if}}{{#if
		settings.teaserCollectionStandardClasses}} {{settings.teaserCollectionStandardClasses}}{{/if}}"
     data-css="c-teaser-collection-standard">
			<h2 class="teaser-collection-standard__headline" id="{{content.id}}">{{content.headline}}</h2>
			<p class="teaser-collection-standard__text">{{content.text}}</p>
			<div class="teaser-collection-standard__wrapper">
				{{#if content.teaserText}}
					<div class="teaser-collection-standard__text-teaser is-bg-light">
						<div class="teaser-collection-standard__text-teaser-content">
							{{#with content.teaserText}}
								{{> teaser-text }}
							{{/with}}
						</div>
					</div>
				{{/if}}

				{{#if content.teaserPremium }}
					<div class="teaser-collection-standard__premium">
						<div class="teaser-collection-standard__premium-content">
							{{#with content.teaserPremium}}
								{{> teaser-premium }}
							{{/with}}
						</div>
					</div>
				{{/if}}

				{{#if content.teaserThird }}
					<div class="teaser-collection-standard__teaser-third{{#if
							content.teaserThird.bgBlue}} is-bg-blue{{/if}}{{#if
							content.teaserThird.bgDark}} is-bg-dark{{/if}}{{#if
							content.teaserThird.bgLight}} is-bg-light{{/if}}">
						<div class="teaser-collection-standard__teaser-third-content">
							{{#with content.teaserThird}}
								{{> teaser-single }}
							{{/with}}
						</div>
					</div>
				{{/if}}

				{{#if content.teaserFourth }}
					<div class="teaser-collection-standard__teaser-fourth{{#if
							content.teaserFourth.bgBlue}} is-bg-blue{{/if}}{{#if
							content.teaserFourth.bgDark}} is-bg-dark{{/if}}{{#if
							content.teaserThird.bgFourth}} is-bg-light{{/if}}">
						<div class="teaser-collection-standard__teaser-fourth-content">
							{{#with content.teaserFourth}}
								{{> teaser-single }}
							{{/with}}
						</div>
					</div>
				{{/if}}
			</div>
</div>

teaser-collection-standard.scss

/* ===================================================
component: teaser-collection-standard
=================================================== */
$bp-addition: 1100px;

/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
[data-css="c-teaser-collection-standard"] {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;

	@include bp($bp-mobile-p) {
		margin-bottom: 80px;
	}

	@include bp($bp-tablet-p) {
		margin-bottom: 100px;
		margin-top: 0;
	}

	@include bp($bp-desktop-l) {
		display: block;
	}

	@include bp(1920px) {
		margin-bottom: 120px;
	}

	/*
	MODIFIER
	----------------------- */

	&.is-premium-right {

		.teaser-collection-standard__text-teaser {

			@include bp($bp-tablet-p) {
				@include grid-box(8);
				@include grid-magnet(0, left, true);
			}

			@include bp($bp-tablet-l) {
				@include grid-box(8);
				@include grid-magnet(0, left, true);
			}

			@include bp($bp-addition) {
				@include grid-box(6);
				@include grid-magnet(0, left, true);
			}
		}

		.teaser-collection-standard__premium {

			@include bp($bp-tablet-p) {
				@include grid-box(8);
				@include grid-magnet(4, left, false);
			}

			@include bp($bp-tablet-l) {
				@include grid-box(8);
				@include grid-magnet(4, left, false);
			}

			@include bp($bp-addition) {
				@include grid-box(6);
				@include grid-magnet(6, left, false);
			}
		}

		.teaser-collection-standard__teaser-third {

			@include bp($bp-tablet-p) {
				@include grid-box(4);
				@include grid-magnet(0, left, false);
			}

			@include bp($bp-tablet-l) {
				@include grid-box(4);
				@include grid-magnet(0, left, false);
			}

			@include bp($bp-addition) {
				@include grid-box(3);
				@include grid-magnet(3, left, false);
			}
		}

		.teaser-collection-standard__teaser-fourth {

			@include bp($bp-tablet-p) {
				@include grid-box(4);
				@include grid-magnet(8, left, false, true);
			}

			@include bp($bp-tablet-l) {
				@include grid-box(4);
				@include grid-magnet(8, left, false, true);
			}

			@include bp($bp-addition) {
				@include grid-box(3);
				@include grid-magnet(6, left, false, true);
			}
		}
	}

	.teaser-collection-standard__headline {

		@include headline-h2-styles();

		font-family: $font-bold;
		color: $color-dark;
		font-weight: 700;
	}

	.teaser-collection-standard__text {
		font-family: $font-regular;
		font-size: 1.5rem;
		line-height: (22/15);
		letter-spacing: .25px;
		color: $color-dark;
		margin-bottom: 25px;

		@include bp($bp-addition) {
			font-size: 1.6rem;
			line-height: (24/16);
			margin-bottom: 30px;
		}
	}

	.teaser-collection-standard__right {
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;

		@include bp($bp-tablet-p) {
			display: block;
		}
	}

	.teaser-collection-standard__wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

		@include bp($bp-tablet-p) {
			display: block;
			flex-direction: column;
		}
	}

	/*
	TEXT TEASER
	----------------------- */
	.teaser-collection-standard__text-teaser {
		@include grid-column(12);

		position: relative;
		display: flex;
		order: 2;

		@include bp($bp-tablet-p) {
			@include grid-box(8);
			@include grid-magnet(4, left, false);
			@include grid-magnet(8, top, false);
		}

		@include bp($bp-tablet-l) {
			@include grid-box(8);
			@include grid-magnet(4, left, false);
			@include grid-magnet(8, top, false);
		}

		@include bp($bp-addition) {
			@include grid-box(6);
			@include grid-magnet(6, left, false);
			@include grid-magnet(3, top, false);
		}
	}

	.teaser-collection-standard__text-teaser-content {
		position: relative;
		width: 100%;

		@include bp($bp-tablet-p) {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		}

		@include print() {
			border: 1px solid $color-gray-border;
		}

	}

	/*
	PREMIUM TEASER
	----------------------- */
	.teaser-collection-standard__premium {
		@include grid-column(12);

		position: relative;
		display: flex;
		order: 1;

		@include bp($bp-tablet-p) {
			@include grid-box(8);
			@include grid-magnet(16, top, true);
		}

		@include bp($bp-tablet-l) {
			@include grid-box(8);
			@include grid-magnet(16, top, true);

		}

		@include bp($bp-addition) {
			@include grid-box(6);
			@include grid-magnet(9, top, true);

		}
	}

	.teaser-collection-standard__premium-content {
		position: relative;
		width: 100%;

		@include bp($bp-tablet-p) {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		}
	}

	/*
	TEASER THIRD
	----------------------- */
	.teaser-collection-standard__teaser-third {
		@include grid-column(12);

		position: relative;
		order: 3;
		border-top: 1px solid $color-white;

		@include bp($bp-tablet-p) {
			@include grid-box(4);
			@include grid-magnet(12, top, true);
			@include grid-magnet(8, left, false);
			border-top: none;
		}

		@include bp($bp-tablet-l) {
			@include grid-box(4);
			@include grid-magnet(12, top, true);
			@include grid-magnet(8, left, false);
			border-top: none;
		}

		@include bp($bp-addition) {
			@include grid-box(3);
			@include grid-magnet(9, top, true);
			@include grid-magnet(6, left, false);
			border-top: none;
		}
	}

	.teaser-collection-standard__teaser-third-content {
		position: relative;
		width: 100%;

		@include bp($bp-tablet-p) {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		}
	}

	/*
	TEASER FOURTH
	----------------------- */
	.teaser-collection-standard__teaser-fourth {
		@include grid-column(12);
		position: relative;
		order: 4;

		@include bp($bp-tablet-p) {
			@include grid-box(4);
			@include grid-magnet(0, left, false, true);
			@include grid-magnet(8, top, true);
		}

		@include bp($bp-tablet-l) {
			@include grid-box(4);
			@include grid-magnet(0, left, false, true);
			@include grid-magnet(8, top, true);
		}

		@include bp($bp-addition) {
			@include grid-box(3);
			@include grid-magnet(3, left, false, true);
			@include grid-magnet(3, top, true);
		}
	}

	.teaser-collection-standard__teaser-fourth-content {
		position: relative;
		width: 100%;

		@include bp($bp-tablet-p) {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		}
	}
}

.c-teaser-collection-standard--rte > p {
	@include rte-dimensions();
	@include content-p-styles();
}

.c-teaser-collection-standard--rte {
		margin-top: 50px;
		margin-bottom: 60px;

		.teaser-collection-standard__wrapper {
			h3, .teaser-text__list, .teaser-text__text > ul, .teaser-text__text > ol {
				width: calc(100%);
				margin-left: 0;
				flex: 0 0 100%;
			}

			.teaser-text__list-item {
				padding-left: 0;

				&::before {
					display: none;
				}
			}
		}
}

Premium Teaser left / two additional Teaser

<div class="c-teaser-collection-standard--default" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Werden Sie Teil der LMU München</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
						<p>Far far away, behind the word mountain, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link" href="#">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-blue">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link" href="#">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
			<div class="teaser-collection-standard__teaser-fourth-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<div class="teaser-single__dates">
							<div class="teaser-single__date">
								<span aria-label="24" class="teaser-single__date-day">24</span>
								<abbr aria-label="Januar" title="Januar" class="teaser-single__date-month">Jan</abbr>
							</div>
							<div class="teaser-single__date is-connector">
								<abbr aria-label="bis" title="bis" class="teaser-single__date-connect">&mdash;</abbr>
							</div>
							<div class="teaser-single__date">
								<span aria-label="27" class="teaser-single__date-day">27</span>
								<abbr aria-label="Januar" title="Januar" class="teaser-single__date-month">Jan</abbr>
							</div>
						</div>
						<h3 class="teaser-single__headline">
							Tag der offenen Tür. Hier auch ein dreizeiliger Titel möglich
						</h3>
					</div>
					<a class="teaser-single__link" href="#">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Premium Teaser left / one additional Teaser

<div class="c-teaser-collection-standard--default" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Werden Sie Teil der LMU München</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p></p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link" href="#">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default is-image" data-css="c-teaser-single">
					<div class="teaser-single__instagram-area">
						<div class="teaser-single__image-section">
							<figure class="c-figure--teaser-single" data-css="c-figure" data-js-module="true">
								<div class="figure__wrapper">
									<picture class="c-picture--animated-objects
																 lazyload" data-css="c-picture">
										<!--[if IE 9]><audio><![endif]-->
										<source data-srcset="
																 https://via.placeholder.com/400x400  400w  , 
																 https://via.placeholder.com/800x800  800w  , 
																 https://via.placeholder.com/1200x1200  1200w  , 
																 https://via.placeholder.com/1600x1600  1600w  , 
																 https://via.placeholder.com/2000x2000  2000w  , 
																 https://via.placeholder.com/2400x2400  2400w  , 
																 https://via.placeholder.com/2800x2800  2800w  , 
																 https://via.placeholder.com/3200x3200  3200w  " media=" (min-width:768px)" />
										<source data-srcset="
																 https://via.placeholder.com/400x225  400w  , 
																 https://via.placeholder.com/800x450  800w  , 
																 https://via.placeholder.com/1200x675  1200w  , 
																 https://via.placeholder.com/1600x900  1600w  , 
																 https://via.placeholder.com/2000x1125  2000w  , 
																 https://via.placeholder.com/2400x1350  2400w  , 
																 https://via.placeholder.com/2800x1575  2800w  , 
																 https://via.placeholder.com/3200x1800  3200w  " media=" (max-width: 767px)" />
										<!--[if IE 9]></audio><![endif]-->
										<img class="
																 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
									</picture>
								</div>
							</figure>
						</div>
						<div class="teaser-single__text-section">
							<h3 class="teaser-single__headline is-instagram">
								<span class="is-aural">Instagram</span>@lmu.muenchen
							</h3>
						</div>
						<a class="teaser-single__link" href="#">
							Weiterlesen
						</a>
						<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
						</a>
					</div>
				</article>
			</div>
		</div>
	</div>
</div>

Premium Teaser right

<div class="c-teaser-collection-standard--default is-premium-right" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Werden Sie Teil der LMU München</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link" href="#">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							360 Grad Campus Tour
						</h3>
					</div>
					<a class="teaser-single__link is-video" href="#">
						Video ansehen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
			<div class="teaser-collection-standard__teaser-fourth-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Premium Teaser right

<div class="c-teaser-collection-standard--default is-premium-right" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Werden Sie Teil der LMU München</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link" href="#">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Detailseite (RTE): Premium Teaser left / Studiengangsdetailseite 4 Teaser

<div class="c-teaser-collection-standard--rte" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser left (premiumLeftRTE) / Studiengangsdetailseite 4 Teaser</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
						<p>Far far away, behind the word mountain, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link" href="#">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
			<div class="teaser-collection-standard__teaser-fourth-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Detailseite (RTE): Premium Teaser left / Studiengangsdetailseite 3 Teaser

<div class="c-teaser-collection-standard--rte" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser left (premiumLeftRTE) / Studiengangsdetailseite 3 Teaser</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
						<p>Far far away, behind the word mountain, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link" href="#">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Detailseite (RTE): Premium Teaser left / one additional Teaser

<div class="c-teaser-collection-standard--rte" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser left / one additional Teaser</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p></p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
			<div class="teaser-collection-standard__teaser-fourth-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Detailseite (RTE): Premium Teaser right

<div class="c-teaser-collection-standard--rte is-premium-right" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser right (premiumRightVar1RTE)</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link" href="#" target="_blank" title="Link öffnet im neuen Fenster">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
			<div class="teaser-collection-standard__teaser-fourth-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>

Detailseite (RTE): Premium Teaser right

<div class="c-teaser-collection-standard--rte is-premium-right" data-css="c-teaser-collection-standard">
	<h2 class="teaser-collection-standard__headline" id="">H2 Detailseite (RTE): Premium Teaser right</h2>
	<p class="teaser-collection-standard__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum.</p>
	<div class="teaser-collection-standard__wrapper">
		<div class="teaser-collection-standard__text-teaser is-bg-light">
			<div class="teaser-collection-standard__text-teaser-content">
				<div class="c-teaser-text--default" data-css="c-teaser-text">
					<h3 class="teaser-text__headline">H3 An der LMU studieren</h3>
					<div class="teaser-text__text">
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
					</div>
					<ul class="teaser-text__list">
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link is-external">Unsere Stellenangebote</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="mailto:test@test.de" class="teaser-text__list-link is-mail">info@lmu.de</a>
						</li>
						<li class="teaser-text__list-item">
							<a href="#" class="teaser-text__list-link">Unsere Studiengänge</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__premium">
			<div class="teaser-collection-standard__premium-content">
				<div class="c-teaser-premium--default" data-css="c-teaser-premium">
					<div class="teaser-premium__image-wrapper">
						<picture class="c-picture--animated-objects
												 lazyload" data-css="c-picture">
							<!--[if IE 9]><audio><![endif]-->
							<source data-srcset="
												 https://via.placeholder.com/400x400  400w  , 
												 https://via.placeholder.com/800x800  800w  , 
												 https://via.placeholder.com/1200x1200  1200w  , 
												 https://via.placeholder.com/1600x1600  1600w  , 
												 https://via.placeholder.com/2000x2000  2000w  , 
												 https://via.placeholder.com/2400x2400  2400w  , 
												 https://via.placeholder.com/2800x2800  2800w  , 
												 https://via.placeholder.com/3200x3200  3200w  " />
							<!--[if IE 9]></audio><![endif]-->
							<img class="
												 picture__image lazyload" src="https://via.placeholder.com/40x40" alt="Alternative text that describes the image" title="Alternative text that describes the image" data-sizes="auto" />
						</picture>
					</div>
					<div class="teaser-premium__box is-bg-green">
						<div class="teaser-premium__box-content">
							<article class="c-teaser-single--default" data-css="c-teaser-single">
								<div class="teaser-single__text-section">
									<h3 class="teaser-single__headline">
										Der LMU Studien-Informations-Service
									</h3>
								</div>
								<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
									Weiterlesen
								</a>
								<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
								</a>
							</article>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-third is-bg-dark">
			<div class="teaser-collection-standard__teaser-third-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
		<div class="teaser-collection-standard__teaser-fourth is-bg-dark">
			<div class="teaser-collection-standard__teaser-fourth-content">
				<article class="c-teaser-single--default" data-css="c-teaser-single">
					<div class="teaser-single__text-section">
						<h3 class="teaser-single__headline">
							Der LMU Studien-Informations-Service
						</h3>
					</div>
					<a class="teaser-single__link is-external" href="#" target="_blank" title="Link öffnet im neuen Fenster">
						Weiterlesen
					</a>
					<a href="#" class="teaser-single__a11y-clickarea" target="_blank" title="Link öffnet im neuen Fenster" aria-hidden="true" tabindex="-1">
					</a>
				</article>
			</div>
		</div>
	</div>
</div>