FYI: I have been able to find a solution. See attached code. 

Start your code here

function cwpai_formidable_select2_script() {
// Define the specific page IDs
$target_page_ids = array(4227, 3463);

// Check if the current page is one of the target pages and if the device is mobile
if (is_page($target_page_ids) && wp_is_mobile()) {
// Get URL of child theme directory
$theme_url = get_stylesheet_directory_uri();
// Enqueue select2 script and style from child theme
wp_enqueue_script( 'select2', $theme_url . '/js/select2.min.js', array('jquery'), '4.0.13', true );
wp_enqueue_style( 'select2', $theme_url . '/css/select2.min.css', array(), '4.0.13', 'all' );

// Enqueue custom script to apply select2 to form fields, in the footer
wp_add_inline_script( 'select2', '
jQuery(document).ready(function($) {
function applySelect2() {
$("#field_apr8z, #field_982ev").not(".select2-hidden-accessible").select2({
width: "100%",
minimumInputLength: 1,
minimumResultsForSearch: 0,
allowClear: true,
placeholder: "' . esc_html__( 'Suche und wähle aus', 'generatepress-child' ) . '",
language: {
inputTooShort: function() {
return "' . esc_html__( 'Suche und wähle aus', 'generatepress-child' ) . '";
}
}
}).on("select2:opening", function() {
window.setTimeout(function() {
$(".select2-search__field").focus();
}, 0);
});
}
applySelect2(); // apply select2 on page load

// form fields are being loaded dynamically
var observer = new MutationObserver(applySelect2);
observer.observe(document.body, {childList: true, subtree: true});
});
', 'after' );
}
}
add_action( 'wp_enqueue_scripts', 'cwpai_formidable_select2_script' );