<section class="{{ styleModifier }}"> {{ include('Includes/title-block.html.twig', { title: title|default(''), subtitle: subtitle|default(''), isCentered: isTitleCentered|default(true) }) }} {{ include('Includes/tabs.html.twig', { items: items, styleModifierTabs: 'nav-tabs--full-width nav-tabs--light mb-3' }) }} <div class="tab-content" role="tabpanel"> {% for item in items %} <div class="tab-pane fade {{ item.isActive ? 'show active' : '' }}" id="{{ item.targetId }}" aria-labelledby="{{ item.id }}"> <ul class="feature-list list-unstyled"> {% for feature in item['features'] %} <li class="feature-list__item"> <div class="row"> <div class="col-md-6"> <div class="feature-list__item-title"> {% if feature.icon|default(null) %} <span class="icon icon-{{ feature.icon }} feature-list__item-icon" aria-hidden="true"></span> {% endif %} {{ feature.title }} </div> </div> <div class="col-md-6"> <div class="wysiwyg feature-list__item-wysiwyg"> <ul> {% for item in feature.data %} <li> {{ item |raw}} </li> {% endfor %} </ul> {% if feature.bestuhlung|default([]) %} <h6>{{ 'convention-detail.Bestuhlung'|trans }}:</h6> {% for item in feature.bestuhlung|default([]) %} <div> <span class="icon icon-{{ item.icon }} feature-list__item-icon"></span> {{ item.text }} </div> {% endfor %} {% endif %} </div> </div> </div> </li> {% endfor %} </ul> </div> {% endfor %} </div></section>