Faktor A Newsletter: Jetzt anmelden

<div class="container-fluid asa-custom">
    <section class="ba-tilerow ba-tilerow-mb-small">
   <div class="col-xs-12">
            <article class="text-center">
                <p class="xl">Der kostenlose Newsletter liefert wertvolle Tipps zum Personalmanagement, Informationen zu Trends am Arbeitsmarkt und Einblicke darüber, was andere Unternehmen erfolgreich macht.</p>

<p class="xl">Verständlich. Fundiert. Auf den Punkt. Alle 14 Tage per E-Mail.</p> 

<p class="xl">Jetzt in Kooperation mit der <strong>Agentur für Arbeit Thüringen Mitte</strong>.</p> 
<br>
<p class="xl"><b>Sie abonnieren den Faktor A Newsletter bereits?</b> Dann füllen Sie das Formular ebenfalls aus, um die Agentur für Arbeit Thüringen Mitte in Ihrem Profil zu hinterlegen und regionale Neuigkeiten zu erhalten.</strong></p> 
<br>
		<p class="xl"><strong>FAKTOR A NEWSLETTER BESTELLEN</strong></p>

<div class="mauticform-center-wrapper">
    <div class="form-element"></div>
</div>

<script>
    (() => {
        const formID = 150;
        const formUrl = "https://web.arbeitsagentur.de/dxp/mautic/form/generate.js?id=" + formID; // hier link anpassen
        const classes = ['position-relative', 'ba-loading', 'ba-loading-small'];

        const setDefault = () => {
            document.querySelector('[name="mauticform[aa_zugehorigkeit1]"]').value = 'AA Thüringen Mitte';
        };

        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 asyncLoading = setInterval(() => {
            // footer not ready yet
            if(document.readyState !== 'complete' || document.querySelector("bahf-header.hydrated, bahf-fallback-header.hydrated") === null) {
                return;
            }

            clearInterval(asyncLoading);
            formElement.appendChild(tag);
        }, 100);

        const asyncSetDefault  = setInterval(() => {
            // footer not ready yet
            if(document.querySelector(`form[action*="${formID}"]`) === null) {
                return;
            }

            clearInterval(asyncSetDefault);
            setDefault();
        }, 100);
    })();
</script>

<style scoped="" type="text/css">
    .mauticform-center-wrapper { max-width: 600px; margin: 10px auto; }
</style>