{LOOP}
<div class="bookmark-card">
    <div class="card m-3 accordion">
        <div class="accordion-item">
            
            <div class="card-header accordion-header bg-{color} context-main">
                <div class="d-flex justify-content-between align-items-center w-100"  data-bs-target="#Collapse{ID}" data-bs-toggle="collapse" aria-expanded="true" aria-controls="Collapse{ID}">
                        <div class="text-center h4">{title}</div>
                </div>
            </div>

            <div id="Collapse{ID}" class="accordion-collapse collapse w-100 position-relative show">
                <div class="card-body accordion-body p-2 context-second-bg">
                    <ul class="list-group">
                        {bookmarkListRows}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{/LOOP}
{ALT}
<div class="context-other-bg">
    <p class="context-other-bg">no Folders</p>
</div>
{/ALT}