{% load i18n %}
{% load texsitecore_tags %}
<div class="row serene-contact">
    {% if value.map %}
    <div class="col-md-7 serene-contact-map">
        <iframe title="{% trans "Map" %}: {{ value.name }}" src="{{ value.map }}" width="100%" height="320" frameborder="0" loading="lazy" style="border:0"></iframe>
    </div>
    {% endif %}
    <div class="{% if value.map %}col-md-5{% else %}col-md-12{% endif %} serene-contact-card">
        <address class="serene-address">
            <strong class="serene-contact-name">{{ value.name }}</strong><br>
            {% if value.phone %}{{ value.phone|phone_link }}<br>{% endif %}
            {% if value.mail %}<a href="mailto:{{ value.mail }}">{{ value.mail }}</a><br>{% endif %}
            {% if value.bank %}<span class="text-muted serene-contact-bank">{{ value.bank }}</span>{% endif %}
        </address>
    </div>
</div>