.elementor-16 .elementor-element.elementor-element-144e5a97{--display:flex;}.elementor-16 .elementor-element.elementor-element-144e5a97:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-144e5a97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e55aa92 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-b6f980d{text-align:center;}.elementor-16 .elementor-element.elementor-element-b6f980d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-b6f980d .elementor-heading-title{font-size:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-2bc5c252 *//* --- 1. FORCE THE CORRECT FORM SECTION ORDER --- */
.elementor-widget-text-editor .pmpro_form {
  display: flex;
  flex-direction: column;
}

/* Set the order for each section */
.pmpro_form #pmpro_pricing_fields { order: 1; } /* Membership Info */
.pmpro_form #pmpro_form_fieldset-personliche-daten { order: 2; } /* Personal Details */
.pmpro_form #pmpro_user_fields { order: 3; } /* Account Info */
.pmpro_form #pmpro_payment_information_fields { order: 4; } /* Payment Details */
.pmpro_form .pmpro_form_submit { order: 5; } /* Submit Button MUST be last */
.pmpro_form #pmpro_message_bottom { order: 6; } /* Messages after button */


/* --- 2. CREATE THE 2-COLUMN LAYOUT FOR PERSONAL DETAILS --- */
#pmpro_form_fieldset-personliche-daten .pmpro_form_fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#pmpro_form_fieldset-personliche-daten .pmpro_form_field:not(.pmp-custom-2col) {
  grid-column: 1 / -1;
}


/* --- 3. STYLE THE FAMILY CODE CHECKBOX TO BE INLINE --- */
#family_code_toggle {
  display: flex; 
  align-items: center; 
  margin-bottom: 20px; /* Add space below for a clean look */
}

#family_code_toggle input[type="checkbox"] {
  margin: 0 10px 0 0; 
  width: auto; 
  flex-shrink: 0; 
}

#family_code_toggle label {
    margin: 0; 
}


/* --- 4. RESPONSIVE FOR MOBILE --- */
@media (max-width: 768px) {
  #pmpro_form_fieldset-personliche-daten .pmpro_form_fields {
    grid-template-columns: 1fr;
  }
}


#family_code_toggle {
    display: flex !important;
    flex-direction: row;
}

.pmpro_checkout-field-group_code {
    margin-bottom: 20px;
}/* End custom CSS */