<f:if condition="{data.tx_portfoliotab_reiterelemente}">
    <div class="portfoliotab-tabsaccordion">

        <ul class="nav nav-tabs" role="tablist">
            <f:for each="{data.tx_portfoliotab_reiterelemente}" as="data_item" iteration="iterator">
                <li role="presentation"{f:if(condition: iterator.isFirst, then: ' class="active"')}>
                    <f:if condition="{data_item.tx_portfoliotab_tabname}">
                        {data_item.data.tx_portfoliotab_tabname}<br />
                        <a href="#tab{iterator.index}" aria-controls="{data_item.tx_portfoliotab_tabname}" role="tab" data-toggle="tab">{data_item.tx_portfoliotab_tabname}</a>
                    </f:if>
                </li>
            </f:for>
        </ul>

        <f:if condition="{data_item.tx_portfoliotab_tabcontent}">
            <div class="tab-content">
                <f:for each="{data.tx_portfoliotab_reiterelemente}" as="data_item" iteration="tabiterator">
                    <div role="tabpanel" class="tab-pane{f:if(condition: tabiterator.isFirst, then: ' active')}" id="tab{tabiterator.index}">
                        <div class="card-group" id="accordion{data_item.parentid}{tabiterator.cycle}" role="tablist" aria-multiselectable="true">
                            <f:for each="{data_item.tx_portfoliotab_tabcontent}" as="data_item_data_item" iteration="contentiterator">


                                <!--
                                <div class="card-header" role="tab" id="heading{tabiterator.cycle}{contentiterator.cycle}">
                                    <h4 class="card-title">
                                        <a role="button" data-toggle="collapse" data-parent="#accordion{data_item.parentid}{tabiterator.cycle}" href="#collapse{data_item.parentid}{tabiterator.cycle}{contentiterator.cycle}" aria-expanded="false" aria-controls="collapse{tabiterator.cycle}{contentiterator.cycle}">

                                            <f:if condition="{data_item_data_item.tx_portfoliotab_accordiontitle}">
                                                {data_item_data_item.data.tx_portfoliotab_accordiontitle}<br />
                                            </f:if>
                                        </a>
                                    </h4>
                                </div> -->

                                <f:if condition="{data_item_data_item.tx_portfoliotab_accordioncontent}">
                                    <f:for each="{data_item_data_item.tx_portfoliotab_accordioncontent}" as="content_item">
                                        <f:cObject typoscriptObjectPath="tt_content" data="{content_item.data}" table="tt_content" /><br />
                                    </f:for>
                                </f:if>
                            </f:for>
                        </div>
                    </div>
                </f:for>
            </div>
        </f:if>
    </div>
</f:if>