<div class="dflex frame-team-page">
<div class="dflex fwrap jcse frame-team-container w100">
{% for row in request %}
<div class="dflex fdc fbs aic br8 frame-team cwhite">
<div class="mb-1em">
{% if row.avatar.id is defined and row.avatar.id is not empty %}
{% set media = sulu_resolve_media(row.avatar.id, 'fr') %}
<img class="frame-team-pic" src="{{ media.thumbnails['sulu-100x100.webp'] }}" title="{{ media.title }}" alt="{{ media | copyright_or_description_or_title }}" width="100" height="100">
{% endif %}
</div>
<div class="mb-8px frame-team-name cdarkblue fs20 fw500 lh28 tac">
{% if row.firstName is defined and row.firstName is not empty %}
{{ row.firstName }}
{% endif %}
{% if row.lastName is defined and row.lastName is not empty %}
{{ row.lastName }}
{% endif %}
</div>
{% for row4 in row.accountContacts %}
<div class="mb-8px frame-team-position ccyan fw400 fs16 lh24 tac">
{% if row4.position.position is defined and row4.position.position is not empty %}
{{ row4.position.position }}
{% endif %}
</div>
{% endfor %}
{% for row2 in row.phones %}
{% if row2.phone is defined and row2.phone is not empty %}
<div class="mb-8px cdarkblue"><img src="/resources/img/phone-icon.svg" alt="Telephone" class="pr-5px" width="20" height="20">{{ row2.phone }}</div>
{% endif %}
{% endfor %}
{% for row3 in row.emails %}
{% if row3.email is defined and row3.email is not empty %}
<div class="mb-40px corange">
<img src="/resources/img/mail-icon.svg" alt="Email" class="pr-5px"><a class="corange" href='mailto:{{ row3.email }}' width="17" height="12">{{ row3.email }}</a>
</div>
{% endif %}
{% endfor %}
{% if row.freetext is defined and row.freetext is not empty %}
<div class="p-1-5em frame-team-freetext cdarkblue fw400 fs16 lh24">
{{ row.freetext | raw }}
</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>