.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-20529bd0 *//* Allgemeines Layout und Hintergrund */
body.woocommerce-checkout {
    background-color: #f4f7fc; padding: 40px 0;
}
.woocommerce-checkout .checkout.woocommerce-checkout {
    background-color: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); padding: 30px;
    max-width: 900px; margin: 0 auto;
}

/* Formulareingabefelder */
.woocommerce-checkout input.input-text, .woocommerce-checkout select, .woocommerce-checkout textarea {
    width: 100%; padding: 14px 18px; margin-bottom: 20px; border-radius: 8px; border: 1px solid #ccc;
    font-size: 16px; color: #333; background-color: #f9f9f9; transition: border-color 0.3s, box-shadow 0.3s;
}
.woocommerce-checkout input.input-text:focus, .woocommerce-checkout select:focus, .woocommerce-checkout textarea:focus {
    border-color: #962269; box-shadow: 0 0 8px rgba(0, 115, 230, 0.2); outline: none;
}

/* Buttons */
.woocommerce-checkout .button, .woocommerce-checkout .wc-proceed-to-checkout a {
    background-color: #0073e6; color: white; padding: 16px; border-radius: 8px; font-size: 18px;
    text-align: center; text-decoration: none; display: block; cursor: pointer; width: 100%; transition: background-color 0.3s;
}
.woocommerce-checkout .button:hover, .woocommerce-checkout .wc-proceed-to-checkout a:hover {
    background-color: #005bb5;
}

/* Abschnittsüberschriften - Allgemein */
.woocommerce-checkout h1, .woocommerce-checkout h3, .woocommerce-checkout .woocommerce-billing-fields legend, 
.woocommerce-checkout .woocommerce-shipping-fields legend,
.woocommerce-checkout .woocommerce-payment-fields legend {
    font-size: 27px; font-weight: 600; color: #333; margin-bottom: 64px; text-transform: uppercase; line-height: 1.2;
}
.woocommerce-checkout legend { word-wrap: break-word; white-space: normal; }

/* Bestellübersicht */
.woocommerce-checkout .woocommerce-checkout-review-order-table { 
    border-collapse: collapse; width: 100%; margin-top: 30px; background-color: #fff; /* Hintergrund auf Weiß setzen */
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table td {
    padding: 14px 20px; text-align: left; border-bottom: 1px solid #ddd;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th { background-color: #f9f9f9; font-weight: 600; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total { font-weight: 600; font-size: 18px; color: #962269; }

/* Zahlungsbereich */
.woocommerce-checkout .payment_box {
    background-color: #fff; border-radius: 8px; padding: 18px; margin-bottom: 25px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Hilfe-Texte */
.woocommerce-checkout .form-row .help-block { font-size: 14px; color: #888; }

/* Responsivität */
@media (max-width: 768px) {
    .woocommerce-checkout .checkout.woocommerce-checkout { padding: 20px; }
    .woocommerce-checkout .button, .woocommerce-checkout .wc-proceed-to-checkout a {
        font-size: 16px; padding: 14px;
    }

    /* Kleine Schriftgröße für Überschriften auf mobilen Geräten */
    .woocommerce-checkout h1, .woocommerce-checkout h3, 
    .woocommerce-checkout .woocommerce-billing-fields legend, 
    .woocommerce-checkout .woocommerce-shipping-fields legend,
    .woocommerce-checkout .woocommerce-payment-fields legend {
        font-size: 18px !important; /* Etwas größere Schriftgröße für h1 und h3 */
    }
}

/* Lieferung an eine andere Adresse */
.woocommerce-checkout #ship-to-different-address {
    display: flex; align-items: center; justify-content: flex-start; margin: 40px 0 20px;
}
.woocommerce-checkout #ship-to-different-address label {
    margin-left: 10px; font-size: 18px; color: #333; line-height: 1.2; word-wrap: break-word; white-space: normal; text-transform: none;
}
@media (max-width: 768px) {
    .woocommerce-checkout #ship-to-different-address { flex-direction: column; align-items: flex-start; }
    .woocommerce-checkout #ship-to-different-address label { margin-left: 0; margin-top: 5px; font-size: 16px; }
}

/* select2 Dropdown */
.select2-selection__rendered { font-size: 16px; padding: 10px 15px; line-height: 1.4; }
.select2-container--default .select2-selection--single { height: 45px; line-height: 45px; }
.select2-dropdown { font-size: 16px; max-height: 300px; overflow-y: auto; }
.select2-container { width: 100% !important; }
.select2-selection__rendered:focus { border-color: #0073e6; box-shadow: 0 0 8px rgba(0, 115, 230, 0.2); outline: none; }

/* Kostenpflichtig bestellen Button */
.woocommerce-checkout .button.alt {
    font-size: 20px; padding: 18px 36px; border-radius: 12px; font-weight: bold; text-align: center; display: inline-block;
    width: 100%; cursor: pointer; transition: background-color 0.3s;
}
.woocommerce-checkout .button.alt:hover { background-color: #005bb5; color: white; }
@media (max-width: 768px) {
    .woocommerce-checkout .button.alt { font-size: 18px; padding: 16px 32px; }
}

/* Responsivität - Desktop - Schriftgröße der Überschriften und Abstand anpassen */
@media (min-width: 1024px) {
    /* Schriftgröße der Überschriften auf Desktop leicht erhöhen */
    .woocommerce-checkout h1, .woocommerce-checkout h3, .woocommerce-checkout .woocommerce-billing-fields legend,
    .woocommerce-checkout .woocommerce-payment-fields legend {
        font-size: 26px !important; /* Etwas größere Schriftgröße für h1 und h3 */
    }

    /* Abstand nach unten unter "Rechnungsdetails" erhöhen */
    .woocommerce-checkout h1 {
        margin-bottom: 20px !important; /* Etwas größeren Abstand unter h1 */
    }

    /* Abstand über der Zahlungsart erhöhen */
    .woocommerce-checkout .woocommerce-payment-fields {
        margin-top: 40px !important; /* Abstand über der Zahlungsart erhöhen */
    }
}

/* Erhöhe den Abstand über der Überschrift "Zahlungsart auswählen" */
#order_payment_heading {
    margin-top: 50px !important;     margin-bottom: 30px !important;/* Erhöht den Abstand über der Überschrift */
}

/* Optional: Wenn du den Abstand um das gesamte Zahlungsfeld erhöhen möchtest */
.woocommerce-checkout .woocommerce-payment-fields {
    margin-top: 50px !important; /* Erhöht den Abstand über der gesamten Zahlungsart-Sektion */
}

/* Setze weißen Hintergrund für die gesamte Tabelle */
.shop_table {
    background-color: #ffffff !important; /* Weißer Hintergrund für die gesamte Tabelle */
}

/* Setze weißen Hintergrund für den Tabellenkörper */
.shop_table tbody tr {
    background-color: #ffffff !important; /* Weißer Hintergrund für alle Zeilen im Tabellenkörper */
}

/* Setze grauen Hintergrund nur für die Kopfzeile */
.shop_table thead th {
    background-color: #f0f0f0 !important; /* Grauer Hintergrund für die Kopfzeile */
}

/* Setze grauen Hintergrund für die speziellen Zeilen im Fußbereich (Zwischensumme, Versand, Gesamtsumme, MwSt) */
.shop_table tfoot .cart-subtotal,
.shop_table tfoot .woocommerce-shipping-totals,
.shop_table tfoot .order-total,
.shop_table tfoot .order-tax {
    background-color: #f0f0f0 !important; /* Grauer Hintergrund für diese vier Zeilen */
}

/* Setze grauen Hintergrund für die linke Zelle der speziellen Zeilen im Fußbereich */
.shop_table tfoot .cart-subtotal th,
.shop_table tfoot .woocommerce-shipping-totals th,
.shop_table tfoot .order-total th,
.shop_table tfoot .order-tax th {
    background-color: #f0f0f0 !important; /* Grauer Hintergrund für die linke Zelle dieser vier Zeilen */
}

/* Setze weißen Hintergrund für die Zellen im Tabellenkörper */
.shop_table tbody td {
    background-color: #ffffff !important; /* Weißer Hintergrund für alle Zellen im Tabellenkörper */
}

/* Setze weißen Hintergrund für die Fußzeilenkopfzeilen */
.shop_table tfoot th {
    background-color: #ffffff !important; /* Weißer Hintergrund für die Fußzeilenkopfzeilen */
}/* End custom CSS */