Let’s plan your career in Germany together. Our follow-up form.

Am Brandenburger Tor in Berlin

<div class="container-fluid">
<h2 class="ba-kp-center-and-margin-bottom ba-kp-mb-24" style="text-align:center">
Great start! You are now one step closer to your career in Germany.
</h2>
<div class="ba-kp-center-and-margin-bottom ba-kp-mb-48">
<p class="ba-kp-paragraph">To take a closer look to your individual options, it is necessary that you provide us with additional personal details. Please complete the form below with the required information to help us better understand your qualifications. Based on the detailed view we are able to gain within this form, your data will be forwarded to an employee of the Federal Employment Agency (BA). The BA’s customer center will check your profile and qualifications within the next business days and advise you on questions relating to recognition of degrees, recruiting activities, advice on CV and application, social security, chances on the labour market in Germany and where to learn German. In any case you will receive an e-mail with your individual evaluation and potential next steps which can help you better understand your chances of working and living in Germany.
</p>
</div>

<div class="container-fluid">
    <div class="form-element"></div>
</div>

<script>
    (() => {
        const formID = 118; // hier link anpassen
        const formUrl = "https://web.arbeitsagentur.de/dxp/mautic/form/generate.js?id=" + formID;
        const classes = ['position-relative', 'ba-loading', 'ba-loading-small'];

        const formElement = document.querySelector('.form-element');

        formElement.parentNode.classList.add(...classes);

        const tag = document.createElement("script");
        tag.src = formUrl;
        tag.addEventListener('load', () => {
            formElement.parentNode.classList.remove(...classes);
        })

        const headerReady = () => {
            let headerFound = false;

            document
                .querySelectorAll('.hydrated')
                .forEach(element => {
                    if (element.tagName.includes('BAHF-HEADER') || element.tagName.includes('BAHF-FALLBACK-HEADER')) {
                        headerFound = true;
                    }
                });

            return headerFound;
        };

        const asyncLoading = setInterval(() => {
            // footer not ready yet
            if (document.readyState !== 'complete' || headerReady() === false) {
                return;
            }

            clearInterval(asyncLoading);
            formElement.appendChild(tag);
        }, 100);

        const asyncSetDefault = setInterval(() => {
            // footer not ready yet
            if (document.querySelector(`form[action*="${formID}"]`) === null) {
                return;
            }

            clearInterval(asyncSetDefault);
        }, 100);
    })();
</script>