Publictransport

Für eine Übersicht der Nahverkehrsmittel kann das Modul Publictransport genutzt werden.

.modul-publictransport

Verkehrsanbindungen


<section class="modul-publictransport">
    <h2 class="title">Verkehrsanbindungen</h2>
    <ul class="types js-accordion" aria-label="Verkehrsmittel" >
        <li class="type">
            <h3 class="js-accordion__heading type__name ubahn"><span class="title">U-Bahn</span></h3>
            <ul class="stops js-accordion__panel" aria-label="Haltestellen">
                <li class="stop">
                    <a href="#">Alexanderplatz</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">U5</li>
                        <li class="line">U8</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Alexanderplatz</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">U5</li>
                        <li class="line">U8</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="type">
            <h3 class="js-accordion__heading type__name sbahn"><span class="title">S-Bahn</span></h3>
            <ul class="stops js-accordion__panel" aria-label="Haltestellen">
                <li class="stop">
                    <a href="#">Alexanderplatz</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">S3</li>
                        <li class="line">S5</li>
                        <li class="line">S7</li>
                        <li class="line">S75</li>
                        <li class="line">S9</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="type">
            <h3 class="js-accordion__heading type__name tram"><span class="title">Tram</span></h3>
            <ul class="stops js-accordion__panel" aria-label="Haltestellen">
                <li class="stop">
                    <a href="#">Memhardstr.</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">M2</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Mollstr./Prenzlauer Allee.</a>
                    <div class="text--meta">0.3km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">M2</li>
                        <li class="line">M8</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="type">
            <h3 class="js-accordion__heading type__name bus"><span class="title">Bus</span></h3>
            <ul class="stops js-accordion__panel" aria-label="Haltestellen">
                <li class="stop">
                    <a href="#">Memhardstr.</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">N5</li>
                        <li class="line">N65</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">S+U Alexanderplatz Bhf/Memhardstr.</a>
                    <div class="text--meta">0.2km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">100</li>
                        <li class="line">200</li>
                        <li class="line">M48</li>
                        <li class="line">N2</li>
                        <li class="line">N42</li>
                        <li class="line">N5</li>
                        <li class="line">TXL</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Mollstr./Prenzlauer Allee.</a>
                    <div class="text--meta">0.3km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">142</li>
                        <li class="line">200</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="type">
            <h3 class="js-accordion__heading type__name bahn"><span class="title">Bahn</span></h3>
            <ul class="stops js-accordion__panel" aria-label="Haltestellen">
                <li class="stop">
                    <a href="#">Teststr.</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">01</li>
                        <li class="line">02</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Teststr.</a>
                    <div class="text--meta">0.2km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">01</li>
                        <li class="line">02</li>
                        <li class="line">03</li>
                        <li class="line">01</li>
                        <li class="line">02</li>
                        <li class="line">03</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Testallee.</a>
                    <div class="text--meta">0.3km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">01</li>
                        <li class="line">02</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="type">
            <h3 class="js-accordion__heading type__name ferry"><span class="title">Fähre</span></h3>
            <ul class="stops js-accordion__panel" aria-label="Haltestellen">
                <li class="stop">
                    <a href="#">Teststr.</a>
                    <div class="text--meta">0.1km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">01</li>
                        <li class="line">02</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Teststr.</a>
                    <div class="text--meta">0.2km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">01</li>
                        <li class="line">02</li>
                        <li class="line">03</li>
                        <li class="line">01</li>
                        <li class="line">02</li>
                        <li class="line">03</li>
                    </ul>
                </li>
                <li class="stop">
                    <a href="#">Testallee.</a>
                    <div class="text--meta">0.3km entfernt</div>
                    <ul class="lines" aria-label="Linien">
                        <li class="line">01</li>
                        <li class="line">02</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</section>





 

DLDB include .bo-nahverkehr

bo-nahverkehr inlcude

S-Bahn
U-Bahn
Bus
Tram
Regional­bahn