Opener: Tilesopener

Hinweis

Für die Eröffnung einer Seite eines Auftritts, empfiehlt sich ein auffälliges und einnehmendes Element, das den Zweck oder Inhalt der Seite vermittelt. Hierfür gibt es verschiedene Möglichkeiten (Opener), die abhängig von dem bezweckten Kommunikationsauftrag der Seite gewählt werden können. Es darf jeweils nur ein Opener auf einer Seite verwendet werden und das Element muss das erste Inhaltselement der Seite sein.

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.

  • Alternative Bildbeschreibung

    Title

    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.

    Mehr lesen Bild: @photograph

  • Title

    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.

    Mehr lesen

  • Title

    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.

    Mehr lesen

  • Title

    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.

    Mehr lesen 
<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="#3322" 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>