Profile Cards

<div class="card card-profile mb-4 ">
            <!-- maxh298: background sollte eher Breitformatbild sein, max. Darstellungshöhe: 149px, maxh298 ist Puffer für 1:2 Verhältnis -->
            <div class="card-header bg-secondary" style="{% if auth_profile.background %}background-image: url('{{ auth_profile.background|withPreset('maxh298') }}'); {% endif %}"></div>
            <div class="card-body text-center">
              <a href="{{ url('legacy', {'route':'users/'~auth_profile.id}) }}">
                <img class="card-profile-img" src="{{ auth_profile.picture_url|withPreset('square94') }}">
              </a>

              <h6 class="card-title">
                <a class="text-inherit" href="{{ url('legacy', {'route':'users/'~auth_profile.id}) }}">{{ auth_profile.username }}</a>
              </h6>

              <p class="mb-4">{{ auth_profile.picture_description }}</p><!-- Verhältnis zu Lebensmotto? -->

              <ul class="card-menu">
                <li class="card-menu-item">
                  <a href="{{ url('legacy', {'route':'users/'~auth_profile.id~'/friends'}) }}" class="text-inherit"><!--@Frontend Integration: URL aus Profile -->
                    {{ 'Freunde'|trans }}
                    <h6 class="my-0">{{ auth_profile.friends_count }}</h6>
                  </a>
                </li>

                <li class="card-menu-item">
                  <a href="{{ url('participation_hall_of_fame') }}" class="text-inherit">
                    {{ 'CP'|trans }}
                    <h6 class="my-0">{{ auth_profile.community_points_count }}</h6>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="card mb-4">
            <div class="card-body">
              <h6 class="card-title">{{ 'Über mich'|trans }}<small> · <a href="{{ url('legacy', {'route':'users/'~auth_profile.id}) }}">{{ 'Zum Steckbrief'|trans }}</a></small></h6>
              <p><i class="fas fa-user fa-fw"></i> {{ 'Angemeldet vor 1 Jahr|Angemeldet vor %count% Jahren'|trans({'%count%':auth_profile.created_years_ago}) }}
              </p>
              <p>
                <i class="fas fa-star fa-fw"></i> {{ '%date% (%years% Jahre alt)'|trans({'%date%':auth_profile.birthday|date("d.m.Y"), '%years%':auth_profile.age_in_years}) }}
              </p>
              <p>
                <i class="fas fa-user-friends fa-fw"></i> {{ 'Gruppen:'|trans }} {% for group_data in auth_profile.groups %}<a href="{{ url('legacy', {'route':'groups/'~group_data.id}) }}">{{ group_data.name }}</a>{% if not loop.last %}, {% endif %}{% else %}{{ 'Keine'|trans }}{% endfor %}
              </p>
            </div>
          </div>