Opener: Stage

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.

Bühne

.modul-buehne

Die Bühne ist ein Bildslider mit Teaser-Texten, der einen kurzen und visuellen Überblick über die Inhalte einer Seite liefern kann. Sie wird im Bereich layout-grid__area--maincontent des Layout Grids verwendet und sollte das einzige Element im layout-grid__area--herounit oder das erste Element im layout-grid__area--maincontent sein.

  • Alternative Bildbeschreibung

    Teaser 1

    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
  • Alternative Bildbeschreibung

    Teaser 2

    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
  • Alternative Bildbeschreibung

    Teaser 3

    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 

<div class="modul-buehne">
        <div class="swiper-container swiper">
        <div class="swiper-controls">
            <div class="swiper-button-prev" title="Vorheriges Bild"></div>
            <div class="swiper-button-next" title="Nächstes Bild"></div>
            <div class="swiper-pagination" aria-hidden="true"></div>
        </div>
        <ul class="swiper-wrapper">
            <li class="swiper-slide"><!-- Slide 1 -->


<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">Teaser 1</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="#3326" class="more" data-mainlink="true" aria-label="Teaser 1" title="Teaser 1">Mehr lesen</a> 
            </span>
            <span class="image__copyright">Bild: @photograph</span>
        </div>
    </div>
</div>

            </li>
            <li class="swiper-slide"><!-- Slide 2 -->


<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">Teaser 2</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="#4002" class="more" data-mainlink="true" aria-label="Teaser 2" title="Teaser 2">Mehr lesen</a> 
            </span>
            <span class="image__copyright">Bild: @photograph</span>
        </div>
    </div>
</div>

            </li>
            <li class="swiper-slide"><!-- Slide 3 -->


<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">Teaser 3</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="#4080" class="more" data-mainlink="true" aria-label="Teaser 3" title="Teaser 3">Mehr lesen</a> 
            </span>
            <span class="image__copyright">Bild: @photograph</span>
        </div>
    </div>
</div>

            </li>
        </ul>
       
           </div>

</div>