<!DOCTYPE html>
<html>
    <head>
        <title>{{formTitle}}</title>
        <style>
            body {
                font-family: Arial, sans-serif;
                background-color: #f4f4f4;
                color: #333;
                margin: 0;
                padding: 20px;
            }
            .container {
                background-color: white;
                border-radius: 8px;
                padding: 20px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
                max-width: 500px;
                margin: 0 auto;
            }
            h2,
            h3 {
                color: #444;
            }
            p {
                margin-bottom: 10px;
                line-height: 1.6;
            }
            .row-content > p {
                margin-right: 10px;
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <h2>Hallo Allkids,</h2>
            <p>Sie haben eine neue {{formTitle}} erhalten! Hier sind die Details der Anfrage:</p>

            {% for row in formularRows %}
            <h3>{{row.0}}:</h3>
            <div class="row-content">
                {% for field in row.1 %} {% if field.0 == "" || field.1.2 %}
                <p>{{field.1.0}}</p>
                {% else %} {% if field.1.1 %}<br />
                <p class="">{{field.1.0}}</p>
                {% else %}
                <p><strong>{{field.0}}:</strong> {{field.1.0}}</p>
                {% endif %} {% endif %} {% endfor %}
            </div>
            {% endfor %}

            <p>
                Bitte nehmen Sie Kontakt mit dem Interessenten auf, um die {{formTitle}} zu besprechen und weitere
                Schritte zu planen.
            </p>

            <p>Mit freundlichen Grüßen,<br />Ihre Webmakers!</p>
        </div>
    </body>
</html>
