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.

Note

For the Opener for a page of a site, you should use an eye-catching and engaging element that conveys the purpose or content of the page. There are various possibilities (Opener) for this; the choice should be made according to the communication task of the page. Only one Opener can be used on a page and the element must be the first content element on the page.

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.

The Tile Opener contains an image with teaser text and three teaser tiles which can be populated with brief overviews of the three most important topics or aims of the page. The Tilesopener should be the only Element in layout-grid__area--herounit or the first element in layout-grid__area--maincontent.

Kachelopener

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.

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.

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.

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.

<div class="modul-buehne buehne--tileslayout">
    <div class="buhne__list--teaser">
        <div class="item">
            
                <div class="modul-teaser_buehne" data-add-clickable-area="smart">
                    <div class="teaser_buehne__left">
                        <div class="image">
                                    <div class="image__image">
            <img src="../../styleguide/static/placeholder_2x1.jpg" alt="Alternative Bildbeschreibung" >
        </div>
                        </div>
                    </div>
                    <div class="teaser_buehne__right">
                        <div class="inner">
                            <h2 class="title">Kachelopener</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.
                            </p>
                            <span class="action">
                                <a href="#343" class="more" data-mainlink="true" aria-label="Kachelopener" title="Kachelopener">Mehr lesen</a> 
                            </span>
                            <span class="image__copyright">Bild: @photograph</span>
                        </div>
                    </div>
                </div>
        </div>
        <div class="item">
            
                <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>
        </div>
        <div class="item">
            
                <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>
        </div>
        <div class="item">
            
                <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>
        </div>
    </div> </div>