Item Cell: With Attributes

<h5 class="item-cell__title--with-attributes">
    <a href="#" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
    <ul class="attributes__list">
        <li class="attributes__list-item">
            <div class="attributes__name">Art.-Nr.</div>
            <div class="attributes__value " title="56.65563">
                56.65563
            </div>
        </li>
        <li class="attributes__list-item">
            <div class="attributes__name">Gruppe</div>
            <div class="attributes__value " title="Bosch eBike">
                Bosch eBike
            </div>
        </li>
    </ul>
</div>

<div class="text-field--light text-field-placeholder--light is-initialized">
    <div class="text-field__wrapper text-field-placeholder__wrapper ">
        <input class="text-field__input text-field-placeholder__input" id="comment-1" type="text" name="comment-1" placeholder="Kommentar" />
        <label class="visually-hidden" for="comment-1">Kommentar
        </label>
    </div>

</div>
<div class="item-cell__value-list">
    <ul class="value-list">
        <li class="value-list__item--info">
            <div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
            <div class="value-list__price">

                <div class="price--extra-small">

                    <div class="price__row">
                        <div class="price__column--regular-price">
                            <div class="price-regular">
                                <div class="price-regular__current">
                                    <div class="price-regular__current-price-inner">
                                        <div class="price-regular__current-currency">CHF</div>
                                    </div>
                                    <div class="price-regular__current-price-inner">
                                        <div class="price-regular__current-value">4.00</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="value-list__tooltip">
                <button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
                    <span class="visually-hidden">Information</span>
                </button>
            </div>
        </li>
    </ul>
</div>