{#
  Secure File Transfer – transactional email base layout
  Outlook-/Gmail-taugliches Tabellenlayout, max. ~600px
#}
<!DOCTYPE html>
<html lang="{{ app.request.locale|default('de') }}" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="x-apple-disable-message-reformatting">
    <meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no">
    <title>{% block title %}{{ brandName|default(mail_brand_name) }}{% endblock %}</title>
    <!--[if mso]>
    <noscript>
        <xml>
            <o:OfficeDocumentSettings>
                <o:PixelsPerInch>96</o:PixelsPerInch>
            </o:OfficeDocumentSettings>
        </xml>
    </noscript>
    <![endif]-->
    <style type="text/css">
        body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
        table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
        img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
        body { margin: 0 !important; padding: 0 !important; width: 100% !important; }
        a { color: #003FA5; }
        a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; }
        @media only screen and (max-width: 620px) {
            .email-container { width: 100% !important; max-width: 100% !important; }
            .email-body-pad { padding: 24px 20px !important; }
            .email-btn a { display: block !important; width: 100% !important; box-sizing: border-box !important; }
            .email-stack { display: block !important; width: 100% !important; }
        }
    </style>
</head>
<body style="margin:0; padding:0; background-color:#F0F2F5; font-family: Arial, Helvetica, sans-serif;">
{% set _brand = brandName|default(mail_brand_name) %}
{% set _public = publicUrl|default(mail_public_url) %}
{% set _operator = operatorName|default(mail_operator_name) %}
{% set _address = operatorAddress|default(mail_operator_address) %}
{% set _hotline = hotline|default(mail_hotline) %}
{% set _support = supportEmail|default(mail_support_email) %}
{% set _from = fromAddress|default(mail_from_address) %}

{# Preheader (hidden inbox preview) #}
{% if preheader is defined and preheader %}
<div style="display:none; font-size:1px; line-height:1px; max-height:0; max-width:0; opacity:0; overflow:hidden; mso-hide:all;">
    {{ preheader }}
</div>
{% endif %}

<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#F0F2F5;">
    <tr>
        <td align="center" style="padding: 24px 12px;">
            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" class="email-container" style="width:600px; max-width:600px; background-color:#FFFFFF; border:1px solid #E2E6EC; border-radius:4px;">
                {# Brand header #}
                <tr>
                    <td align="center" style="padding: 28px 32px 12px 32px; border-bottom: 1px solid #E2E6EC;">
                        {% if logoUrl is defined and logoUrl %}
                            <img src="{{ logoUrl }}" alt="{{ _brand }}" width="180" style="display:block; max-width:180px; height:auto; margin:0 auto 8px auto;">
                        {% else %}
                            <p style="margin:0; font-size:22px; line-height:1.3; font-weight:bold; color:#0B1F3A; letter-spacing:0.2px;">
                                {{ _brand }}
                            </p>
                        {% endif %}
                        <p style="margin:8px 0 0 0; font-size:13px; line-height:1.4; color:#5B6777;">
                            {{ 'email.tagline'|trans }}
                        </p>
                    </td>
                </tr>

                {# Body #}
                <tr>
                    <td class="email-body-pad" style="padding: 32px 36px; font-size:16px; line-height:1.55; color:#1F2933;">
                        {% if emailHeadline %}
                            <h1 style="margin:0 0 20px 0; font-size:22px; line-height:1.35; font-weight:bold; color:#0B1F3A;">
                                {{ emailHeadline }}
                            </h1>
                        {% endif %}

                        {% block body %}{% endblock %}
                    </td>
                </tr>

                {# Footer #}
                <tr>
                    <td style="padding: 20px 36px 28px 36px; border-top:1px solid #E2E6EC; background-color:#F7F9FC;">
                        <p style="margin:0 0 8px 0; font-size:12px; line-height:1.5; color:#5B6777; text-align:center;">
                            {{ 'email.footer.automated'|trans }}
                        </p>
                        <p style="margin:0 0 4px 0; font-size:12px; line-height:1.5; color:#5B6777; text-align:center;">
                            <strong style="color:#0B1F3A;">{{ _brand }}</strong>
                            {% if _operator %}
                                · {{ 'email.footer.operatedBy'|trans({'%operator%': _operator}) }}
                            {% endif %}
                        </p>
                        {% if _address %}
                            <p style="margin:0 0 4px 0; font-size:12px; line-height:1.5; color:#5B6777; text-align:center;">
                                {{ _address }}
                            </p>
                        {% endif %}
                        <p style="margin:0; font-size:12px; line-height:1.5; color:#5B6777; text-align:center;">
                            {% if _hotline %}{{ 'email.footer.hotline'|trans }}: {{ _hotline }} · {% endif %}
                            <a href="{{ _public }}" style="color:#003FA5; text-decoration:underline;">{{ _public|replace({'https://': '', 'http://': ''}) }}</a>
                            {% if _support %} · <a href="mailto:{{ _support }}" style="color:#003FA5; text-decoration:underline;">{{ _support }}</a>{% endif %}
                        </p>
                    </td>
                </tr>
            </table>
            <p style="margin:16px 0 0 0; font-size:11px; line-height:1.4; color:#8A94A6; text-align:center;">
                {{ 'email.footer.officialDomain'|trans({'%domain%': _public|replace({'https://': '', 'http://': ''}) }) }}
            </p>
        </td>
    </tr>
</table>
</body>
</html>
