/*
Änderungen an der CHECKOUT Page
*/

#place_order {
    width: 100%;
}

/*"Sternchen" bei AGB-Bestätigung sitzt faslch, muss höher in den text.-*/
#order_review .wc-gzd-checkbox-placeholder p.form-row label {
    display: flex !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    align-items: end !important;
}

/*Thankyou page auflistung, hintergund der zellen weiss*/
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background-color: #ffffff !important;
}

/*Haken Dienstleistungen / nur für Akustik Raumplanung */
.woocommerce-gzd-data-service-checkbox-text {
    padding-left: 30px;
}

/*Checkbox dienstleistungen, on top setzen*/
.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {
    align-self: flex-start;
    margin-top: 5px;
    position: absolute;

    /* Double-sized Checkboxes
    ALL BROWSER SAVE*/
    -ms-transform: scale(1.15); /* IE */
    -moz-transform: scale(1.15); /* FF */
    -webkit-transform: scale(1.15); /* Safari and Chrome */
    -o-transform: scale(1.15); /* Opera */
    transform: scale(1.15);

}

/*Das hier ist, damit auf exakt 768 Pixel breite (z.b. ipad MINI oder auch iPad 6) die darstellung der Spalten in der cart gehalten wird.
Probiert es einfach mal ohne das important aus, bzw. löscht es im browser.*/
@media (max-width: 768px) {
    .m-cart #page table.shop_table_responsive.woocommerce-cart-form__contents tr td {
        display: flex !important;
    }
}

/* auch für exakt 768PX, s.o. - überschrift ausblenden */
@media (max-width: 768px) {
    .m-cart #page table.shop_table_responsive.woocommerce-cart-form__contents tr:last-child {
        display: none !important;
    }
}

/* s.o. padding top korrigieren */
@media (max-width: 768px) {
    .woocommerce-cart-form {
        padding-top: 10px;
    }
}


/*
Behebt den sporadisch auftretenden fehler, das das germanized css script falsch bzw.
Gar nicht geladen wird, und folgendes css (der container der Checkbox + Text) nicht relativ gesetzt wird.
Hier das original css + Container:
<label for="legal" class="woocommerce-form__label woocommerce-form__label-for-checkbox checkbox">
...
#order_review .wc-gzd-checkbox-placeholder p.form-row label {
    position: relative;
*/
/*Das CSS wirkt auch für die Dienstleistungs CB*/
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    position: relative !important;
}