Location Accessibilty

.modul-locationaccessibility

<div class="modul-locationaccessibility">
    <h2 class="title">Barrierefreiheit vor Ort</h2>
    <div class="text">
        <p>Der barrierefreihe Eingang ist direkt neben dem Haupteingang</p>
    </div>
    <ul class="list--iconlist"> 
        <li>
            <div class="icon">
                <img aria-hidden="true" alt="Der Zugang zur Einrichtung ist Rollstuhlgerecht" src="../../images/accessibility/zugang_rollstuhlgerecht_125x125.gif">
            </div>
            <div class="text">
                <p>
                    Der Zugang zur Einrichtung ist Rollstuhlgerecht. 
                    <button type="button" 
                            class="js-flyin-overlay-toggler link" 
                            data-layout="flyin" 
                            data-containerid="#helptext_001" 
                            data-auralopentext="Öffnet ein Overlay" 
                            data-auralclosetext="Schließt das Overlay" 
                            data-opentext="Details anzeigen" 
                            data-closetext="Details schließen" 
                            data-title="Details">
                        <span class="text">Details anzeigen</span>
                    </button>
                </p>
                <div id="helptext_001" style="display: none">
                    <h3>Der Zugang zur Einrichtung ist Rollstuhlgerecht</h3>
                    <ul>
                        <li>Türbreite mindestens 90 cm</li>
                        <li>Keine Stufen vorhanden</li>
                        <li>Wenn Rampe vorhanden, höchstens 6% Gefälle</li>
                        <li>Wenn Rampe vorhanden, maximale Länge 6 Meter</li>
                    </ul>
                    <p>Sollte ein Aufzug erforderlich sein:</p>
                    <ul>
                        <li>Aufzug rollstuhlgerecht</li>
                    </ul>    
                </div>
            </div>
        </li>
        <li>
            <img class="icon" aria-hidden="true" alt="Ein ausgewiesener Behindertenparkplatz ist vorhanden" src="../../images/accessibility/parken_rollstuhlgeeignet_125x125.gif">
            <p>
                Ein ausgewiesener Behindertenparkplatz ist vorhanden. 
            </p>
        </li>
        <li>
            <img class="icon" aria-hidden="true" alt="Ein rollstuhlgeeigneter Aufzug ist vorhanden" src="../../images/accessibility/aufzug_rollstuhlgeeignet_125x125.gif">
            <p>Ein rollstuhlgeeigneter Aufzug ist vorhanden
            <button type="button" 
                    class="js-flyin-overlay-toggler link" 
                    data-layout="flyin" 
                    data-containerid="#helptext_003" 
                    data-auralopentext="Öffnet ein Overlay" 
                    data-auralclosetext="Schließt das Overlay" 
                    data-opentext="Details anzeigen" 
                    data-closetext="Details schließen" 
                    data-title="Details">
                <span class="text">Details anzeigen</span>
            </button></p>
            <div id="helptext_003" style="display: none">
                <h3>Ein rollstuhlgeeigneter Aufzug ist vorhanden</h3>
                <ul>
                    <li>Türbreite mindestens 80 cm</li>
                    <li>Aufzugsgrundfläche mindestens 80 cm x 120 cm</li>
                </ul>
                <p>und entweder</p>
                <ul>
                    <li>Wird von Personal bedient</li>
                </ul>
                <p>Oder der Aufzug wird nicht vom Personal bedient dann:</p>
                <ul>
                    <li>Höhe des höchsten Bedienelements max. 120 cm</li>
                </ul>
            </div>
        </li>
        <li>
            <img class="icon" aria-hidden="true" alt="Ein rollstuhlgeeignetes WC ist vorhanden" src="../../images/accessibility/wc_rollstuhlgeeignet_125x125.gif">
            <p>
                Ein rollstuhlgeeignetes WC ist vorhanden
                <button type="button" 
                        class="js-flyin-overlay-toggler link" 
                        data-layout="flyin" 
                        data-containerid="#helptext_004" 
                        data-auralopentext="Öffnet ein Overlay" 
                        data-auralclosetext="Schließt das Overlay" 
                        data-opentext="Details anzeigen" 
                        data-closetext="Details schließen" 
                        data-title="Details">
                    <span class="text">Details anzeigen</span>
                </button>
            </p>
            <div id="helptext_004" style="display: none">
                <h3>Ein rollstuhlgeeignetes WC ist vorhanden</h3>
                <ul>
                    <li>Zugang zur Einrichtung mindestens bedingt rollstuhlgeeignet</li>
                    <li>Türbreite mindestens 90 cm.Zugang zum WC stufenlos</li>
                    <li>Wenn Rampe zum WC vorhanden, Rampenlänge maximal 6 Meter</li>
                    <li>Wenn Rampe zum WC vorhanden , Gefälle maximal 6 %</li>
                    <li>Haltegriffe links und rechts vorhanden und beide klappbar</li>
                    <li>Bewegungsfläche vor dem Toilettenbecken mindestens 150 cm x 150 cm</li>
                    <li>Umsetzfläche links und rechts neben dem Toilettenbecken mindestens 95 cm x 70 cm</li>
                    <li>Höhe des WC-Sitzes mindestens 46 cm und maximal 50 cm</li>
                    <li>Waschbecken mindestens 30 cm unterfahrbar</li>
                    <li>Notruf vorhanden</li>
                </ul>
                <p>Sollte ein Aufzug erforderlich sein:</p>
                <ul>
                    <li>Aufzug rollstuhlgerecht</li>
                </ul>
            </div>
        </li>
    </ul>

</div>