CINXE.COM

<!DOCTYPE html><html data-wf-domain="akademie.medical-airport-service.de" data-wf-page="64e72657c977f9e34f4e0154" data-wf-site="64ddcfcbe7a3a91e4d7a73f2" lang="de"><head><meta charset="utf-8"/><title>Buchung: Qualifizierungslehrgang zur Fachkraft f眉r Arbeitssicherheit (Sifa 3.0)</title><meta content="Buchung: Qualifizierungslehrgang zur Fachkraft f眉r Arbeitssicherheit (Sifa 3.0)" property="og:title"/><meta content="Buchung: Qualifizierungslehrgang zur Fachkraft f眉r Arbeitssicherheit (Sifa 3.0)" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/css/mas-akademie.webflow.14e63ea9e.min.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e7224aeb6715a723a4afd7_mas-akademie_Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e72267ab88b83a7eabf89d_mas-akademie_Webclip.png" rel="apple-touch-icon"/><link href="https://akademie.medical-airport-service.de/buchung" rel="canonical"/> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5BH5853');</script> <meta name="robots" content="noindex, nofollow"></head><body><div class="page-wrapper"><div class="global-styles w-embed"><style> /* Focus state style for keyboard navigation for the focusable elements */ *[tabindex]:focus-visible, input[type="file"]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /* Get rid of top margin on first element in any rich text element */ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /* Get rid of bottom margin on last element in any rich text element */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /* Prevent all click and hover interaction with an element */ .pointer-events-off { pointer-events: none; } /* Enables all click and hover interaction with an element */ .pointer-events-on { pointer-events: auto; } /* Create a class of .div-square which maintains a 1:1 dimension of a div */ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /* Make sure containers never lose their center alignment */ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. */ /* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } */ /* Apply "..." after 3 lines of text */ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Apply "..." after 2 lines of text */ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Adds inline flex display */ .display-inlineflex { display: inline-flex; } /* These classes are never overwritten */ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } /* Apply "..." at 100% width */ .truncate-width { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Removes native scrollbar */ .no-scrollbar { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .no-scrollbar::-webkit-scrollbar { display: none; } .w-slider-dots { background: #0A5A77; } .word-break-all { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -moz-hyphens: auto; } .break-all { /* Force line break within words to prevent text from overflowing */ word-break: break-all; /* Force line break if entire word cannot be placed on its own line without overflowing */ word-wrap: break-word; overflow-wrap: break-word; /* Add hyphens when break within word */ hyphens: auto; /* Same as above for various browsers */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } .required-field, .hint-text { color: #FF5C5C; /* Chill red color */ opacity: 0; transition: opacity 0.5s ease-in-out; } .required-field.fade-in, .hint-text.fade-in { opacity: 1; } </style></div><main class="main-wrapper"><div class="ve-msf_section"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div id="myForm" class="form-block w-form"><form id="wf-form-Buchungsformular" name="wf-form-Buchungsformular" data-name="Buchungsformular" method="get" ve-data-type="ve-multi-step-form-v2" class="ve-msf_v2" data-wf-page-id="64e72657c977f9e34f4e0154" data-wf-element-id="6ba1630b-a8b9-133a-2674-6885ace531b8"><div ve-data-type="ve-multistep-tabs" data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="ve-msf_multitab_sys w-tabs"><div class="ve-multitab_menu hide w-tab-menu"><a data-w-tab="Tab 1" ve-data-type="ve-multistep-link" class="w-inline-block w-tab-link w--current"><div>Pers枚nliche Informationen* </div></a><a data-w-tab="Tab 2" ve-data-type="ve-multistep-link" class="w-inline-block w-tab-link"><div>Text Feld*</div></a><a data-w-tab="Tab 3" ve-data-type="ve-multistep-link" class="w-inline-block w-tab-link"><div>Weitere Informationen</div></a><a data-w-tab="Tab 4" ve-data-type="ve-multistep-link" class="w-inline-block w-tab-link"><div>Select Feld*</div></a></div><div class="ve-multitab_content container-medium w-tab-content"><div data-w-tab="Tab 1" ve-data-type="ve-multistep-panel" class="w-tab-pane w--tab-active"><div class="msf_tab-content-grid"><div id="w-node-c1d71436-8580-b3da-3dae-31b8aeb94505-4f4e0154" class="msf_tab-side-bar"><div class="navbar7_logo-wrapper"><a href="/" target="_blank" class="navbar7_logo-link w-nav-brand"><img loading="eager" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e707ca311e69ab4ce5410d_MAS%20Logo%202021.png" alt="MAS Logo" class="navbar7_logo"/></a><div class="divider-holder"><div class="vertical-divider"></div></div><div class="heading-style-h6 text-color-mas-blue">Akademie</div></div><div class="horizontal-divider is-checkout hide-mobile-landscape"></div><div class="ve-msf_process-item is-active"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6">Auftraggeberdaten</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="#0A5A77" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Rechnungsadresse</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="#0A5A77" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Teilnehmer*in</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="#0A5A77" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Abschluss</div></div><div class="horizontal-divider is-checkout"></div><div class="hide-mobile-landscape">Bitte f眉llen Sie die mit * markierten Pflichfelder aus.</div></div><div id="w-node-_4d19b6fd-0617-826b-357c-16abed085714-4f4e0154" class="msf_tab-content"><div class="margin-bottom margin-small"><div class="margin-bottom margin-medium"><h1 class="heading-style-h3">Auftraggeberdaten</h1></div></div><div class="margin-bottom margin-medium"><div class="form-content-wrapper"><div class="ve-msf_input-grid"><div class="margin-bottom margin-small"><div class="form-field-wrapper"><div class="margin-bottom margin-xsmall"><div class="text-size-regular text-weight-medium">Anrede</div></div><select id="Anrede" name="Anrede" data-name="Anrede" class="form-input is-select-input w-select"><option value="">Bitte ausw盲hlen</option><option value="Maennlich">M盲nnlich</option><option value="Weiblich">Weiblich</option><option value="Divers">Divers</option></select></div></div><div class="margin-bottom margin-small"><div class="form-field-wrapper"><div class="margin-bottom margin-xsmall"><div class="text-size-regular text-weight-medium">Titel</div></div><select id="Titel" name="Titel" data-name="Titel" class="form-input is-select-input w-select"><option value="">Bitte ausw盲hlen</option><option value="Dr.">Dr.</option><option value="Prof.">Prof.</option></select></div></div></div><div class="ve-msf_input-grid"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Vorname*</div></div><input class="form-input w-input" maxlength="256" name="Vorname" data-name="Vorname" placeholder="" type="text" id="field" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Nachname*</div></div><input class="form-input w-input" maxlength="256" name="Nachname" data-name="Nachname" placeholder="" type="text" id="field" required=""/></div></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Unternehmen</div></div><input class="form-input w-input" maxlength="256" name="Unternehmen" data-name="Unternehmen" placeholder="" type="text" id="Unternehmen"/></div><div class="ve-msf_input-grid is-2-1"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Stra脽e*</div></div><input class="form-input w-input" maxlength="256" name="Strasse" data-name="Strasse" placeholder="" type="text" id="Strasse" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Hausnummer*</div></div><input class="form-input w-input" maxlength="256" name="Hausnummer" data-name="Hausnummer" placeholder="" type="text" id="Hausnummer" required=""/></div></div><div class="ve-msf_input-grid is-1-2"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">PLZ*</div></div><input class="form-input w-input" maxlength="256" name="PLZ" data-name="PLZ" placeholder="" type="text" id="PLZ" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Ort*</div></div><input class="form-input w-input" maxlength="256" name="Ort" data-name="Ort" placeholder="" type="text" id="Ort" required=""/></div></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Land*</div></div><input class="form-input w-input" maxlength="256" name="Land" data-name="Land" placeholder="" type="text" id="Land" required=""/></div><div class="ve-msf_input-grid"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Telefonnummer</div></div><input class="form-input w-input" maxlength="256" name="Telefonnummer" data-name="Telefonnummer" placeholder="" type="tel" id="Telefonnummer"/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Telefax</div></div><input class="form-input w-input" maxlength="256" name="Telefax" data-name="Telefax" placeholder="" type="text" id="Telefax"/></div></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">E-Mail*</div></div><input class="form-input w-input" maxlength="256" name="Email-Adresse" data-name="Email Adresse" placeholder="" type="email" id="field" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Kommentar</div></div><textarea id="Kommentar" name="Kommentar" maxlength="5000" data-name="Kommentar" placeholder="" class="form-input is-text-area w-input"></textarea></div></div></div><div class="button-wrapper is-left-aligned"><a ve-data-type="next-button" href="#" class="button w-inline-block"><div>N盲chster Schritt</div><img loading="lazy" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e727280574719a84f41afe_check.png" alt="" class="image---check"/></a></div></div></div></div><div data-w-tab="Tab 2" ve-data-type="ve-multistep-panel" class="w-tab-pane"><div class="msf_tab-content-grid"><div id="w-node-_0f5b0192-27ef-760e-8773-112dbb97a2e9-4f4e0154" class="msf_tab-side-bar"><div class="navbar7_logo-wrapper"><a href="/" target="_blank" class="navbar7_logo-link w-nav-brand"><img loading="eager" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e707ca311e69ab4ce5410d_MAS%20Logo%202021.png" alt="MAS Logo" class="navbar7_logo"/></a><div class="divider-holder"><div class="vertical-divider"></div></div><div class="heading-style-h6 text-color-mas-blue">Akademie</div></div><div class="horizontal-divider is-checkout"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#0A5A77"/> </g> </svg></div><div class="heading-style-h6">Auftraggeberdaten</div></div><div class="process-line"></div><div class="ve-msf_process-item is-active"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6">Rechnungsadresse</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Teilnehmer*in</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Abschluss</div></div><div class="horizontal-divider is-checkout"></div><div class="hide-mobile-landscape">Bitte f眉llen Sie die mit * markierten Pflichfelder aus.</div></div><div id="w-node-_0f5b0192-27ef-760e-8773-112dbb97a308-4f4e0154" class="msf_tab-content"><div class="margin-bottom margin-small"><div class="margin-bottom margin-medium"><h1 class="heading-style-h3">Rechnungsadresse</h1></div></div><div class="margin-bottom margin-medium"><div class="form-content-wrapper"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Unternehmen*</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-Unternehmen" data-name="Rechnungsadresse: Unternehmen" placeholder="" type="text" id="Rechnungsadresse-Unternehmen" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Ansprechperson</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-Ansprechperson" data-name="Rechnungsadresse: Ansprechperson" placeholder="" type="text" id="Rechnungsadresse-Ansprechperson"/></div><div class="ve-msf_input-grid is-2-1"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Stra脽e*</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-Strasse" data-name="Rechnungsadresse: Strasse" placeholder="" type="text" id="Rechnungsadresse-Strasse" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Hausnummer*</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-Hausnummer" data-name="Rechnungsadresse: Hausnummer" placeholder="" type="text" id="Rechnungsadresse-Hausnummer" required=""/></div></div><div class="ve-msf_input-grid is-1-2"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">PLZ*</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-PLZ" data-name="Rechnungsadresse: PLZ" placeholder="" type="text" id="Rechnungsadresse-PLZ" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Ort*</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-Ort" data-name="Rechnungsadresse: Ort" placeholder="" type="text" id="Rechnungsadresse-Ort" required=""/></div></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Land*</div></div><input class="form-input w-input" maxlength="256" name="Rechnungsadresse-Land" data-name="Rechnungsadresse: Land" placeholder="" type="text" id="Rechnungsadresse-Land" required=""/></div></div></div><div class="button-wrapper is-space-between"><a ve-data-type="back-button" href="#" class="button is-link w-inline-block"><div>Zur眉ck</div></a><a ve-data-type="next-button" href="#" class="button w-inline-block"><div>N盲chster Schritt</div><img loading="lazy" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e727280574719a84f41afe_check.png" alt="" class="image---check"/></a></div></div></div></div><div data-w-tab="Tab 3" ve-data-type="ve-multistep-panel" class="w-tab-pane"><div class="msf_tab-content-grid"><div id="w-node-d688d5d4-2859-a742-778a-df19d780c749-4f4e0154" class="msf_tab-side-bar"><div class="navbar7_logo-wrapper"><a href="/" target="_blank" class="navbar7_logo-link w-nav-brand"><img loading="eager" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e707ca311e69ab4ce5410d_MAS%20Logo%202021.png" alt="MAS Logo" class="navbar7_logo"/></a><div class="divider-holder"><div class="vertical-divider"></div></div><div class="heading-style-h6 text-color-mas-blue">Akademie</div></div><div class="horizontal-divider is-checkout"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#0A5A77"/> </g> </svg></div><div class="heading-style-h6">Auftraggeberdaten</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#0A5A77"/> </g> </svg></div><div class="heading-style-h6">Rechnungsadresse</div></div><div class="process-line"></div><div class="ve-msf_process-item is-active"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6">Teilnehmer*in</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Abschluss</div></div><div class="horizontal-divider is-checkout"></div><div class="hide-mobile-landscape">Bitte f眉llen Sie die mit * markierten Pflichfelder aus.</div></div><div id="w-node-d688d5d4-2859-a742-778a-df19d780c768-4f4e0154" class="msf_tab-content"><div class="margin-bottom margin-small"><div class="margin-bottom margin-medium"><h1 class="heading-style-h3">Teilnehmer*in</h1></div></div><div class="form-content-wrapper"><div class="ve-msf_input-grid"><div class="margin-bottom margin-small"><div class="form-field-wrapper"><div class="margin-bottom margin-xsmall"><div class="text-size-regular text-weight-medium">Anrede</div></div><select id="Teilnehmer-Anrede" name="Teilnehmer-Anrede" data-name="Teilnehmer: Anrede" class="form-input is-select-input w-select"><option value="">Bitte ausw盲hlen</option><option value="Maennlich">M盲nnlich</option><option value="Weiblich">Weiblich</option><option value="Divers">Divers</option></select></div></div><div class="margin-bottom margin-small"><div class="form-field-wrapper"><div class="margin-bottom margin-xsmall"><div class="text-size-regular text-weight-medium">Titel</div></div><select id="Teilnehmer-Titel" name="Teilnehmer-Titel" data-name="Teilnehmer: Titel" class="form-input is-select-input w-select"><option value="">Bitte ausw盲hlen</option><option value="Dr.">Dr.</option><option value="Prof.">Prof.</option></select></div></div></div><div class="ve-msf_input-grid"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Vorname*</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Vorname" data-name="Teilnehmer: Vorname" placeholder="" type="text" id="Teilnehmer-Vorname" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Nachname*</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Nachname" data-name="Teilnehmer: Nachname" placeholder="" type="text" id="Teilnehmer-Nachname" required=""/></div></div><div class="ve-msf_input-grid is-2-1"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Stra脽e</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Strasse" data-name="Teilnehmer: Strasse" placeholder="" type="text" id="Teilnehmer-Strasse"/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Hausnummer</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Hausnummer" data-name="Teilnehmer: Hausnummer" placeholder="" type="text" id="Teilnehmer-Hausnummer"/></div></div><div class="ve-msf_input-grid is-1-2"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">PLZ</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-PLZ" data-name="Teilnehmer: PLZ" placeholder="" type="text" id="Teilnehmer-PLZ"/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Ort</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Ort" data-name="Teilnehmer: Ort" placeholder="" type="text" id="Teilnehmer-Ort"/></div></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Land</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Land" data-name="Teilnehmer: Land" placeholder="" type="text" id="Teilnehmer-Land"/></div><div class="ve-msf_input-grid"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Telefonnummer</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Telefonnummer" data-name="Teilnehmer: Telefonnummer" placeholder="" type="tel" id="Teilnehmer-Telefonnummer"/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Telefax</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Telefax" data-name="Teilnehmer: Telefax" placeholder="" type="text" id="Teilnehmer-Telefax"/></div></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">E-Mail*</div></div><input class="form-input w-input" maxlength="256" name="Teilnehmer-Email-Adresse" data-name="Teilnehmer: Email Adresse" placeholder="" type="email" id="Teilnehmer-Email-Adresse" required=""/></div><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium">Kommentar</div></div><textarea id="Teilnehmer-Kommentar" name="Teilnehmer-Kommentar" maxlength="5000" data-name="Teilnehmer: Kommentar" placeholder="Soll es z.B. mehr als ein*e Teilnehmer*in geben, Daten der weiteren Personen bitte hier eintragen." class="form-input is-text-area w-input"></textarea></div></div><div class="button-wrapper is-space-between"><a ve-data-type="back-button" href="#" class="button is-link w-inline-block"><div>Zur眉ck</div></a><a ve-data-type="next-button" href="#" class="button w-inline-block"><div>N盲chster Schritt</div><img loading="lazy" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e727280574719a84f41afe_check.png" alt="" class="image---check"/></a></div></div></div></div><div data-w-tab="Tab 4" ve-data-type="ve-multistep-panel" class="w-tab-pane"><div class="msf_tab-content-grid"><div id="w-node-_8a3b6a8e-709e-30f3-2318-c38fd1eacb01-4f4e0154" class="msf_tab-side-bar"><div class="navbar7_logo-wrapper"><a href="/" target="_blank" class="navbar7_logo-link w-nav-brand"><img loading="eager" src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e707ca311e69ab4ce5410d_MAS%20Logo%202021.png" alt="MAS Logo" class="navbar7_logo"/></a><div class="divider-holder"><div class="vertical-divider"></div></div><div class="heading-style-h6 text-color-mas-blue">Akademie</div></div><div class="horizontal-divider is-checkout"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#0A5A77"/> </g> </svg></div><div class="heading-style-h6">Auftraggeberdaten</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#0A5A77"/> </g> </svg></div><div class="heading-style-h6">Rechnungsadresse</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#0A5A77"/> </g> </svg></div><div class="heading-style-h6">Teilnehmer*in</div></div><div class="process-line"></div><div class="ve-msf_process-item"><div class="icon-embed-xsmall w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10" cy="10" r="9" stroke="currentColor" stroke-width="2"/> </svg></div><div class="heading-style-h6 text-color-mas-blue">Abschluss</div></div><div class="horizontal-divider is-checkout"></div><div class="hide-mobile-landscape">Bitte f眉llen Sie die mit * markierten Pflichfelder aus.</div></div><div id="w-node-_8a3b6a8e-709e-30f3-2318-c38fd1eacb20-4f4e0154" class="msf_tab-content"><div class="margin-bottom margin-small"><div class="margin-bottom margin-medium"><h1 class="heading-style-h3">Anmeldung absenden</h1></div></div><div class="form-content-wrapper"><div class="margin-bottom margin-small"><div ve-data-test="checkbox-group" class="checkbox-wrapper"><label class="w-checkbox form-checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom form-checkbox-icon"></div><input id="Checkbox-AfterEffects" type="checkbox" name="Checkbox-AfterEffects" data-name="Checkbox After Effects" style="opacity:0;position:absolute;z-index:-1"/><span class="form-checkbox-label w-form-label" for="Checkbox-AfterEffects">Ich habe die <a href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e71fee588b7012d7292463_Datenschutzerkla%CC%88rung.pdf" target="_blank" class="inline-link">Datenschutzerkl盲rung</a> und die ausschlie脽lich f眉r Verbraucher geltende <a href="#" class="inline-link">Widerrufsbelehrung</a> zur Kenntnis genommen.*</span></label><div ve-hint="hint-text-checkbox" class="hint-text"></div></div></div></div><div class="margin-bottom margin-small"><div ve-data-test="checkbox-group" class="checkbox-wrapper"><label class="w-checkbox form-checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom form-checkbox-icon"></div><input id="Checkbox-AfterEffects-2" type="checkbox" name="Checkbox-AfterEffects-2" data-name="Checkbox After Effects 2" style="opacity:0;position:absolute;z-index:-1"/><span class="form-checkbox-label w-form-label" for="Checkbox-AfterEffects-2">Hiermit akzeptiere ich die <a href="#" class="inline-link">allgemeinen Gesch盲ftsbedingungen</a>.*</span></label><div ve-hint="hint-text-checkbox" class="hint-text"></div></div></div><div class="margin-bottom margin-small"><div ve-data-test="checkbox-group" class="checkbox-wrapper"><label class="w-checkbox form-checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom form-checkbox-icon"></div><input id="Checkbox-AfterEffects-2" type="checkbox" name="Checkbox-AfterEffects-2" data-name="Checkbox After Effects 2" style="opacity:0;position:absolute;z-index:-1"/><span class="form-checkbox-label w-form-label" for="Checkbox-AfterEffects-2">Ich habe die <a href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/64e71fee588b7012d7292412_Teilnahmevoraussetzungen%20zum%20Qualifizierungslehrgang.pdf" target="_blank" class="inline-link">Teilnahmebedingungen</a>. <a href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/650ab5e66beb5ddf60677d2f_Bestellvoraussetzungen%20als%20Fachkraft%20f%C3%BCr%20Arbeitssicherheit.pdf" target="_blank" class="inline-link">Bestellvoraussetzungen</a>, <a href="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/650ab618ba12ff7840e9db39_Pr%C3%BCfungsordnung%20Qualifizierungslehrgang%20Sifa_MSU%208.45.5-10.1.17%20(1).pdf" target="_blank" class="inline-link">Pr眉fungsordnung</a> und Lehrgangstermine gelesen und verstanden und erkenne diese an.*</span></label><div ve-hint="hint-text-checkbox" class="hint-text"></div></div></div><div class="button-wrapper is-space-between"><a ve-data-type="back-button" href="#" class="button is-link w-inline-block"><div>Zur眉ck</div></a><input type="submit" data-wait="Ein Augenblick..." ve-data-type="submit-button" class="button w-button" value="Anmeldung absenden"/></div></div></div></div></div></div></form><div class="success-message w-form-done"><div class="margin-medium"><div class="container-small"><div class="margin-bottom margin-small"><div class="margin-bottom margin-xsmall"><div class="w-embed"><svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1984_801" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"> <rect width="80" height="80" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1984_801)"> <path d="M34.96 56.56L60.34 31.18L55.3 26.14L34.96 46.48L24.7 36.22L19.66 41.26L34.96 56.56ZM40 76C35.02 76 30.34 75.055 25.96 73.165C21.58 71.275 17.77 68.71 14.53 65.47C11.29 62.23 8.725 58.42 6.835 54.04C4.945 49.66 4 44.98 4 40C4 35.02 4.945 30.34 6.835 25.96C8.725 21.58 11.29 17.77 14.53 14.53C17.77 11.29 21.58 8.725 25.96 6.835C30.34 4.945 35.02 4 40 4C44.98 4 49.66 4.945 54.04 6.835C58.42 8.725 62.23 11.29 65.47 14.53C68.71 17.77 71.275 21.58 73.165 25.96C75.055 30.34 76 35.02 76 40C76 44.98 75.055 49.66 73.165 54.04C71.275 58.42 68.71 62.23 65.47 65.47C62.23 68.71 58.42 71.275 54.04 73.165C49.66 75.055 44.98 76 40 76Z" fill="#0A5A77"/> </g> </svg></div></div><h1>Ihre Anmeldung ist eingegangen.<br/>Vielen Dank!</h1></div></div><div>Wir melden uns in K眉rze bei Ihnen.</div><div class="margin-top margin-large"><a href="/" class="button w-button">Zur眉ck zur Startseite</a></div></div></div><div class="w-form-fail"><div class="margin-small"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div></div></main></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64ddcfcbe7a3a91e4d7a73f2" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/64ddcfcbe7a3a91e4d7a73f2/js/webflow.86de0239c.js" type="text/javascript"></script> <script> Webflow.push(function () { const $forwardButton = $('[ve-data-type="next-button"]'); const $backButton = $('[ve-data-type="back-button"]'); const $submitButton = $('[ve-data-type="submit-button"]'); const $form = $('[ve-data-type="ve-multi-step-form-v2"]'); const $hintBlockCheckbox = $('[ve-hint="hint-text-checkbox"]'); const $hintBlockRadio = $('[ve-hint="hint-text-radio"]'); const $checkboxGroups = $('[ve-data-test="checkbox-group"]'); const $radioGroups = $('[ve-data-test="radio-group"]'); const tabsAttribute = '[ve-data-type="ve-multistep-tabs"]'; const paneAttribute = '[ve-data-type="ve-multistep-panel"]'; const linkAttribute = '[ve-data-type="ve-multistep-link"]'; // Get array of all fields for text inputs, checkboxes and selects const fields = $("input, select, textarea").not( ":input[type=button], :input[type=submit], :input[type=reset]" ); // Populate fields the user has already filled out let usrStore = JSON.parse(localStorage.getItem("usr")); let usr = usrStore ? usrStore : {}; printUsr(); // Add saveUsr function to fields for (let index = 0; index < fields.length; index++) { const field = fields[index]; $(field).on("blur change", saveUsr); } // Add events to navigate form $forwardButton.on("click", moveForward); $backButton.on("click", moveBackward); $submitButton.on("click", submitForm); function moveForward(el) { el.preventDefault(); // Get current click target and form place const $target = $(el.currentTarget); const currentTab = $target.closest(paneAttribute); const tabIndex = $target.closest(tabsAttribute).data("current").split(" ")[1]; let nextIndex = parseInt(tabIndex) + 1; // Validate required fields before moving forward let valid = validateFields(currentTab); // Only validate checkbox groups if they are present in the current tab const $checkboxGroupsInTab = currentTab.find($checkboxGroups); if ($checkboxGroupsInTab.length > 0) { $checkboxGroupsInTab.each(function () { const $checkboxGroup = $(this); if (!validateCheckboxGroup($checkboxGroup)) { valid = false; showPopUpHint($hintBlockCheckbox, "checkboxes"); return false; // Break the loop on first invalid group } }); } // Only validate radio groups if they are present in the current tab const $radioGroupsInTab = currentTab.find($radioGroups); if ($radioGroupsInTab.length > 0) { $radioGroupsInTab.each(function () { const $radioGroup = $(this); if (!validateRadioGroup($radioGroup)) { valid = false; showPopUpHint($hintBlockRadio, "radio"); return false; // Break the loop on first invalid group } }); } if (valid) { $target.closest(tabsAttribute).data("current", "Tab " + nextIndex); // Remove the fade-in class before changing tabs $(linkAttribute).removeClass("w--current"); $($(linkAttribute)[nextIndex - 1]).addClass("w--current"); $(paneAttribute).removeClass("w--tab-active"); $($(paneAttribute)[nextIndex - 1]).addClass("w--tab-active"); // Change the background color of the "Next" button to black // $forwardButton.css("background-color", "black"); } } function moveBackward(el) { el.preventDefault(); // Get current click target and form place const $target = $(el.currentTarget); const currentTab = $target.closest(paneAttribute); const tabIndex = $target .closest(tabsAttribute) .data("current") .split(" ")[1]; nextIndex = parseInt(tabIndex) - 1; $target.closest(tabsAttribute).data("current", "Tab " + nextIndex); $(linkAttribute).removeClass("w--current"); $($(linkAttribute)[nextIndex - 1]).addClass("w--current"); $(paneAttribute).removeClass("w--tab-active"); $($(paneAttribute)[nextIndex - 1]).addClass("w--tab-active"); } // Function to show the hint text with animation function showPopUpHint(element, type) { let hintMessage = type === "checkboxes" ? "W脙陇hle mindestens eine Auswahlm脙露glichkeit." : "W脙陇hle mindestens eine Auswahlm脙露glichkeit."; $(element).text(hintMessage); $(element).addClass("fade-in"); // Add fade-in class for opacity transition } // Function to hide the hint text with pop-up animation function hidePopUpHint(element) { $(element).text(""); // Clear the hint text $(element).removeClass("fade-in"); // Remove fade-in class } // Validate a specific checkbox group function validateCheckboxGroup($group) { const checkedCount = $group.find("input[type='checkbox']:checked").length; if (checkedCount === 0) { showPopUpHint($hintBlockCheckbox, "checkboxes"); return false; } hidePopUpHint($hintBlockCheckbox); return true; } // Validate a specific radio group function validateRadioGroup($group) { const checkedCount = $group.find("input[type='radio']:checked").length; if (checkedCount === 0) { showPopUpHint($hintBlockRadio, "radio"); return false; } hidePopUpHint($hintBlockRadio); return true; } function validateFields(currentTab) { // Get required fields let requiredFields = $(currentTab).find( "input[required], select[required], textarea[required]" ); let required = true; $(".required-field").remove(); // Iterate over required fields for (let index = 0; index < requiredFields.length; index++) { const $requiredField = $(requiredFields[index]); if (!$requiredField.val()) { $requiredField.after( '<div class="required-field">' + $requiredField.attr("name").replace(/-/g, " ") + " Feld ist leer.</div>" ); required = false; } } // Add the fade-in class to the newly added error divs $(".required-field").addClass("fade-in"); return required; } function saveUsr(el) { // Get field data and save it to usr const $el = $(el.currentTarget); let val = $el.val(); const name = $el.data("name"); const type = $el.attr("type"); const fieldTab = $el.data("ftab") ? parseInt($el.data("ftab")) - 1 : ""; if (val) { $el.next(".required-field").remove(); } usr[name] = type === "checkbox" ? $el.prop("checked") : val; usr[name] = type === "radio" ? $el.prop("checked") : val; localStorage.setItem("usr", JSON.stringify(usr)); } function printUsr() { // Populate fields with user data for (let index = 0; index < fields.length; index++) { const field = fields[index]; const fieldType = fields[index].type; const fieldName = $(field).data("name"); const fieldTab = parseInt($(field).data("ftab")) - 1; if (fieldType === "radio") { // Find the checked radio button in the same radio group const checkedRadio = $radioGroups.find(`input[type='radio'][data-name="${fieldName}"]:checked`); if (checkedRadio.length > 0) { usr[fieldName] = checkedRadio.val(); } } else if (fieldType !== "checkbox") { $(field).val(usr[fieldName]); } else { if (usr[fieldName]) { $(field).prop("checked", true); $(field).prev().addClass("w--redirected-checked"); } } } } function submitForm(e) { e.preventDefault(); const currentTab = $(paneAttribute + ".w--tab-active"); const tabIndex = parseInt(currentTab.attr("data-index")); let valid = true; // Validate required fields before submitting valid = validateFields(currentTab); const $checkboxGroupsInTab = currentTab.find($checkboxGroups); if ($checkboxGroupsInTab.length > 0) { $checkboxGroupsInTab.each(function () { const $checkboxGroup = $(this); if (!validateCheckboxGroup($checkboxGroup)) { valid = false; showPopUpHint($hintBlockCheckbox, "checkboxes"); return false; // Break the loop on first invalid group } }); } const $radioGroupsInTab = currentTab.find($radioGroups); if ($radioGroupsInTab.length > 0) { $radioGroupsInTab.each(function () { const $radioGroup = $(this); if (!validateRadioGroup($radioGroup)) { valid = false; showPopUpHint($hintBlockRadio, "radio"); return false; // Break the loop on first invalid group } }); } if (valid) { // Submit the form and reset local storage localStorage.removeItem("usr"); $form.submit(); } } }); </script></body></html>