.elementor-8041 .elementor-element.elementor-element-3615f79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-7545167 *//* ================================================
   CHECKOUT-SEITE – KOMPLETTES CSS
   Einfügen in: WordPress Customizer → Zusätzliches CSS
   ================================================ */

/* === PAGE === */
body {
  background: #F5F5F0 !important;
  font-family: 'Inter Tight', -apple-system, sans-serif !important;
}

/* === FORMULAR CONTAINER === */
.mepr-signup-form,
.mp_wrapper {
  max-width: 100% !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  color: #1a1a1a !important;
  font-family: 'Inter Tight', -apple-system, sans-serif !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

/* === PREIS === */
.mepr_price_cell,
.mepr-price-box,
.mp-form-row .mepr-price-string {
  background: #FFFDF5 !important;
  border: 2px solid #E6B43E !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  color: #1a1a1a !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

/* === LABELS === */
.mepr-signup-form label,
.mp_wrapper label,
.mepr-signup-form .mp-form-label {
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* === INPUTS === */
.mepr-signup-form input[type="text"],
.mepr-signup-form input[type="email"],
.mepr-signup-form input[type="password"],
.mepr-signup-form input[type="tel"],
.mepr-signup-form input[type="number"],
.mepr-signup-form select,
.mepr-signup-form textarea,
.mepr-form-input,
.mp_wrapper input[type="text"],
.mp_wrapper input[type="email"],
.mp_wrapper select {
  background: #FAFAFA !important;
  border: 1.5px solid #ddd !important;
  border-radius: 10px !important;
  color: #1a1a1a !important;
  padding: 13px 15px !important;
  font-size: 15px !important;
  font-family: 'Inter Tight', -apple-system, sans-serif !important;
  width: 100% !important;
  transition: all 0.25s ease !important;
  -webkit-appearance: none !important;
}

.mepr-signup-form input:focus,
.mepr-signup-form select:focus,
.mp_wrapper input:focus,
.mp_wrapper select:focus {
  border-color: #E6B43E !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(230, 180, 62, 0.12) !important;
  background: #fff !important;
}

.mepr-signup-form input::placeholder { color: #aaa !important; }

.mepr-signup-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23999'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

/* === ROWS === */
.mepr-signup-form .mp-form-row,
.mp_wrapper .mp-form-row {
  margin-bottom: 14px !important;
}

/* === CHECKBOX (allgemein) === */
.mepr-signup-form input[type="checkbox"] {
  accent-color: #E6B43E !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* === DATENSCHUTZ / TOS CHECKBOX FIX === */
.mepr-signup-form .mepr_tos,
.mepr-signup-form .mepr-tos-checkbox-row,
.mepr-signup-form .mp-form-row.mepr_tos,
.mepr-signup-form .mp-form-row.mepr-tos-checkbox-row,
.mepr-signup-form .mp-form-row label[for*="mepr_agree_to_tos"],
.mepr-signup-form .mp-form-row .mepr-form-checkbox-field,
.mepr-signup-form [class*="tos"] label,
.mepr-signup-form [class*="tos"] a,
.mepr-signup-form .mepr_agree_to_tos + label,
.mepr-signup-form label[for="mepr_agree_to_tos"] {
  background: none !important;
  background-color: transparent !important;
  color: #666 !important;
  font-size: 13px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  line-height: 1.5 !important;
}

.mepr-signup-form [class*="tos"] a,
.mepr-signup-form label[for="mepr_agree_to_tos"] a {
  color: #B8860B !important;
  background: none !important;
  background-color: transparent !important;
}

.mepr-signup-form .mp-form-row.mepr_tos,
.mepr-signup-form .mp-form-row.mepr-tos-checkbox-row,
.mepr-signup-form .mp-form-row:has(input[name*="tos"]),
.mepr-signup-form .mp-form-row:has(#mepr_agree_to_tos) {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

/* Andere Checkbox-Labels */
.mepr-signup-form .mepr-form-checkbox + label,
.mepr-signup-form .mp-form-row a {
  color: #B8860B !important;
  font-size: 13px !important;
  background: transparent !important;
}
.mepr-signup-form a:hover { color: #E6B43E !important; }

/* === GUTSCHEIN === */
.mepr-signup-form .mepr-has-coupon-link,
.mepr-signup-form .mp-form-row a[href*="coupon"] {
  color: #B8860B !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* === PAYMENT METHODS === */
.mepr-signup-form .mepr-payment-method,
.mepr-signup-form .mp-payment-option,
.mepr-signup-form .mepr-payment-methods-wrapper {
  background: #FAFAFA !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 10px !important;
  color: #1a1a1a !important;
}

.mepr-signup-form .mepr-payment-method label,
.mepr-signup-form .mp-payment-option label {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.mepr-signup-form input[type="radio"] { accent-color: #E6B43E !important; }

.mepr-signup-form .mepr-payment-method-description,
.mepr-signup-form .mp-payment-option-desc {
  color: #888 !important;
  font-size: 13px !important;
}

/* === SUBMIT BUTTON === */
.mepr-signup-form .mepr-submit,
.mepr-signup-form input[type="submit"],
.mepr-signup-form button[type="submit"],
.mp_wrapper .mepr-submit {
  background: linear-gradient(135deg, #D4AF37 0%, #F0D060 50%, #E6B43E 100%) !important;
  color: #000 !important;
  font-family: 'Inter Tight', -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 18px 32px !important;
  border: none !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  width: 100% !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3) !important;
  transition: all 0.3s ease !important;
  margin-top: 8px !important;
}

.mepr-signup-form .mepr-submit:hover,
.mepr-signup-form input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.4) !important;
}

/* === ERRORS === */
.mepr-signup-form .mepr-form-has-errors,
.mepr-signup-form .mp-form-submit-error {
  color: #dc2626 !important;
  background: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
}

/* === RESPONSIVE === */
@media (max-width: 767px) {
  .mepr-signup-form,
  .mp_wrapper {
    padding: 24px 18px !important;
    border-radius: 12px !important;
  }
  .mepr-signup-form .mepr-submit,
  .mepr-signup-form input[type="submit"] {
    font-size: 16px !important;
    padding: 16px 24px !important;
  }
}/* End custom CSS */