.woocommerce-checkout.woocommerce-page{
    table.shop_table tfoot th {
        text-transform: none;
    }
    
    @media (min-width: 960px) {
        .checkout.woocommerce-checkout {
            display: flex;
            flex-wrap: wrap;
            
            .woocommerce-NoticeGroup {
                width: 100%;
                flex-shrink: 0;
            }
            .col2-set {
                display: flex;
                flex-direction: column;
                width: calc(50% - 20px);
                margin-right: 40px;
    
                .col-1,
                .col-2 {
                    width: 100%;
                    float: none;
                }
            }
    
            .woocommerce-checkout-review-order {
                width: calc(50% - 20px);
                background-color: #EBEBEB;
                padding: 20px;
            }
        }
    }

    main h3 {
        text-transform: none;
        font-family: $headline-font-family;
        font-weight: $headline-font-weight;
    }

    h3#ship-to-different-address {
        font-family: $body-font-family;
    }

    .checkbox.woocommerce-form__label {
        padding-left: 33px;
        line-height: 1.5em;

        .cb-style {
            margin-left: -33px;
        }
    }

    #place_order {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 18px;
    }
}

.woocommerce-shipping-totals,
.woocommerce-page .woocommerce-shipping-totals {
    display: flex;
    flex-direction: column;
    text-align: left;

    td:empty {
        display: none;
    }

    td:last-child {
        padding-top: 0;
        padding-bottom: 0;
        text-align: left;
    }

    ul#shipping_method li {
        text-align: left;
    }

    .wgm-tax.product-tax {
        text-align: left;
        margin-left: 40px;
        display: inline;
    }
}

.review-table-inner-shipping {
    margin-bottom: 0;
}

// TODO: headline wieder einbauen
h3#order_review_heading {
    display: none;
}

/**
 * Loader
 */
 .woocommerce .blockUI.blockOverlay {
     position: fixed !important;
     width: 100vw;
     height: 100vh;
     &::before {
        background: green;
        background-image: radial-gradient(#fff 0%, #fff 50%, transparent 50%),
        conic-gradient(#fff 0%, #fff 50%, #000 100%);
        border-radius: 50%;
        animation-timing-function: linear;
     }
 }