Opener: Tilesopener
Kachelopener
.modul-buehne.buehne--tileslayout
Der Kachelopener besteht aus einem Bild mit Teasertext sowie drei Teaserkacheln und soll einen kurzen Überblick der wichtigsten Inhalte der Seite liefern. Er sollte das einzige Element im layout-grid__area--herounit
oder das erste Element im layout-grid__area--maincontent
sein.
<div class="modul-buehne buehne--tileslayout">
<ul class="buhne__list--teaser">
<li>
<div class="modul-teaser_buehne" data-add-clickable-area="smart">
<div class="teaser_buehne__left">
<div class="image">
<div class="image__image">
<img src="../../dummy/placeholder_16x9.jpg" alt="Alternative Bildbeschreibung" >
</div>
</div>
</div>
<div class="teaser_buehne__right">
<div class="inner">
<h2 class="title">Title</h2>
<p class="text">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry. This is a question that turns into a burning problem among the scientists and linguists all over the world.
</p>
<span class="action">
<a href="#7309" class="more" data-mainlink="true" aria-label="Title" title="Title">Mehr lesen</a>
</span>
<span class="image__copyright">Bild: @photograph</span>
</div>
</div>
</div>
</li>
<li>
<div class="modul-teasertile_buehne" data-add-clickable-area="full" >
<h2 class="title">Title</h2>
<p class="text">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry. This is a question that turns into.
</p>
<span class="action">
<a href="#" class="more" aria-label="Title" title="Title">Mehr lesen</a>
</span>
</div>
</li>
<li>
<div class="modul-teasertile_buehne" data-add-clickable-area="full" >
<h2 class="title">Title</h2>
<p class="text">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry. This is a question that turns into.
</p>
<span class="action">
<a href="#" class="more" aria-label="Title" title="Title">Mehr lesen</a>
</span>
</div>
</li>
<li>
<div class="modul-teasertile_buehne" data-add-clickable-area="full" >
<h2 class="title">Title</h2>
<p class="text">
Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry. This is a question that turns into.
</p>
<span class="action">
<a href="#" class="more" aria-label="Title" title="Title">Mehr lesen</a>
</span>
</div>
</li>
</ul>
</div>