{"id":2232,"date":"2025-11-07T10:54:46","date_gmt":"2025-11-07T09:54:46","guid":{"rendered":"https:\/\/development.htl-leonding.at\/?page_id=2232"},"modified":"2026-03-27T10:23:01","modified_gmt":"2026-03-27T09:23:01","slug":"schnuppertaganmeldung","status":"publish","type":"page","link":"https:\/\/development.htl-leonding.at\/en\/schnuppertaganmeldung\/","title":{"rendered":"Schnuppertaganmeldung"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; background_color_gradient_direction=&#8220;0deg&#8220; background_color_gradient_stops=&#8220;#021422 0%|#03243d 100%&#8220; background_size=&#8220;initial&#8220; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][et_pb_row _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;5vw||||false|false&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_heading title=&#8220;Schnuppertaganmeldung&#8220; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; title_font=&#8220;|700|||||||&#8220; title_text_align=&#8220;center&#8220; title_text_color=&#8220;#FFFFFF&#8220; title_font_size=&#8220;3vw&#8220; title_font_size_tablet=&#8220;3vw&#8220; title_font_size_phone=&#8220;6vw&#8220; title_font_size_last_edited=&#8220;on|phone&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; custom_margin_tablet=&#8220;&#8220; custom_margin_phone=&#8220;0px||0px||false|false&#8220; custom_margin_last_edited=&#8220;on|phone&#8220; custom_padding=&#8220;0px||||false|false&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; text_font=&#8220;|300|||||||&#8220; text_text_color=&#8220;#FFFFFF&#8220; text_font_size=&#8220;1.1vw&#8220; background_color=&#8220;#004066&#8243; custom_padding=&#8220;2%|2%|2%|2%|false|false&#8220; text_font_size_tablet=&#8220;1.1vw&#8220; text_font_size_phone=&#8220;3.5vw&#8220; text_font_size_last_edited=&#8220;on|phone&#8220; text_line_height_tablet=&#8220;&#8220; text_line_height_phone=&#8220;&#8220; text_line_height_last_edited=&#8220;on|desktop&#8220; custom_css_free_form=&#8220;selector {||  border-radius: 10px;||}&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Du m\u00f6chtest dich gerne \u00fcber die Ausbildungsm\u00f6glichkeiten an unserer Schule <strong>informieren<\/strong>?<\/p>\n<p>Du m\u00f6chtest gerne selber erste <strong>praktische<\/strong> <strong>Erfahrungen<\/strong> sammlen und dir aus erster Hand einen Eindruck von Inhalten und Anforderungen der Unterrichtsgegenst\u00e4nde verschaffen?<\/p>\n<p>Dann sind die kurzen <strong>Demo-Unterrichtseinheiten<\/strong> mit <strong>Programmieren<\/strong>, <strong>Webentwicklung<\/strong>, <strong>Medienpraxis<\/strong>, <strong>Elektronik<\/strong> und <strong>Medizintechnik<\/strong> unserer Schnuppertage genau das Richtige.<\/p>\n<p>[\/et_pb_text][et_pb_heading title=&#8220;Anmeldung&#8220; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; title_level=&#8220;h2&#8243; title_font=&#8220;Manrope||||||||&#8220; title_text_align=&#8220;center&#8220; title_text_color=&#8220;#FFFFFF&#8220; title_font_size=&#8220;2vw&#8220; custom_margin=&#8220;||1%||false|false&#8220; custom_padding=&#8220;4%||||false|false&#8220; title_font_size_tablet=&#8220;2vw&#8220; title_font_size_phone=&#8220;5vw&#8220; title_font_size_last_edited=&#8220;on|phone&#8220; border_color_top=&#8220;#FFFFFF&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_heading][et_pb_text _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; text_font=&#8220;|300|||||||&#8220; text_text_color=&#8220;#FFFFFF&#8220; text_font_size=&#8220;1.1vw&#8220; header_font=&#8220;|300|||||||&#8220; background_color=&#8220;#004066&#8243; custom_padding=&#8220;2%|2%|2%|2%|false|false&#8220; text_font_size_tablet=&#8220;1.1vw&#8220; text_font_size_phone=&#8220;3.5vw&#8220; text_font_size_last_edited=&#8220;on|phone&#8220; text_line_height_tablet=&#8220;&#8220; text_line_height_phone=&#8220;1.3em&#8220; text_line_height_last_edited=&#8220;on|phone&#8220; custom_css_free_form=&#8220;selector {||  border-radius: 10px;||}&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>F\u00fcr den Schnuppertag ist eine Anmeldung erforderlich.<br \/>Die Anmeldung wird <span style=\"font-weight: bold;\"> auf dieser Seite<\/span> m\u00f6glich sein.<br \/>Wir werden per Newsletter und auf Social Media \u00fcber den Anmeldestart informieren.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_2,1_2&#8243; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;2%||||false|false&#8220; custom_padding=&#8220;4%||||false|false&#8220; border_color_top=&#8220;#FFFFFF&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_button button_text=&#8220;Informatik\/Medientechnik&#8220; button_alignment=&#8220;center&#8220; module_class=&#8220;btn-show-if&#8220; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; custom_button=&#8220;on&#8220; button_border_radius=&#8220;1vw&#8220; button_text_size_tablet=&#8220;&#8220; button_text_size_phone=&#8220;4.5vw&#8220; button_text_size_last_edited=&#8220;on|phone&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_button button_text=&#8220;Elektronik\/Medizintechnik&#8220; button_alignment=&#8220;center&#8220; module_id=&#8220;btn-show-el&#8220; module_class=&#8220;btn-show-el&#8220; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; custom_button=&#8220;on&#8220; button_border_radius=&#8220;1vw&#8220; button_text_size_tablet=&#8220;&#8220; button_text_size_phone=&#8220;4.5vw&#8220; button_text_size_last_edited=&#8220;on|desktop&#8220; custom_css_free_form=&#8220;selector, selector a {||    color: #CC1625 !important;||  }&#8220; global_colors_info=&#8220;{}&#8220; button_bg_color__hover_enabled=&#8220;off|desktop&#8220;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; width=&#8220;100%&#8220; custom_margin=&#8220;||||false|false&#8220; custom_margin_tablet=&#8220;||||false|false&#8220; custom_margin_phone=&#8220;0px|0px||0px|false|false&#8220; custom_margin_last_edited=&#8220;on|phone&#8220; custom_padding=&#8220;0px|0px|0px|0px|false|false&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; custom_padding=&#8220;0px|0px|0px|0px|false|false&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_code admin_label=&#8220;Code&#8220; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;0px||0px||false|false&#8220; custom_padding=&#8220;0px||0px||false|false&#8220; global_colors_info=&#8220;{}&#8220;]<script><!-- [et_pb_line_break_holder] -->(function() {<!-- [et_pb_line_break_holder] -->    const isBuilder = document.body.classList.contains('et-fb') || window.location.href.includes('et_fb=1');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!isBuilder) {<!-- [et_pb_line_break_holder] -->        \/\/ 1. Slider B sofort per CSS verstecken<!-- [et_pb_line_break_holder] -->        const style = document.createElement('style');<!-- [et_pb_line_break_holder] -->        style.innerHTML = '#slider-abteilung-el { display: none !important; }';<!-- [et_pb_line_break_holder] -->        document.head.appendChild(style);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] -->            const sliderA = document.getElementById('slider-abteilung-if');<!-- [et_pb_line_break_holder] -->            const sliderB = document.getElementById('slider-abteilung-el');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ \u00dcBERARBEITET: Schlie\u00dft ALLE Formular-Container auf der Seite<!-- [et_pb_line_break_holder] -->            function closeAllRegistrationForms() {<!-- [et_pb_line_break_holder] -->                const allRegContainers = document.querySelectorAll('.htlleo-registration-form-container');<!-- [et_pb_line_break_holder] -->                allRegContainers.forEach(container => {<!-- [et_pb_line_break_holder] -->                    container.style.height = '0';<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ 2. ALLE Filter-Buttons finden und deren Links \"t\u00f6ten\"<!-- [et_pb_line_break_holder] -->            const allFilterBtns = document.querySelectorAll('.btn-show-if, .btn-show-el');<!-- [et_pb_line_break_holder] -->            allFilterBtns.forEach(btn => {<!-- [et_pb_line_break_holder] -->                const link = btn.querySelector('a') || btn;<!-- [et_pb_line_break_holder] -->                link.setAttribute('href', '#'); <!-- [et_pb_line_break_holder] -->                link.onclick = function(e) { e.preventDefault(); return false; }; <!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ 3. Zentrale Klick-Logik<!-- [et_pb_line_break_holder] -->            function handleSwitch(e) {<!-- [et_pb_line_break_holder] -->                const target = e.target.closest('.btn-show-if, .btn-show-el');<!-- [et_pb_line_break_holder] -->                if (!target) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ NAVIGATION STOPPEN<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                e.stopPropagation();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ JETZT WERDEN ALLE FORMULARE GESCHLOSSEN<!-- [et_pb_line_break_holder] -->                closeAllRegistrationForms();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if (target.classList.contains('btn-show-if')) {<!-- [et_pb_line_break_holder] -->                    sliderA.style.setProperty('display', 'block', 'important');<!-- [et_pb_line_break_holder] -->                    sliderB.style.setProperty('display', 'none', 'important');<!-- [et_pb_line_break_holder] -->                    target.classList.add('htlleo-filter-active');<!-- [et_pb_line_break_holder] -->                    document.querySelector('.btn-show-el').classList.remove('htlleo-filter-active-el');<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    sliderB.style.setProperty('display', 'block', 'important');<!-- [et_pb_line_break_holder] -->                    sliderA.style.setProperty('display', 'none', 'important');<!-- [et_pb_line_break_holder] -->                    target.classList.add('htlleo-filter-active-el');<!-- [et_pb_line_break_holder] -->                    document.querySelector('.btn-show-if').classList.remove('htlleo-filter-active');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Divi Resize Trigger<!-- [et_pb_line_break_holder] -->                setTimeout(() => { window.dispatchEvent(new Event('resize')); }, 100);<!-- [et_pb_line_break_holder] -->                return false;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            document.addEventListener('click', handleSwitch, true);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Initialer Button-Style<!-- [et_pb_line_break_holder] -->            const btnIf = document.querySelector('.btn-show-if');<!-- [et_pb_line_break_holder] -->            if(btnIf) btnIf.classList.add('htlleo-filter-active');<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* --- IF BUTTON (BLUE) --- *\/<!-- [et_pb_line_break_holder] -->.htlleo-filter-active, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active a, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active.et_pb_button {<!-- [et_pb_line_break_holder] -->    background-color: #004a99 !important;<!-- [et_pb_line_break_holder] -->    color: #ffffff !important;<!-- [et_pb_line_break_holder] -->    border-color: #fff !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* --- EL BUTTON (RED) --- *\/<!-- [et_pb_line_break_holder] -->  #button-show-el, #button-show-el a {<!-- [et_pb_line_break_holder] -->    color: #CC1625 !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el a, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el.et_pb_button {<!-- [et_pb_line_break_holder] -->    background-color: #CC1625 !important;<!-- [et_pb_line_break_holder] -->    color: #ffffff !important; \/* Forces white text *\/<!-- [et_pb_line_break_holder] -->    border-color: #ffffff !important; \/* Adds the white border you're missing *\/<!-- [et_pb_line_break_holder] -->    fill: #ffffff !important; \/* In case there is an SVG icon *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Ensure the text is white even if hovered *\/<!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el:hover, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el a:hover {<!-- [et_pb_line_break_holder] -->    color: #ffffff !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][et_pb_slider module_id=&#8220;slider-abteilung-if&#8220; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; header_level=&#8220;h3&#8243; header_text_color=&#8220;#000000&#8243; body_font=&#8220;Manrope|300|||||||&#8220; body_text_color=&#8220;#000000&#8243; custom_margin=&#8220;0px||0px||false|false&#8220; custom_padding=&#8220;0px||0px||false|false&#8220; custom_css_free_form=&#8220;.htlleo-session-full .htlleo-session-group,||.htlleo-session-full .htlleo-session-time,||.htlleo-session-full .htlleo-session-capacity {||  color: #888 !important;||}||||selector h3{||  text-align: left !important;||}||||.htlleo-registration-form {||  text-align: left !important;||  text-shadow: 0 0 0 !important;||}||.htlleo-registration-form label {||  color: #888 !important;||}||.htlleo-registration-form h3 {||  color: black !important;||  font-weight: 100 !important;||}||||selector {||  display: flex !important;||  align-items: flex-start !important;||  padding-top: 40px !important;||}&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_slide _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;RGBA(255,255,255,0)&#8220; background_enable_color=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220; sticky_transition=&#8220;on&#8220;]        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n        <div class=\"htlleo-event\" data-event-id=\"14\" data-interests='{&quot;2&quot;:&quot;IT-Medientechnik&quot;,&quot;3&quot;:&quot;Informatik&quot;}'>            \n            <header class=\"htlleo-event-header\">\n                <h2>Juli 2026<\/h2>\n                <p>2. Juli 2026<\/p>\n                                    <p><strong>Abteilungen:<\/strong> IT-Medientechnik, Informatik<\/p>\n                            <\/header>\n\n                            <section class=\"htlleo-event-sessions\">\n                    <h3>Gruppen<\/h3>\n                    <div class=\"htlleo-session-list\">\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"25\">\n                            <p class=\"htlleo-session-group\">Gruppe A<\/p>\n                            <p class=\"htlleo-session-time\">08:30 - 10:30 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">14 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"26\">\n                            <p class=\"htlleo-session-group\">Gruppe B<\/p>\n                            <p class=\"htlleo-session-time\">08:30 - 10:30 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">19 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"27\">\n                            <p class=\"htlleo-session-group\">Gruppe C<\/p>\n                            <p class=\"htlleo-session-time\">08:30 - 10:30 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">15 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"28\">\n                            <p class=\"htlleo-session-group\">Gruppe D<\/p>\n                            <p class=\"htlleo-session-time\">11:30 - 13:30 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">20 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"38\">\n                            <p class=\"htlleo-session-group\">Gruppe E<\/p>\n                            <p class=\"htlleo-session-time\">11:30 - 13:30 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">20 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"39\">\n                            <p class=\"htlleo-session-group\">Gruppe F<\/p>\n                            <p class=\"htlleo-session-time\">11:30 - 13:30 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">20 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                            <\/div>\n                <\/section>\n                        <div class=\"htlleo-registration-form-container\"><\/div>\n        <\/div>\n\n        <script>\n            if (typeof htlleoInit === 'undefined') {\n                document.addEventListener('click', function(e) {\n                    if (e.target.closest('.htlleo-registration-form')) return; \n                    const card = e.target.closest('.htlleo-session-available');\n                    if (!card) return;\n                    e.preventDefault(); e.stopPropagation();\n\n                    const eventWrapper = card.closest('.htlleo-event');\n                    const container = eventWrapper.querySelector('.htlleo-registration-form-container');\n                    const sessionId = card.dataset.sessionId;\n                    const groupName = card.querySelector('.htlleo-session-group').textContent;\n                    const localInterests = JSON.parse(eventWrapper.getAttribute('data-interests') || '{}');\n\n                    if (eventWrapper.dataset.activeSession === sessionId && container.style.height !== '0px') {\n                        container.style.height = '0';\n                        eventWrapper.dataset.activeSession = \"\";\n                        setTimeout(() => { if (!eventWrapper.dataset.activeSession) container.innerHTML = ''; }, 500);\n                        return;\n                    }\n\n                    eventWrapper.dataset.activeSession = sessionId;\n                    let interestOptions = '';\n                    for (const id in localInterests) { interestOptions += `<option value=\"${id}\">${localInterests[id]}<\/option>`; }\n\n                    container.innerHTML = `\n                        <div class=\"htlleo-registration-response\"><\/div>\n                        <form class=\"htlleo-registration-form\" onclick=\"event.stopPropagation();\">\n                            <h3 class=\"form-title\">Anmeldung: ${groupName}<\/h3>\n                            <input type=\"hidden\" name=\"session_id\" value=\"${sessionId}\">\n                            <input type=\"hidden\" name=\"source_url\" value=\"https:\/\/development.htl-leonding.at\/en\/schnuppertaganmeldung\/\">\n                            <label>Vorname <input type=\"text\" name=\"first_name\" required><\/label>\n                            <label>Nachname <input type=\"text\" name=\"last_name\" required><\/label>\n                            <label>Geschlecht\n                                <select name=\"gender\" required>\n                                    <option value=\"\" disabled selected>\u2014 bitte w\u00e4hlen \u2014<\/option>\n                                    <option value=\"male\">M\u00e4nnlich<\/option>\n                                    <option value=\"female\">Weiblich<\/option>\n                                    <option value=\"diverse\">Divers<\/option>\n                                <\/select>\n                            <\/label>\n                            <label>Email <input type=\"email\" name=\"email\" required><\/label>\n                            <label>Stadt <input type=\"text\" name=\"city\" required><\/label>\n                            <label>Schule <input type=\"text\" name=\"school\" required><\/label>\n                            <label>Klasse <input type=\"text\" name=\"class\" required><\/label>\n                            <label>Telefon <input type=\"text\" name=\"phone\" required><\/label>\n                            <label class=\"form-full-width\">Interesse\n                                <select name=\"preferred_interest_id\" required>\n                                    <option value=\"\" disabled selected>\u2014 bitte w\u00e4hlen \u2014<\/option>\n                                    ${interestOptions}\n                                <\/select>\n                            <\/label>\n                            <div class=\"form-actions form-full-width\">\n                                <button type=\"submit\" class=\"submit-btn\">Jetzt anmelden<\/button>\n                                <button type=\"button\" class=\"cancel-btn\">Abbrechen<\/button>\n                            <\/div>\n                        <\/form>\n                    `;\n                    requestAnimationFrame(() => { container.style.height = container.scrollHeight + 'px'; });\n\n                    const form = container.querySelector('.htlleo-registration-form');\n                    form.addEventListener('submit', function(ev) {\n                        ev.preventDefault();\n                        const btn = form.querySelector('.submit-btn');\n                        btn.disabled = true; btn.textContent = 'Wird gesendet...';\n                        const data = new FormData(form);\n                        data.append('action', 'htlleo_register_user');\n                        fetch('https:\/\/development.htl-leonding.at\/wp-admin\/admin-ajax.php', { method: 'POST', body: data })\n                        .then(res => res.json())\n                        .then(res => {\n                            const respDiv = container.querySelector('.htlleo-registration-response');\n                            respDiv.innerHTML = `<div class=\"status-msg ${res.success ? 'success' : 'error'}\">${res.message}<\/div>`;\n                            if (res.success) {\n                                setTimeout(() => {\n                                    container.style.height = '0';\n                                    eventWrapper.dataset.activeSession = \"\";\n                                    const refreshId = 14;\n                                    fetch('https:\/\/development.htl-leonding.at\/wp-admin\/admin-ajax.php?action=htlleo_get_event_sessions&id=' + refreshId)\n                                        .then(r => r.text())\n                                        .then(html => {\n                                            document.querySelectorAll('.htlleo-event[data-event-id=\"' + refreshId + '\"] .htlleo-session-list').forEach(list => { list.innerHTML = html; });\n                                            setTimeout(() => { container.innerHTML = ''; }, 500);\n                                        });\n                                }, 2500); \n                            } else {\n                                btn.disabled = false; btn.textContent = 'Jetzt anmelden';\n                            }\n                        });\n                    });\n                    container.querySelector('.cancel-btn').addEventListener('click', () => {\n                        container.style.height = '0'; eventWrapper.dataset.activeSession = \"\";\n                        setTimeout(() => { if (!eventWrapper.dataset.activeSession) container.innerHTML = ''; }, 500);\n                    });\n                }, true);\n                var htlleoInit = true;\n            }\n        <\/script>\n        [\/et_pb_slide][et_pb_slide _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;RGBA(255,255,255,0)&#8220; background_enable_color=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220; sticky_transition=&#8220;on&#8220;]        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n        <div class=\"htlleo-event\" data-event-id=\"15\" data-interests='{&quot;2&quot;:&quot;IT-Medientechnik&quot;,&quot;3&quot;:&quot;Informatik&quot;}'>            \n            <header class=\"htlleo-event-header\">\n                <h2>Juli 2026 (DDP)<\/h2>\n                <p>3. Juli 2026<\/p>\n                                    <p><strong>Abteilungen:<\/strong> IT-Medientechnik, Informatik<\/p>\n                            <\/header>\n\n                            <section class=\"htlleo-event-sessions\">\n                    <h3>Gruppen<\/h3>\n                    <div class=\"htlleo-session-list\">\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"29\">\n                            <p class=\"htlleo-session-group\">Gruppe DDP<\/p>\n                            <p class=\"htlleo-session-time\">09:00 - 11:00 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">20 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                            <\/div>\n                <\/section>\n                        <div class=\"htlleo-registration-form-container\"><\/div>\n        <\/div>\n\n        <script>\n            if (typeof htlleoInit === 'undefined') {\n                document.addEventListener('click', function(e) {\n                    if (e.target.closest('.htlleo-registration-form')) return; \n                    const card = e.target.closest('.htlleo-session-available');\n                    if (!card) return;\n                    e.preventDefault(); e.stopPropagation();\n\n                    const eventWrapper = card.closest('.htlleo-event');\n                    const container = eventWrapper.querySelector('.htlleo-registration-form-container');\n                    const sessionId = card.dataset.sessionId;\n                    const groupName = card.querySelector('.htlleo-session-group').textContent;\n                    const localInterests = JSON.parse(eventWrapper.getAttribute('data-interests') || '{}');\n\n                    if (eventWrapper.dataset.activeSession === sessionId && container.style.height !== '0px') {\n                        container.style.height = '0';\n                        eventWrapper.dataset.activeSession = \"\";\n                        setTimeout(() => { if (!eventWrapper.dataset.activeSession) container.innerHTML = ''; }, 500);\n                        return;\n                    }\n\n                    eventWrapper.dataset.activeSession = sessionId;\n                    let interestOptions = '';\n                    for (const id in localInterests) { interestOptions += `<option value=\"${id}\">${localInterests[id]}<\/option>`; }\n\n                    container.innerHTML = `\n                        <div class=\"htlleo-registration-response\"><\/div>\n                        <form class=\"htlleo-registration-form\" onclick=\"event.stopPropagation();\">\n                            <h3 class=\"form-title\">Anmeldung: ${groupName}<\/h3>\n                            <input type=\"hidden\" name=\"session_id\" value=\"${sessionId}\">\n                            <input type=\"hidden\" name=\"source_url\" value=\"https:\/\/development.htl-leonding.at\/en\/schnuppertaganmeldung\/\">\n                            <label>Vorname <input type=\"text\" name=\"first_name\" required><\/label>\n                            <label>Nachname <input type=\"text\" name=\"last_name\" required><\/label>\n                            <label>Geschlecht\n                                <select name=\"gender\" required>\n                                    <option value=\"\" disabled selected>\u2014 bitte w\u00e4hlen \u2014<\/option>\n                                    <option value=\"male\">M\u00e4nnlich<\/option>\n                                    <option value=\"female\">Weiblich<\/option>\n                                    <option value=\"diverse\">Divers<\/option>\n                                <\/select>\n                            <\/label>\n                            <label>Email <input type=\"email\" name=\"email\" required><\/label>\n                            <label>Stadt <input type=\"text\" name=\"city\" required><\/label>\n                            <label>Schule <input type=\"text\" name=\"school\" required><\/label>\n                            <label>Klasse <input type=\"text\" name=\"class\" required><\/label>\n                            <label>Telefon <input type=\"text\" name=\"phone\" required><\/label>\n                            <label class=\"form-full-width\">Interesse\n                                <select name=\"preferred_interest_id\" required>\n                                    <option value=\"\" disabled selected>\u2014 bitte w\u00e4hlen \u2014<\/option>\n                                    ${interestOptions}\n                                <\/select>\n                            <\/label>\n                            <div class=\"form-actions form-full-width\">\n                                <button type=\"submit\" class=\"submit-btn\">Jetzt anmelden<\/button>\n                                <button type=\"button\" class=\"cancel-btn\">Abbrechen<\/button>\n                            <\/div>\n                        <\/form>\n                    `;\n                    requestAnimationFrame(() => { container.style.height = container.scrollHeight + 'px'; });\n\n                    const form = container.querySelector('.htlleo-registration-form');\n                    form.addEventListener('submit', function(ev) {\n                        ev.preventDefault();\n                        const btn = form.querySelector('.submit-btn');\n                        btn.disabled = true; btn.textContent = 'Wird gesendet...';\n                        const data = new FormData(form);\n                        data.append('action', 'htlleo_register_user');\n                        fetch('https:\/\/development.htl-leonding.at\/wp-admin\/admin-ajax.php', { method: 'POST', body: data })\n                        .then(res => res.json())\n                        .then(res => {\n                            const respDiv = container.querySelector('.htlleo-registration-response');\n                            respDiv.innerHTML = `<div class=\"status-msg ${res.success ? 'success' : 'error'}\">${res.message}<\/div>`;\n                            if (res.success) {\n                                setTimeout(() => {\n                                    container.style.height = '0';\n                                    eventWrapper.dataset.activeSession = \"\";\n                                    const refreshId = 15;\n                                    fetch('https:\/\/development.htl-leonding.at\/wp-admin\/admin-ajax.php?action=htlleo_get_event_sessions&id=' + refreshId)\n                                        .then(r => r.text())\n                                        .then(html => {\n                                            document.querySelectorAll('.htlleo-event[data-event-id=\"' + refreshId + '\"] .htlleo-session-list').forEach(list => { list.innerHTML = html; });\n                                            setTimeout(() => { container.innerHTML = ''; }, 500);\n                                        });\n                                }, 2500); \n                            } else {\n                                btn.disabled = false; btn.textContent = 'Jetzt anmelden';\n                            }\n                        });\n                    });\n                    container.querySelector('.cancel-btn').addEventListener('click', () => {\n                        container.style.height = '0'; eventWrapper.dataset.activeSession = \"\";\n                        setTimeout(() => { if (!eventWrapper.dataset.activeSession) container.innerHTML = ''; }, 500);\n                    });\n                }, true);\n                var htlleoInit = true;\n            }\n        <\/script>\n        [\/et_pb_slide][\/et_pb_slider][et_pb_slider module_id=&#8220;slider-abteilung-el&#8220; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; header_level=&#8220;h3&#8243; header_text_color=&#8220;#000000&#8243; body_font=&#8220;Manrope|300|||||||&#8220; body_text_color=&#8220;#000000&#8243; custom_margin=&#8220;0px||0px||false|false&#8220; custom_padding=&#8220;0px||0px||false|false&#8220; hover_enabled=&#8220;0&#8243; custom_css_free_form=&#8220;.htlleo-session-full .htlleo-session-group,||.htlleo-session-full .htlleo-session-time,||.htlleo-session-full .htlleo-session-capacity {||  color: #888 !important;||}||||selector h3{||  text-align: left !important;||}||||.htlleo-registration-form {||  text-align: left !important;||  text-shadow: 0 0 0 !important;||}||.htlleo-registration-form label {||  color: #888 !important;||}||.htlleo-registration-form h3 {||  color: black !important;||  font-weight: 100 !important;||}||||selector {||  display: flex !important;||  align-items: flex-start !important;||  padding-top: 40px !important;||}&#8220; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][et_pb_slide _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;RGBA(255,255,255,0)&#8220; background_enable_color=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220; sticky_transition=&#8220;on&#8220;]        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n        <div class=\"htlleo-event\" data-event-id=\"16\" data-interests='{&quot;4&quot;:&quot;Elektronik&quot;,&quot;5&quot;:&quot;Medizintechnik&quot;}'>            \n            <header class=\"htlleo-event-header\">\n                <h2>Juli 2026<\/h2>\n                <p>1. Juli 2026<\/p>\n                                    <p><strong>Abteilungen:<\/strong> Elektronik, Medizintechnik<\/p>\n                            <\/header>\n\n                            <section class=\"htlleo-event-sessions\">\n                    <h3>Gruppen<\/h3>\n                    <div class=\"htlleo-session-list\">\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"32\">\n                            <p class=\"htlleo-session-group\">Gruppe A<\/p>\n                            <p class=\"htlleo-session-time\">09:00 - 12:00 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">12 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"33\">\n                            <p class=\"htlleo-session-group\">Gruppe B<\/p>\n                            <p class=\"htlleo-session-time\">09:00 - 12:00 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">12 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"34\">\n                            <p class=\"htlleo-session-group\">Gruppe C<\/p>\n                            <p class=\"htlleo-session-time\">09:00 - 12:00 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">12 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                                <div class=\"htlleo-session-card htlleo-session-available\" data-session-id=\"35\">\n                            <p class=\"htlleo-session-group\">Gruppe D<\/p>\n                            <p class=\"htlleo-session-time\">09:00 - 12:00 Uhr<\/p>\n                            <p class=\"htlleo-session-capacity\">12 Pl\u00e4tze frei<\/p>\n                        <\/div>\n                                            <\/div>\n                <\/section>\n                        <div class=\"htlleo-registration-form-container\"><\/div>\n        <\/div>\n\n        <script>\n            if (typeof htlleoInit === 'undefined') {\n                document.addEventListener('click', function(e) {\n                    if (e.target.closest('.htlleo-registration-form')) return; \n                    const card = e.target.closest('.htlleo-session-available');\n                    if (!card) return;\n                    e.preventDefault(); e.stopPropagation();\n\n                    const eventWrapper = card.closest('.htlleo-event');\n                    const container = eventWrapper.querySelector('.htlleo-registration-form-container');\n                    const sessionId = card.dataset.sessionId;\n                    const groupName = card.querySelector('.htlleo-session-group').textContent;\n                    const localInterests = JSON.parse(eventWrapper.getAttribute('data-interests') || '{}');\n\n                    if (eventWrapper.dataset.activeSession === sessionId && container.style.height !== '0px') {\n                        container.style.height = '0';\n                        eventWrapper.dataset.activeSession = \"\";\n                        setTimeout(() => { if (!eventWrapper.dataset.activeSession) container.innerHTML = ''; }, 500);\n                        return;\n                    }\n\n                    eventWrapper.dataset.activeSession = sessionId;\n                    let interestOptions = '';\n                    for (const id in localInterests) { interestOptions += `<option value=\"${id}\">${localInterests[id]}<\/option>`; }\n\n                    container.innerHTML = `\n                        <div class=\"htlleo-registration-response\"><\/div>\n                        <form class=\"htlleo-registration-form\" onclick=\"event.stopPropagation();\">\n                            <h3 class=\"form-title\">Anmeldung: ${groupName}<\/h3>\n                            <input type=\"hidden\" name=\"session_id\" value=\"${sessionId}\">\n                            <input type=\"hidden\" name=\"source_url\" value=\"https:\/\/development.htl-leonding.at\/en\/schnuppertaganmeldung\/\">\n                            <label>Vorname <input type=\"text\" name=\"first_name\" required><\/label>\n                            <label>Nachname <input type=\"text\" name=\"last_name\" required><\/label>\n                            <label>Geschlecht\n                                <select name=\"gender\" required>\n                                    <option value=\"\" disabled selected>\u2014 bitte w\u00e4hlen \u2014<\/option>\n                                    <option value=\"male\">M\u00e4nnlich<\/option>\n                                    <option value=\"female\">Weiblich<\/option>\n                                    <option value=\"diverse\">Divers<\/option>\n                                <\/select>\n                            <\/label>\n                            <label>Email <input type=\"email\" name=\"email\" required><\/label>\n                            <label>Stadt <input type=\"text\" name=\"city\" required><\/label>\n                            <label>Schule <input type=\"text\" name=\"school\" required><\/label>\n                            <label>Klasse <input type=\"text\" name=\"class\" required><\/label>\n                            <label>Telefon <input type=\"text\" name=\"phone\" required><\/label>\n                            <label class=\"form-full-width\">Interesse\n                                <select name=\"preferred_interest_id\" required>\n                                    <option value=\"\" disabled selected>\u2014 bitte w\u00e4hlen \u2014<\/option>\n                                    ${interestOptions}\n                                <\/select>\n                            <\/label>\n                            <div class=\"form-actions form-full-width\">\n                                <button type=\"submit\" class=\"submit-btn\">Jetzt anmelden<\/button>\n                                <button type=\"button\" class=\"cancel-btn\">Abbrechen<\/button>\n                            <\/div>\n                        <\/form>\n                    `;\n                    requestAnimationFrame(() => { container.style.height = container.scrollHeight + 'px'; });\n\n                    const form = container.querySelector('.htlleo-registration-form');\n                    form.addEventListener('submit', function(ev) {\n                        ev.preventDefault();\n                        const btn = form.querySelector('.submit-btn');\n                        btn.disabled = true; btn.textContent = 'Wird gesendet...';\n                        const data = new FormData(form);\n                        data.append('action', 'htlleo_register_user');\n                        fetch('https:\/\/development.htl-leonding.at\/wp-admin\/admin-ajax.php', { method: 'POST', body: data })\n                        .then(res => res.json())\n                        .then(res => {\n                            const respDiv = container.querySelector('.htlleo-registration-response');\n                            respDiv.innerHTML = `<div class=\"status-msg ${res.success ? 'success' : 'error'}\">${res.message}<\/div>`;\n                            if (res.success) {\n                                setTimeout(() => {\n                                    container.style.height = '0';\n                                    eventWrapper.dataset.activeSession = \"\";\n                                    const refreshId = 16;\n                                    fetch('https:\/\/development.htl-leonding.at\/wp-admin\/admin-ajax.php?action=htlleo_get_event_sessions&id=' + refreshId)\n                                        .then(r => r.text())\n                                        .then(html => {\n                                            document.querySelectorAll('.htlleo-event[data-event-id=\"' + refreshId + '\"] .htlleo-session-list').forEach(list => { list.innerHTML = html; });\n                                            setTimeout(() => { container.innerHTML = ''; }, 500);\n                                        });\n                                }, 2500); \n                            } else {\n                                btn.disabled = false; btn.textContent = 'Jetzt anmelden';\n                            }\n                        });\n                    });\n                    container.querySelector('.cancel-btn').addEventListener('click', () => {\n                        container.style.height = '0'; eventWrapper.dataset.activeSession = \"\";\n                        setTimeout(() => { if (!eventWrapper.dataset.activeSession) container.innerHTML = ''; }, 500);\n                    });\n                }, true);\n                var htlleoInit = true;\n            }\n        <\/script>\n        [\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du m\u00f6chtest dich gerne \u00fcber die Ausbildungsm\u00f6glichkeiten an unserer Schule informieren? Du m\u00f6chtest gerne selber erste praktische Erfahrungen sammlen und dir aus erster Hand einen Eindruck von Inhalten und Anforderungen der Unterrichtsgegenst\u00e4nde verschaffen? Dann sind die kurzen Demo-Unterrichtseinheiten mit Programmieren, Webentwicklung, Medienpraxis, Elektronik und Medizintechnik unserer Schnuppertage genau das Richtige.F\u00fcr den Schnuppertag ist eine Anmeldung [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2232","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":76,"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages\/2232\/revisions"}],"predecessor-version":[{"id":7686,"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages\/2232\/revisions\/7686"}],"wp:attachment":[{"href":"https:\/\/development.htl-leonding.at\/en\/wp-json\/wp\/v2\/media?parent=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}