{% extends 'base.html.twig' %}

{% block title %}Helpcenter{% endblock %}

{% block navigation %}{% endblock %}

{% block styles %}
    <style>
        .navbar {
            background: transparent !important;
        }

        .background-gradient, .back-circle {
            display: none !important;
        }

        .dropdown-menu-container {
            top: 80px;
        }



        .navbar-container {
            padding: 0;
        }

        {% if not app.user %}
        .navbar-container {
            padding: 50px 20px;
        }
        {% endif %}
    </style>
{% endblock %}

{% block body %}
    <div>
        <div class="gradient-background container-fluid h-100 p-0 mb-100">
            <div class="home-container-new-content">
                {% include 'general/navigation.html.twig' %}
                <div class="row pt-5 pb-5">
                    <div class="col-12 display-flex-center p-0 mb-100">
                        <div>
                            <div class="orange-subtitle text-center">Wir helfen dir weiter</div>
                            <div class="dark-blue-title">Helpcenter</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-limit-container">
            {% include 'general/components/__contact_form.html.twig' %}

            <div class="p-5 p-sm-2">
                <div class="orange-subtitle text-center">FAQ</div>
                <div class="dark-blue-title mb-5">Allgemeine Fragen</div>
                {% include 'general/components/accordion.html.twig' %}
                <div class="orange-subtitle text-center mt-100">FAQ</div>
                <div class="dark-blue-title mb-5">Senden & Empfangen</div>
                {% include 'general/components/accordion.html.twig' %}

                <div class="orange-subtitle text-center mt-100">FAQ</div>
                <div class="dark-blue-title mb-5">Branding & Design</div>
                {% include 'general/components/accordion.html.twig' %}
            </div>

        </div>


    </div>
{% endblock %}