No notes defined.
<!-- Default -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Two Items -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Three Items -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Four Items -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Five Items -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Six Items -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Seven Items -->
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
<!-- Doc Only -->
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Single Item</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Two Items</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Three Items</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Four Items</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Five Items</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Six Items</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<section class="doc-variant">
<header class="doc-variant-header">
<h2 class="doc-variant-title">Seven Items</h2>
<div class="doc-variant-configuration">
</div>
</header>
<div class="glassTeaserSection">
<h2 class="glassTeaserSection-title">Ich bin der Titel</h2>
<div class="glassTeaserSection-items">
<div class="glassTeaser is-large">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small is-square">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
<div class="glassTeaser is-alternation is-small">
<div class="glassTeaser-image">
<figure class="figure" style="">
<img class="figure-image" src="../../images/placeholder/dummy-image.jpg" alt="Beschreibung des Teaser Images" />
</figure>
</div>
<div class="glassTeaser-content">
<h3 class="glassTeaser-heading">
<strong class="glassTeaser-kicker">Thema</strong><span class="is-visually-hidden">:</span>
<span class="glassTeaser-title">Ich bin der Titel</span>
</h3>
<div class="glassTeaser-description">
Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.
</div>
<div class="glassTeaser-cta">
<a href="#" class="button is-icon-only"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Mehr erfahren!</span></a>
</div>
</div>
</div>
</div>
<div class="glassTeaserSection-cta">
<a href="#" class="button"><svg class="icon is-arrow-right">
<use href="../../icons/icons.svg#icon--arrow-right" xlink:href="../../icons/icons.svg#icon--arrow-right"></use>
</svg>
<span class="button-label">Show more</span></a>
</div>
</div>
</section>
<!-- Default -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Two Items -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Three Items -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Four Items -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Five Items -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Six Items -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Seven Items -->
<div class="glassTeaserSection{{#modifier}} {{.}}{{/modifier}}">
{{#title}}
<h2 class="glassTeaserSection-title">{{{.}}}</h2>
{{/title}}
<div class="glassTeaserSection-items">
{{#glassteasers}}
{{render '@glassteaser' (contextData '@glassteasersection' this) merge=true}}
{{/glassteasers}}
</div>
{{#cta}}
<div class="glassTeaserSection-cta">
{{render '@button--link' (contextData '@teaserinset' this) merge=true}}
</div>
{{/cta}}
</div>
<!-- Doc Only -->
{{#variants}}
<section class="doc-variant"{{#id}} id="{{.}}"{{/id}}>
<header class="doc-variant-header">
{{#title}}
<h2 class="doc-variant-title">{{{.}}}</h2>
{{/title}}
<div class="doc-variant-configuration">
{{#if modifiers}}
<ul data-label="Modifier">
{{#modifiers}}
<li>{{{.}}}</li>
{{/modifiers}}
</ul>
{{/if}}
</div>
</header>
{{#samples}}
{{render '@glassteasersection' (contextData '@glassteasersection' this) merge=true}}
{{/samples}}
</section>
{{/variants}}
/* Default */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Two Items */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Three Items */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square"
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Four Items */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Five Items */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Six Items */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small",
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Seven Items */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small",
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
/* Doc Only */
{
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"variants": [
{
"title": "Single Item",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
},
{
"title": "Two Items",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
},
{
"title": "Three Items",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square"
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
},
{
"title": "Four Items",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
},
{
"title": "Five Items",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
},
{
"title": "Six Items",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small",
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
},
{
"title": "Seven Items",
"samples": {
"title": "Ich bin der Titel",
"description": "<p>Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic Marfa migas Austin Schlitz. Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep.</p>\n",
"glassteasers": [
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-large"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small"
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small is-square",
"is-alternation": true
},
{
"image": {
"src": "/images/placeholder/dummy-image.jpg",
"alt": "Beschreibung des Teaser Images"
},
"kicker": "Thema",
"title": "Ich bin der Titel",
"description": "Cardigan Pinterest gentrify, biodiesel locavore Echo Park bespoke tattooed mlkshk. Master cleanse actually XOXO Schlitz. Four loko disrupt jean shorts meh, normcore vegan tilde vinyl small batch organic.",
"cta": {
"is-icon-only": true,
"label": "Mehr erfahren!",
"url": "#",
"icon": {
"id": "arrow-right"
}
},
"modifier": "is-small",
"is-alternation": true
}
],
"cta": {
"label": "Show more",
"url": "#",
"icon": {
"id": "arrow-right"
}
}
}
}
]
}
@import "_glassTeaserSection.styles";
%glassTeaserSection {
@extend %section;
&:first-child {
@include grid-gutter(default, margin-top);
}
&-title {
@extend %sectionTitle;
@include stack-spacing(0);
@include stack-spacing(component, margin-bottom);
}
.glassTeaser {
@include stack-spacing(0);
}
&-item {
& > *:first-child {
@include stack-spacing(0);
}
}
&-items {
display: flex;
flex-wrap: wrap;
row-gap: var(--sp-component);
align-items: flex-start;
}
@include only-on-desktop(){
&-items {
column-gap: calc((100% + var(--gg)) * math.div(2, 12) + var(--gg));
}
.glassTeaser {
@include stack-spacing(0);
flex: 0 0 auto;
&:not(.is-alternation) {
margin-left: auto;
}
&.is-large {
margin-right: get-columns-indent(1);
}
&.is-large + * {
@include stack-spacing(component);
}
&.is-small:nth-child(3):last-child {
margin-right: get-columns-indent(2);
}
&.is-small:nth-child(6):last-child {
margin-left: get-columns-indent(1);
}
&.is-small + .glassTeaser.is-small:nth-child(odd) {
margin-right: 0;
}
&.is-small:nth-child(7):last-child {
.glassTeaser-image {
&::before {
content: "";
display: block;
padding-bottom: 25%;
}
}
}
}
}
&-cta {
@include stack-spacing(component);
text-align: center;
.button {
@include stack-spacing(0);
}
}
}
.glassTeaserSection {
@extend %glassTeaserSection;
&-title {
@extend %glassTeaserSection-title;
}
&-items {
@extend %glassTeaserSection-items;
}
&-item {
@extend %glassTeaserSection-item;
}
&-cta {
@extend %glassTeaserSection-cta;
}
}