Tile: With Loading Price

<article class="tile" data-location="/some-location/">
    <div class="tile__row">
        <div class="tile__column">
            <h3 class="tile__title">
                <a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
            </h3>
            <div class="tile__attributes">
                <div class="attributes--small">
                    <ul class="attributes__list">
                        <li class="attributes__list-item">
                            <div class="attributes__name">Artikelnr.</div>
                            <div class="attributes__value " title="8547625">
                                8547625
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">Kategorie</div>
                            <div class="attributes__value has-single-line-ellipsis" title="Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie">
                                <a class="attributes__attribute-link" href="#" title="Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie">Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie Testkategorie</a>
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">Grösse</div>
                            <div class="attributes__value " title="XXL">
                                XXL
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">fréquence d'horloge du processeur</div>
                            <div class="attributes__value " title="1,6 GHz">
                                1,6 GHz
                            </div>
                        </li>
                        <li class="attributes__list-item">
                            <div class="attributes__name">fréquence d'horloge du processeur</div>
                            <div class="attributes__value " title="fréquence d'horloge du processeur fréquence d'horloge du processeur fréquence d'horloge du processeur">
                                fréquence d'horloge du processeur fréquence d'horloge du processeur fréquence d'horloge du processeur
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tile__price-actions-container">
                <div class="tile__price">

                    <div class="price--regular">

                        <div class="price__status-container">
                            <span class="visually-hidden">Lädt...</span>
                            <div class="loading-spinner">
                                <div class="loading-spinner__spinner--small"></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="tile__actions-container">

                    <form class="wishlist-cart-actions">
                    </form>
                </div>
            </div>
        </div>
        <div class="tile__column">
            <a href="/some-location/" class="tile__link">
                <div class="image ">
                    <picture>
                        <img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
                    </picture>
                </div>

            </a>

            <div class="tile__logo">
                <div class="logos">
                    <div class="image ">
                        <picture>
                            <img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
                        </picture>
                    </div>

                </div>
            </div>
            <div class="tile__specials">
                <div class="specials">

                    <div class="specials--medium-vertically  ">
                        <button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
                            <span class="visually-hidden">New</span>
                            <span class="image ">
                                <picture>
                                    <img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </span>

                        </button>
                        <button type="button" class="specials__toggle" data-info-tooltip-content="Kauftipp" style="background-color: #44a0d9;">
                            <span class="visually-hidden">Kauftipp</span>
                            <span class="image ">
                                <picture>
                                    <img src="/example-assets/images/specials/tip.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                                </picture>
                            </span>

                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>