Value List

<ul class="value-list">
      <li class="value-list__item--info">
          <div class="value-list__label">Vorgezogene Recyclinggebühren Vorgezogene Recyclinggebühren 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>
      <li class="value-list__item--warning">
          <div class="value-list__label">Transportzuschlag Gefahrengut:</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">35.00</div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>

              </div>
          </div>
      </li>
      <li class="value-list__item--error">
          <div class="value-list__label">Die Anzahl konnte nicht erhöht werden. Nicht genügend Lagerbestand vorhanden.</div>
      </li>
  </ul>