<div class="text-container" {% if content.maxWidth is defined %} style="max-width:{{ content.maxWidth }}" {% endif %}>
    {% if content.title is defined and content.title %}
        <h2>{{ content.title}}</h2>
    {% endif %}
    {% if content.description is defined and content.description %}
        <span>{{ content.description|raw }}</span>
    {% endif %}
    {% if content.link is defined %}
        <a class="black-button standart-button arrow-anim" href="{{content.link}}">{{ "for_more_info"|trans|capitalize }}</a>
    {% endif %}
    {% if content.list is defined and content.list|length > 0 %}
        {% if not content.multipleLists is defined or content.multipleLists == false %}
            {% set lists = [content.list] %}
        {% else %}
            {% set lists  = content.list %}
        {% endif %}
        <div class="flex">
            {% for list in lists %}
                <ul{% if content.isDark is defined and content.isDark %} class="dark"{% endif %}>
                    {% for listItem in list %}
                        <li>{{ listItem[locale]|raw }}</li>
                    {% endfor %}
                </ul>
            {% endfor %}
        </div>
    {% endif %}
</div>