<h2 class="js-toc__title h3">{{ 'tour-detail.Eigenschaften'|trans }}</h2><div class="row vertical-gutter--2"> <div class="col-6 col-md-3 vertical-gutter__item">{{ _self.rating('tour-detail.Technik'|trans, tour.ratingTechnique) }}</div> <div class="col-6 col-md-3 vertical-gutter__item">{{ _self.rating('tour-detail.Kondition'|trans, tour.ratingCondition) }}</div></div>{% macro rating(title, stars) %} {% if stars is not null %} {% set stars = stars + 1 %} {% endif %} <div class="rating"> {{ title }} <div class="mt-2"> {% for i in 1..6 %} <span aria-label="star" class="rating__icon icon icon-{{ i <= stars ? 'heart' : 'heart-outline'}} text-primary-light"></span> {% endfor %} </div> </div>{% endmacro %}