<div class="section section-address-single">

    <div class="container">
        <div class="tt_address_single">

            <f:if condition="{address.description}">
                <div class="address-openinghours">
                    <h2>Öffnungszeiten</h2>
                    <div class="description">
                        {address.description -> f:format.raw()}
                    </div>
                </div>
            </f:if>

            <f:if condition="{address.address}">
                <div class="address-address">
                    <h2>Adresse</h2>
                    <p>
                        <span>{address.address}</span><br>
                        <span>{address.zip} {address.city}</span>
                    </p>
                    <p>
                        <f:if condition="{address.phone}">Telefon: <a href="tel:{address.phone}">{address.phone}</a></f:if>
                        <br>
                        <f:if condition="{address.email}">
                            E-Mail:
                            <f:link.email email="{address.email}">{address.email}</f:link.email>
                            <f:else>
                                E-Mail:
                                <f:link.email email="info@nahrstedt.de">info@nahrstedt.de</f:link.email>
                            </f:else>
                        </f:if>
                    </p>
                    <p>
                        <f:link.external uri="https://www.google.com/maps/search/?api=1&query={address.name -> f:format.urlencode()}%2C{address.address -> f:format.urlencode()}%2C{address.city -> f:format.urlencode()}" class="btn btn-default link-external" target="_blank" rel="noopener noreferrer">In Google Maps anzeigen</f:link.external>
                    </p>
                </div>
            </f:if>

            <f:if condition="{address.image}">
                <div class="address-image">
                    <h2>Impressionen</h2>
                    <f:image image="{address.firstImage}" width="600"
                             class="address-image"
                             alt="{img.originalResource.alt}"
                             title="{img.originalResource.title}"
                             additionalAttributes=""/>

                </div>

            </f:if>
        </div>

    </div>
</div>
