{"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-07-09T10:41:12","modified_gmt":"2026-07-09T08:41:12","slug":"schnuppertaganmeldung","status":"publish","type":"page","link":"https:\/\/www.htl-leonding.at\/en\/schnuppertaganmeldung\/","title":{"rendered":"Schnuppertaganmeldung"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; admin_label=&#8220;Section&#8220; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;#000000&#8243; use_background_color_gradient=&#8220;off&#8220; background_image=&#8220;https:\/\/www.htl-leonding.at\/wp-content\/uploads\/2026\/04\/schnuppertag_header.jpg&#8220; background_size=&#8220;cover&#8220; background_position=&#8220;bottom_center&#8220; width=&#8220;100%&#8220; max_width=&#8220;100%&#8220; module_alignment=&#8220;left&#8220; min_height=&#8220;90vh&#8220; min_height_tablet=&#8220;50vh&#8220; min_height_phone=&#8220;&#8220; min_height_last_edited=&#8220;on|desktop&#8220; custom_margin=&#8220;|||0px|false|false&#8220; custom_padding=&#8220;|||0px|false|false&#8220; background_color_phone=&#8220;RGBA(255,255,255,0)&#8220; background_last_edited=&#8220;on|phone&#8220; background_enable_color_phone=&#8220;on&#8220; parallax_phone=&#8220;off&#8220; parallax_method_phone=&#8220;on&#8220; background_size_tablet=&#8220;custom&#8220; background_size_phone=&#8220;custom&#8220; background_image_height_phone=&#8220;100%&#8220; background_position_phone=&#8220;top_center&#8220; saved_tabs=&#8220;all&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; width_tablet=&#8220;&#8220; width_phone=&#8220;90%&#8220; width_last_edited=&#8220;on|phone&#8220; max_width=&#8220;60%&#8220; max_width_tablet=&#8220;60%&#8220; max_width_phone=&#8220;100%&#8220; max_width_last_edited=&#8220;on|phone&#8220; module_alignment=&#8220;left&#8220; custom_margin=&#8220;18vw||||false|false&#8220; custom_padding=&#8220;|||10%|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_text content_tablet=&#8220;<\/p>\n<h1><strong>IT-Medientechnik<\/strong><\/h1>\n<p>&#8220; content_phone=&#8220;<\/p>\n<h1><strong>IT-Medientechnik<\/strong><\/h1>\n<p>&#8220; content_last_edited=&#8220;on|tablet&#8220; _builder_version=&#8220;4.27.7&#8243; _module_preset=&#8220;default&#8220; text_font=&#8220;Manrope|&#8211;et_global_body_font_weight|||||||&#8220; text_text_color=&#8220;#FFFFFF&#8220; text_font_size=&#8220;130%&#8220; header_font=&#8220;&#8211;et_global_heading_font|800|||||||&#8220; header_text_color=&#8220;#FFFFFF&#8220; header_font_size=&#8220;310%&#8220; header_line_height=&#8220;170%&#8220; header_2_font=&#8220;&#8211;et_global_body_font|100|||||||&#8220; header_2_text_color=&#8220;#FFFFFF&#8220; text_font_size_tablet=&#8220;100%&#8220; text_font_size_phone=&#8220;100%&#8220; text_font_size_last_edited=&#8220;on|tablet&#8220; header_font_size_tablet=&#8220;310%&#8220; header_font_size_phone=&#8220;2.7em&#8220; header_font_size_last_edited=&#8220;on|phone&#8220; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h2>Finde heraus, was in dir steckt.<\/h2>\n<h1><strong>Schnuppertage<\/strong><\/h1>\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; width=&#8220;30%&#8220; width_tablet=&#8220;30%&#8220; width_phone=&#8220;100%&#8220; width_last_edited=&#8220;on|phone&#8220; max_width=&#8220;100%&#8220; max_width_tablet=&#8220;100%&#8220; max_width_phone=&#8220;100%&#8220; max_width_last_edited=&#8220;on|phone&#8220; custom_margin=&#8220;0px|0px|0px|10%|false|false&#8220; custom_margin_tablet=&#8220;0px|0px|0px|10%|false|false&#8220; custom_margin_phone=&#8220;0px|0px|0px|10%|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;1_2&#8243; _builder_version=&#8220;4.27.5&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_button button_url=&#8220;#anmeldung&#8220; url_new_window=&#8220;on&#8220; button_text=&#8220;Zur Anmeldung&#8220; button_alignment=&#8220;left&#8220; button_alignment_tablet=&#8220;left&#8220; button_alignment_phone=&#8220;left&#8220; button_alignment_last_edited=&#8220;on|phone&#8220; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; custom_button=&#8220;on&#8220; button_text_color=&#8220;#FFFFFF&#8220; button_bg_color=&#8220;#74911e&#8220; button_border_width=&#8220;0px&#8220; button_border_radius=&#8220;20px&#8220; button_font=&#8220;Manrope||||||||&#8220; button_use_icon=&#8220;off&#8220; custom_margin=&#8220;||||false|false&#8220; custom_padding=&#8220;5%||5%||true|false&#8220; custom_padding_tablet=&#8220;5%||5%||true|false&#8220; custom_padding_phone=&#8220;3%||3%||true|false&#8220; custom_padding_last_edited=&#8220;on|phone&#8220; filter_hue_rotate=&#8220;127deg&#8220; filter_saturate=&#8220;149%&#8220; button_text_size_tablet=&#8220;&#8220; button_text_size_phone=&#8220;1em&#8220; button_text_size_last_edited=&#8220;on|phone&#8220; button_border_radius_tablet=&#8220;20px&#8220; button_border_radius_phone=&#8220;15px&#8220; button_border_radius_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_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; use_background_color_gradient=&#8220;off&#8220; background_image=&#8220;https:\/\/www.htl-leonding.at\/wp-content\/uploads\/2026\/03\/3Tri_inf.png&#8220; background_position=&#8220;center&#8220; custom_padding=&#8220;||||false|false&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;||||false|false&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_heading title=&#8220;Schnuppertaganmeldung&#8220; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; title_font=&#8220;|700|||||||&#8220; title_text_align=&#8220;center&#8220; title_text_color=&#8220;#000000&#8243; 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_text _builder_version=&#8220;4.27.6&#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>unserer Schnuppertage genau das Richtige. Nat\u00fcrlich darf bei der\u00a0<strong>Elektronik<\/strong> und <strong>Medizintechnik<\/strong> auch ein Einblick in die <strong>Werkst\u00e4tte<\/strong> nicht fehlen.<\/p>\n<p>&nbsp;<\/p>\n<p>F\u00fcr den Schnuppertag ist eine Anmeldung \u00fcber unser <a href=\"#anmeldung\">Online-Formular<\/a> erforderlich.<br \/>Wir bieten dabei 3 unterschiedliche Programme an:<\/p>\n<ol>\n<li>Informatik und IT-Medientechnik<\/li>\n<li>Informatik mit Schwerpunkt DPP<\/li>\n<li>Elektronik und Medizintechnik<\/li>\n<\/ol>\n<p>Keine Sorge wegen der Gruppeneinteilung (A, B, C&#8230;): In allen Gruppen erwarten dich die absolut gleichen Workshops. Such dir einfach eine Gruppe aus und melde dich bitte nur einmal an.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.27.6&#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; background_vertical_offset=&#8220;15%&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row module_id=&#8220;anmeldung&#8220; _builder_version=&#8220;4.27.6&#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_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_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_3,1_3,1_3&#8243; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; custom_margin=&#8220;2%||||false|false&#8220; custom_padding=&#8220;0.4%||||false|false&#8220; border_color_top=&#8220;#FFFFFF&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_3&#8243; _builder_version=&#8220;4.27.6&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_button button_text=&#8220;Informatik\/IT-Medientechnik&#8220; button_alignment=&#8220;center&#8220; module_id=&#8220;btn-show-if&#8220; module_class=&#8220;btn-show-if&#8220; _builder_version=&#8220;4.27.6&#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_3&#8243; _builder_version=&#8220;4.27.4&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_button button_text=&#8220;Informatik DDP&#8220; button_alignment=&#8220;center&#8220; module_id=&#8220;btn-show-ddp&#8220; module_class=&#8220;btn-show-ddp&#8220; _builder_version=&#8220;4.27.6&#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; locked=&#8220;off&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8220;1_3&#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.6&#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; 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.6&#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] -->        const style = document.createElement('style');<!-- [et_pb_line_break_holder] -->        style.innerHTML = '#slider-abteilung-el, #slider-abteilung-ddp { 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] -->            const sliderC = document.getElementById('slider-abteilung-ddp');<!-- [et_pb_line_break_holder] -->            <!-- [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 => { container.style.height = '0'; });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const allFilterBtns = document.querySelectorAll('.btn-show-if, .btn-show-el, .btn-show-ddp');<!-- [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] -->            function handleSwitch(e) {<!-- [et_pb_line_break_holder] -->                const target = e.target.closest('.btn-show-if, .btn-show-el, .btn-show-ddp');<!-- [et_pb_line_break_holder] -->                if (!target) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                e.stopPropagation();<!-- [et_pb_line_break_holder] -->                closeAllRegistrationForms();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                document.querySelectorAll('.btn-show-if').forEach(el => el.classList.remove('htlleo-filter-active'));<!-- [et_pb_line_break_holder] -->                document.querySelectorAll('.btn-show-el').forEach(el => el.classList.remove('htlleo-filter-active-el'));<!-- [et_pb_line_break_holder] -->                document.querySelectorAll('.btn-show-ddp').forEach(el => el.classList.remove('htlleo-filter-active-ddp'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                [sliderA, sliderB, sliderC].forEach(s => { if(s) s.style.setProperty('display', 'none', 'important'); });<!-- [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] -->                    target.classList.add('htlleo-filter-active');<!-- [et_pb_line_break_holder] -->                } else if (target.classList.contains('btn-show-el')) {<!-- [et_pb_line_break_holder] -->                    sliderB.style.setProperty('display', 'block', 'important');<!-- [et_pb_line_break_holder] -->                    target.classList.add('htlleo-filter-active-el');<!-- [et_pb_line_break_holder] -->                } else if (target.classList.contains('btn-show-ddp')) {<!-- [et_pb_line_break_holder] -->                    if(sliderC) sliderC.style.setProperty('display', 'block', 'important');<!-- [et_pb_line_break_holder] -->                    target.classList.add('htlleo-filter-active-ddp');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [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] -->            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] -->\/* --- NORMALZUSTAND ELEKTRONIK (EL) --- *\/<!-- [et_pb_line_break_holder] -->.btn-show-el a.et_pb_button, <!-- [et_pb_line_break_holder] -->.btn-show-el.et_pb_button {<!-- [et_pb_line_break_holder] -->    color: #CC1625 !important;<!-- [et_pb_line_break_holder] -->    border-color: #CC1625 !important;<!-- [et_pb_line_break_holder] -->    background-color: transparent !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* --- AKTIV-ZUSTAND ELEKTRONIK (EL) --- *\/<!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el,<!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el a.et_pb_button,<!-- [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;<!-- [et_pb_line_break_holder] -->    border-color: #CC1625 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* --- AKTIV-ZUSTAND IF & DDP (BLAU) --- *\/<!-- [et_pb_line_break_holder] -->.htlleo-filter-active, .htlleo-filter-active a,<!-- [et_pb_line_break_holder] -->.htlleo-filter-active-ddp, .htlleo-filter-active-ddp a {<!-- [et_pb_line_break_holder] -->    background-color: #004a99 !important;<!-- [et_pb_line_break_holder] -->    color: #ffffff !important;<!-- [et_pb_line_break_holder] -->    border-color: #004a99 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Hover-Fix f\u00fcr aktive Buttons *\/<!-- [et_pb_line_break_holder] -->.htlleo-filter-active:hover a, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active-el:hover a, <!-- [et_pb_line_break_holder] -->.htlleo-filter-active-ddp:hover a {<!-- [et_pb_line_break_holder] -->    color: #ffffff !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_slider module_id=&#8220;slider-abteilung-if&#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; 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>Schnuppertag Informatik und IT-Medientechnik<\/h2>\n                <p>22. Oktober 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                        <p class=\"htlleo-session-loading\">Verfuegbarkeit wird geladen...<\/p>\n                    <\/div>\n                <\/section>\n                        <div class=\"htlleo-registration-form-container\"><\/div>\n        <\/div>\n\n        <script>\n            if (typeof htlleoInit === 'undefined') {\n                const htlleoAjaxUrl = 'https:\/\/www.htl-leonding.at\/wp-admin\/admin-ajax.php';\n\n                function htlleoRefreshEventSessions(eventWrapper) {\n                    if (!eventWrapper) return Promise.resolve();\n\n                    const eventId = eventWrapper.dataset.eventId;\n                    const sessionList = eventWrapper.querySelector('.htlleo-session-list');\n                    if (!eventId || !sessionList) return Promise.resolve();\n\n                    sessionList.setAttribute('aria-busy', 'true');\n\n                    return fetch(`${htlleoAjaxUrl}?action=htlleo_get_event_sessions&id=${eventId}&timestamp=${Date.now()}`, {\n                        cache: 'no-store',\n                        headers: {\n                            'Cache-Control': 'no-cache'\n                        }\n                    })\n                        .then(response => response.text())\n                        .then(html => {\n                            sessionList.innerHTML = html;\n                        })\n                        .catch(() => {\n                            sessionList.innerHTML = '<p class=\"htlleo-session-loading\">Verfuegbarkeit konnte nicht geladen werden.<\/p>';\n                        })\n                        .finally(() => {\n                            sessionList.removeAttribute('aria-busy');\n                        });\n                }\n\n                function htlleoRefreshAllEvents() {\n                    document.querySelectorAll('.htlleo-event[data-event-id]').forEach(htlleoRefreshEventSessions);\n                }\n\n                if (document.readyState === 'loading') {\n                    document.addEventListener('DOMContentLoaded', htlleoRefreshAllEvents, { once: true });\n                } else {\n                    htlleoRefreshAllEvents();\n                }\n\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:\/\/www.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                            <p class=\"form-privacy-note form-full-width\">Durch die Registrierung stimmen Sie unseren <a href=\"https:\/\/www.htl-leonding.at\/datenschutz\/\" target=\"_blank\" rel=\"noopener noreferrer\">Datenschutzbedingungen<\/a> zu.<\/p>\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(htlleoAjaxUrl, { method: 'POST', body: data, cache: 'no-store' })\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                                btn.textContent = 'Erfolgreich angemeldet';\n                                htlleoRefreshEventSessions(eventWrapper);\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-ddp&#8220; _builder_version=&#8220;4.27.7&#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.7&#8243; _module_preset=&#8220;default&#8220; background_color=&#8220;RGBA(255,255,255,0)&#8220; background_enable_color=&#8220;on&#8220; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_transition=&#8220;on&#8220; sticky_enabled=&#8220;0&#8243;]        <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=\"19\" data-interests='{&quot;2&quot;:&quot;IT-Medientechnik&quot;,&quot;3&quot;:&quot;Informatik&quot;}'>            \n            <header class=\"htlleo-event-header\">\n                <h2>Schnuppertag DDP<\/h2>\n                <p>23. Oktober 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                        <p class=\"htlleo-session-loading\">Verfuegbarkeit wird geladen...<\/p>\n                    <\/div>\n                <\/section>\n                        <div class=\"htlleo-registration-form-container\"><\/div>\n        <\/div>\n\n        <script>\n            if (typeof htlleoInit === 'undefined') {\n                const htlleoAjaxUrl = 'https:\/\/www.htl-leonding.at\/wp-admin\/admin-ajax.php';\n\n                function htlleoRefreshEventSessions(eventWrapper) {\n                    if (!eventWrapper) return Promise.resolve();\n\n                    const eventId = eventWrapper.dataset.eventId;\n                    const sessionList = eventWrapper.querySelector('.htlleo-session-list');\n                    if (!eventId || !sessionList) return Promise.resolve();\n\n                    sessionList.setAttribute('aria-busy', 'true');\n\n                    return fetch(`${htlleoAjaxUrl}?action=htlleo_get_event_sessions&id=${eventId}&timestamp=${Date.now()}`, {\n                        cache: 'no-store',\n                        headers: {\n                            'Cache-Control': 'no-cache'\n                        }\n                    })\n                        .then(response => response.text())\n                        .then(html => {\n                            sessionList.innerHTML = html;\n                        })\n                        .catch(() => {\n                            sessionList.innerHTML = '<p class=\"htlleo-session-loading\">Verfuegbarkeit konnte nicht geladen werden.<\/p>';\n                        })\n                        .finally(() => {\n                            sessionList.removeAttribute('aria-busy');\n                        });\n                }\n\n                function htlleoRefreshAllEvents() {\n                    document.querySelectorAll('.htlleo-event[data-event-id]').forEach(htlleoRefreshEventSessions);\n                }\n\n                if (document.readyState === 'loading') {\n                    document.addEventListener('DOMContentLoaded', htlleoRefreshAllEvents, { once: true });\n                } else {\n                    htlleoRefreshAllEvents();\n                }\n\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:\/\/www.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                            <p class=\"form-privacy-note form-full-width\">Durch die Registrierung stimmen Sie unseren <a href=\"https:\/\/www.htl-leonding.at\/datenschutz\/\" target=\"_blank\" rel=\"noopener noreferrer\">Datenschutzbedingungen<\/a> zu.<\/p>\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(htlleoAjaxUrl, { method: 'POST', body: data, cache: 'no-store' })\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                                btn.textContent = 'Erfolgreich angemeldet';\n                                htlleoRefreshEventSessions(eventWrapper);\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; 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=\"16\" data-interests='{&quot;4&quot;:&quot;Elektronik&quot;,&quot;5&quot;:&quot;Medizintechnik&quot;}'>            \n            <header class=\"htlleo-event-header\">\n                <h2>Schnuppertag Elektronik und Medizintechnik<\/h2>\n                <p>21. Oktober 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                        <p class=\"htlleo-session-loading\">Verfuegbarkeit wird geladen...<\/p>\n                    <\/div>\n                <\/section>\n                        <div class=\"htlleo-registration-form-container\"><\/div>\n        <\/div>\n\n        <script>\n            if (typeof htlleoInit === 'undefined') {\n                const htlleoAjaxUrl = 'https:\/\/www.htl-leonding.at\/wp-admin\/admin-ajax.php';\n\n                function htlleoRefreshEventSessions(eventWrapper) {\n                    if (!eventWrapper) return Promise.resolve();\n\n                    const eventId = eventWrapper.dataset.eventId;\n                    const sessionList = eventWrapper.querySelector('.htlleo-session-list');\n                    if (!eventId || !sessionList) return Promise.resolve();\n\n                    sessionList.setAttribute('aria-busy', 'true');\n\n                    return fetch(`${htlleoAjaxUrl}?action=htlleo_get_event_sessions&id=${eventId}&timestamp=${Date.now()}`, {\n                        cache: 'no-store',\n                        headers: {\n                            'Cache-Control': 'no-cache'\n                        }\n                    })\n                        .then(response => response.text())\n                        .then(html => {\n                            sessionList.innerHTML = html;\n                        })\n                        .catch(() => {\n                            sessionList.innerHTML = '<p class=\"htlleo-session-loading\">Verfuegbarkeit konnte nicht geladen werden.<\/p>';\n                        })\n                        .finally(() => {\n                            sessionList.removeAttribute('aria-busy');\n                        });\n                }\n\n                function htlleoRefreshAllEvents() {\n                    document.querySelectorAll('.htlleo-event[data-event-id]').forEach(htlleoRefreshEventSessions);\n                }\n\n                if (document.readyState === 'loading') {\n                    document.addEventListener('DOMContentLoaded', htlleoRefreshAllEvents, { once: true });\n                } else {\n                    htlleoRefreshAllEvents();\n                }\n\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:\/\/www.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                            <p class=\"form-privacy-note form-full-width\">Durch die Registrierung stimmen Sie unseren <a href=\"https:\/\/www.htl-leonding.at\/datenschutz\/\" target=\"_blank\" rel=\"noopener noreferrer\">Datenschutzbedingungen<\/a> zu.<\/p>\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(htlleoAjaxUrl, { method: 'POST', body: data, cache: 'no-store' })\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                                btn.textContent = 'Erfolgreich angemeldet';\n                                htlleoRefreshEventSessions(eventWrapper);\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>Finde heraus, was in dir steckt. SchnuppertageDu 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 unserer Schnuppertage genau das Richtige. Nat\u00fcrlich darf [&hellip;]<\/p>\n","protected":false},"author":6,"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:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":93,"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages\/2232\/revisions"}],"predecessor-version":[{"id":9498,"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/pages\/2232\/revisions\/9498"}],"wp:attachment":[{"href":"https:\/\/www.htl-leonding.at\/en\/wp-json\/wp\/v2\/media?parent=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}