@charset "UTF-8";
/***!  /templates/shaper_helixultimate/css/custom.css  !***/

.easy-checkout-row {
    background: #fff;
}

.easy-checkout-row .easy-checkout-column {
    background: #f7f7f7;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #eeeeee;
}

.easy-checkout-returning-customer.easy-checkout-column {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.easy-checkout.easy-checkout-checkout-form .easy-checkout-title {
    display: flex;
    align-items: center;
    border-bottom: 3px solid #962929 !important;
    padding: 0 0 10px;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 0;
}

.easy-checkout.easy-checkout-checkout-form .easy-checkout-title span {
    background: #962929 !important;
    height: 32px;
    width: 32px;
    line-height: 32px;
    color: #ffffff;
    font-size: 16px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    margin-inline-end: 10px;
}

.easy-checkout.easy-checkout-checkout-form h3 {
    border-bottom: 2px solid #962929 !important;
    padding: 10px 0;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.easy-checkout.easy-checkout-checkout-form .btn-primary {
    background: #50938a !important;
    border-color: #50938a;
}

.easy-checkout.easy-checkout-checkout-form .btn-primary:hover {
    background: #258772;
    border-color: #258772;
}

.easy-checkout .checkout-validate-button {
    margin-top: 10px;
}

.easy-checkout.easy-checkout-checkout-form .easy-checkout-returning-customer a {
    color: #333;
    text-decoration: underline;
}

.easy-checkout.easy-checkout-checkout-form .easy-checkout-returning-customer a:hover,
.easy-checkout.easy-checkout-checkout-form .easy-checkout-returning-customer a:focus {
    color: #41B99D;
    outline: none;
}

#easy-returning-customer-login-form .row,
#easycheckout-coupon-form .row,
#easycheckout-voucher-form .row {
    align-items: center;
}

#easy-returning-customer-login-form .row input,
#easycheckout-coupon-form .row input,
#easycheckout-voucher-form .row input {
    margin: 10px 0;
}

#easy-checkout-billing-address br {
    display: none;
}

.easy-checkout .j2store-cart-table {
    background: #ffffff;
}

#existing_address_id,
#existing_shipping_address_id {
    margin: 10px 0;
}

.easy-checkout.easy-checkout-checkout-form label,
#easy-checkout-new-address label {
    display: block;
    color: #777;
}

.easy-checkout .payment-plugin-image-label,
.easy-checkout .easy-checkout-checkout-form .j2store-shipping label {
    display: flex !important;
}

.easy-checkout label:has(input[type=reset]),
.easy-checkout label:has(input[type=checkbox]),
.easy-checkout label:has(input[type=radio]) {
    display: flex;
    align-items: center;
}

.easy-checkout label>input[type=reset],
.easy-checkout label>input[type=checkbox],
.easy-checkout label>input[type=radio],
.easy-checkout label>img {
    margin-inline-end: 14px;
}

.easy-checkout .control-label {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}



/* Standard-Zustand des Buttons */
.j2store-add-to-cart .btn-primary {
    background-color: #5983b0 !important; /* Ihre Wunschfarbe */
    border-color: #5983b0 !important;
    color: #ffffff !important; /* Textfarbe */
}

/* Zustand beim Drüberfahren mit der Maus (Hover) */
.j2store-add-to-cart .btn-primary:hover {
    background-color: #8b99c9 !important;
    border-color: #8b99c9 !important;
    color: #ffffff !important;
}

/* 1. E-MAIL-EINGABEFELD VERKÜRZEN */
#outofstockemail {
    max-width: 350px !important;
    width: 100% !important;
}

/* 2. BUTTON-FARBE FÜR ALLE PRODUKTE & SPRACHEN ÄNDERN */
a[onclick^="addOutofEmail"] {
    background-color: #5983b0 !important; /* Hier steht Grün - passe den Hexcode bei Bedarf an */
    color: #ffffff !important;
    border-color: #5983b0 !important;
}

/* 3. BUTTON-FARBE BEIM DRÜBERFAHREN (HOVER) */
a[onclick^="addOutofEmail"]:hover {
    background-color: #8b99c9 !important;
    border-color: #8b99c9 !important;
}

/* Erzeugt einen Abstand unter jeder einzelnen Zahlungsmethode */
label.payment-plugin-image-label {
    display: block !important; /* Erzwingt eine eigene Zeile */
    margin-bottom: 15px !important; /* Der Abstand nach unten */
    padding: 5px 0 !important; /* Gibt dem Inhalt etwas Atemraum */
}

/* 1. BANKÜBERWEISUNG VERSCHIEBEN (Greift über die technische CSS-Klasse in allen Sprachen) */
label.payment_cash {
    padding-left: 2px !important;
}

/* 2. PAYPAL VERSCHIEBEN (Sucht nach dem Klickfeld, das die PayPal-Grafik beinhaltet) */
label:has(img[src*="paypal"]), 
label:has(img[alt*="PayPal"]), 
label.payment_paypal, 
label.payment_mollie_paypal {
    padding-left: 2px !important;
}


/* Verkleinert alle Checkout-Überschriften und stellt die Abstände ein */
.easy-checkout-title,
#cart_refresh_block h3,
.j2store-checkout-options h3,
#shipping-blog h3,
#billing-blog h3 {
    font-size: 18px !important; /* Macht die Schrift angenehm klein */
    line-height: 1.4 !important;
    margin-top: 25px !important; /* Schiebt die Überschrift nach unten weg */
    margin-bottom: 15px !important; /* Hält Abstand zur Linie darunter */
    display: block !important;
}

/* Falls die Linie per Border erzeugt wurde, stellen wir sicher, dass sie bleibt */
.easy-checkout-title,
#shipping-blog h3,
#billing-blog h3 {
    border-bottom: 2px solid #a91515 !important; /* Setzt die weinrote Linie sicherheitshalber fest, falls sie verschwindet */
    padding-bottom: 5px !important;
}