HTML

<!-- WARENKORB -->
<div id="page-view-order">
    <div class="container-fluid header-banner">
        <h1 class="h1">Bestellübersicht</h1>
    </div>
    <div class="container cart-container">
        <!-- Table Head -->
        <div class="cart-table-head">
            <div class="cart-head-product">
                <h3 class="h3">Produkt</h3>
            </div>
            <div><!-- Platzhalter --></div>
            <div><!-- Platzhalter --></div>
            <div class="cart-head-price">
                <h3 class="h3">Preis</h3>
            </div>
        </div>
        <button class="btn-cta" onclick="renderCart();">Warenkorb rendern</button>
        <!-- Table Content -->
        <div class="cart-table-content" id="cart-table-content">
            <!-- Hier wird dynamisch der Warenkorb aufgefüllt. -->

        </div>

        <!-- Summe -->
        <div class="grid-cart-item hr-custom">
            <div class="cart-sum-container">
                <div class="cart-sum-text">
                    <h3 class="h3">Summe:</h3>
                </div>
                <div class="cart-sum-text-right">
                    <h3 class="h3" id="cartSum">69€</h3>
                </div>
            </div>
        </div>

        <!-- Cart Buttons -->
        <div class="cart-button-area">
            <div class="cart-button-discount">
                <input type="text" id="inputDiscountCode" placeholder="Rabattcode">
            </div>
            <div class="cart-button-redeem">
                <button class="btn-cta rounded-5" id="redeemDiscount">
                    Einlösen
                </button>
            </div>
            <div><!-- Platzhalter --></div>
            <div class="cart-button-checkout">
                <button class="btn-cta rounded-5" id="cartCheckout">
                    Checkout
                </button>
            </div>
            <div class="cart-button-space"><!-- Platzhalter --></div>
            <div class="cart-button-payments">
                <i class="fa-brands fa-cc-paypal rounded-5"></i>
                <i class="fa-brands fa-cc-visa rounded-5"></i>
                <i class="fa-brands fa-cc-apple-pay rounded-5"></i>
            </div>
        </div>
    </div>
</div>