{"id":115,"date":"2026-06-08T12:37:22","date_gmt":"2026-06-08T12:37:22","guid":{"rendered":""},"modified":"2026-06-08T12:37:22","modified_gmt":"2026-06-08T12:37:22","slug":"schulung-anmeldung","status":"publish","type":"page","link":"https:\/\/datenschutz.proakustik.de\/?page_id=115","title":{"rendered":"Schulung Anmeldung"},"content":{"rendered":"\n<style>\n*, *::before, *::after { box-sizing: border-box; }\nbody { margin: 0; padding: 0; }\n.ds-page {\n    min-height: 100vh;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, sans-serif;\n    color: #333;\n    line-height: 1.6;\n    background: #f5f6f8;\n}\n.ds-anmeldung-hero {\n    background: linear-gradient(135deg, #002636 0%, #0a5a6e 50%, #B2C9D1 100%);\n    color: #fff;\n    padding: 80px 24px;\n    text-align: center;\n    width: 100%;\n}\n.ds-anmeldung-hero h1 {\n    font-size: clamp(1.8rem, 5vw, 2.8rem);\n    font-weight: 700;\n    margin: 0 0 16px;\n    color: #fff;\n}\n.ds-anmeldung-hero p {\n    font-size: clamp(1rem, 2.5vw, 1.2rem);\n    opacity: 0.9;\n    max-width: 600px;\n    margin: 0 auto;\n    line-height: 1.7;\n}\n.ds-badge {\n    display: inline-block;\n    background: rgba(255,255,255,0.18);\n    padding: 8px 20px;\n    border-radius: 24px;\n    font-size: 0.85rem;\n    margin-bottom: 24px;\n    letter-spacing: 1.5px;\n    font-weight: 600;\n}\n.ds-content {\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 40px 24px 60px;\n}\n.ds-anmeldung-info {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 48px;\n}\n.ds-info-card {\n    background: #fff;\n    border-radius: 12px;\n    padding: 28px 20px;\n    text-align: center;\n    box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    border-top: 3px solid #B2C9D1;\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n.ds-info-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n}\n.ds-info-icon { font-size: 2.5rem; margin-bottom: 12px; }\n.ds-info-card h3 { color: #002636; font-size: 1.05rem; margin: 0 0 8px; font-weight: 700; }\n.ds-info-card p { color: #555; font-size: 0.9rem; margin: 0; line-height: 1.5; }\n.ds-form-wrapper {\n    max-width: 480px;\n    margin: 0 auto 40px;\n    background: #fff;\n    border-radius: 16px;\n    padding: 44px 36px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    border-top: 4px solid #002636;\n}\n.ds-form-wrapper h2 { color: #002636; text-align: center; margin: 0 0 8px; font-size: 1.5rem; }\n.ds-form-wrapper > p { text-align: center; color: #666; margin: 0 0 28px; font-size: 0.95rem; }\n.ds-footer-note {\n    text-align: center; color: #999; font-size: 0.8rem;\n    max-width: 500px; margin: 0 auto; padding-top: 24px;\n}\n.ds-page-footer {\n    background: #002636; color: rgba(255,255,255,0.7);\n    text-align: center; padding: 20px 24px; font-size: 0.8rem;\n}\n.ds-page-footer a { color: #B2C9D1; text-decoration: none; }\n@media (max-width: 768px) {\n    .ds-anmeldung-hero { padding: 60px 20px; }\n    .ds-anmeldung-info { grid-template-columns: 1fr; gap: 16px; }\n    .ds-content { padding: 28px 16px 40px; }\n    .ds-form-wrapper { padding: 28px 20px; border-radius: 12px; }\n}\n@media (max-width: 380px) {\n    .ds-anmeldung-hero { padding: 40px 16px; }\n    .ds-badge { font-size: 0.75rem; padding: 6px 14px; }\n}\n<\/style>\n\n<div class=\"ds-page\">\n    <div class=\"ds-anmeldung-hero\">\n        <div class=\"ds-badge\">PRO AKUSTIK<\/div>\n        <h1>Online-Schulungen<\/h1>\n        <p>Absolvieren Sie Ihre Pflichtschulungen bequem online \u2014 jederzeit und von \u00fcberall.<\/p>\n    <\/div>\n\n    <div class=\"ds-content\">\n        <div class=\"ds-anmeldung-info\">\n            <div class=\"ds-info-card\">\n                <div class=\"ds-info-icon\">&#128218;<\/div>\n                <h3>Lernmaterial<\/h3>\n                <p>Verst\u00e4ndliche Inhalte mit Mindestlesezeit pro Seite<\/p>\n            <\/div>\n            <div class=\"ds-info-card\">\n                <div class=\"ds-info-icon\">&#9989;<\/div>\n                <h3>Quiz<\/h3>\n                <p>7 verschiedene Fragetypen pr\u00fcfen Ihr Wissen ab<\/p>\n            <\/div>\n            <div class=\"ds-info-card\">\n                <div class=\"ds-info-icon\">&#128196;<\/div>\n                <h3>Zertifikat<\/h3>\n                <p>Nach Bestehen erhalten Sie Ihr Zertifikat per E-Mail<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"ds-form-wrapper\">\n            <h2>Jetzt anmelden<\/h2>\n            <p>W\u00e4hlen Sie Ihre Schulung und erhalten Sie einen pers\u00f6nlichen Zugangslink.<\/p>\n            <div class=\"ds-schulung-container\">\n    <div class=\"ds-schulung-card ds-registrierung\">\n        <h2>Schulung starten<\/h2>\n        <p>Melden Sie sich an, um einen Zugangslink per E-Mail zu erhalten.<\/p>\n\n        <form id=\"ds-register-form\">\n            <div class=\"ds-form-row\">\n                <label for=\"ds-vorname\">Vorname *<\/label>\n                <input type=\"text\" id=\"ds-vorname\" name=\"vorname\" required>\n            <\/div>\n            <div class=\"ds-form-row\">\n                <label for=\"ds-nachname\">Nachname *<\/label>\n                <input type=\"text\" id=\"ds-nachname\" name=\"nachname\" required>\n            <\/div>\n            <div class=\"ds-form-row\">\n                <label for=\"ds-email\">E-Mail *<\/label>\n                <input type=\"email\" id=\"ds-email\" name=\"email\" required>\n            <\/div>\n            <div class=\"ds-form-row\">\n                <label for=\"ds-firma\">Firma<\/label>\n                <input type=\"text\" id=\"ds-firma\" name=\"firma\">\n            <\/div>\n                            <div class=\"ds-form-row\">\n                    <label for=\"ds-training\">Schulung w\u00e4hlen *<\/label>\n                    <select id=\"ds-training\" name=\"training_id\" required>\n                        <option value=\"\">\u2014 Bitte w\u00e4hlen \u2014<\/option>\n                                                <option value=\"2\">Datenschutz-Grundschulung<\/option>\n                                                <option value=\"3\">KI-Grundschulung<\/option>\n                                            <\/select>\n                <\/div>\n                        <!-- Honeypot -->\n            <div style=\"position:absolute;left:-9999px;\" aria-hidden=\"true\">\n                <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/div>\n            <div class=\"ds-form-row\">\n                <button type=\"submit\" class=\"ds-btn ds-btn-primary\" id=\"ds-register-submit\">Zugangslink anfordern<\/button>\n            <\/div>\n            <div id=\"ds-register-message\" style=\"display:none;\"><\/div>\n        <\/form>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    var form = document.getElementById('ds-register-form');\n    if (!form) return;\n    form.addEventListener('submit', function(e) {\n        e.preventDefault();\n        var btn = document.getElementById('ds-register-submit');\n        var msg = document.getElementById('ds-register-message');\n        btn.disabled = true;\n        btn.textContent = 'Wird gesendet...';\n        msg.style.display = 'none';\n        var fd = new FormData(form);\n        fd.append('action', 'ds_register');\n        fd.append('nonce', (typeof dsSchulung !== 'undefined') ? dsSchulung.nonce : '');\n        fetch((typeof dsSchulung !== 'undefined') ? dsSchulung.ajax_url : '\/wp-admin\/admin-ajax.php', { method: 'POST', body: fd })\n            .then(function(r) { return r.json(); })\n            .then(function(res) {\n                msg.style.display = 'block';\n                msg.className = res.success ? 'ds-message ds-message-success' : 'ds-message ds-message-error';\n                msg.textContent = res.data.message;\n                if (res.success) form.reset();\n                btn.disabled = false;\n                btn.textContent = 'Zugangslink anfordern';\n            })\n            .catch(function() {\n                msg.style.display = 'block';\n                msg.className = 'ds-message ds-message-error';\n                msg.textContent = 'Netzwerkfehler. Bitte versuchen Sie es erneut.';\n                btn.disabled = false;\n                btn.textContent = 'Zugangslink anfordern';\n            });\n    });\n})();\n<\/script>\n\n        <\/div>\n\n        <p class=\"ds-footer-note\">Ihre Daten werden ausschlie\u00dflich f\u00fcr die Schulungsdurchf\u00fchrung verwendet und nach Ablauf der Aufbewahrungsfrist gel\u00f6scht.<\/p>\n    <\/div>\n\n    <div class=\"ds-page-footer\">Pro Akustik &mdash; Schulungsportal<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PRO AKUSTIK Online-Schulungen Absolvieren Sie Ihre Pflichtschulungen bequem online \u2014 jederzeit und von \u00fcberall. &#128218; Lernmaterial Verst\u00e4ndliche Inhalte mit Mindestlesezeit pro Seite &#9989; Quiz 7 verschiedene Fragetypen pr\u00fcfen Ihr Wissen ab &#128196; Zertifikat Nach Bestehen erhalten Sie Ihr Zertifikat per E-Mail Jetzt anmelden W\u00e4hlen Sie Ihre Schulung und erhalten Sie einen pers\u00f6nlichen Zugangslink. Ihre Daten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=115"}],"version-history":[{"count":0,"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=\/wp\/v2\/pages\/115\/revisions"}],"wp:attachment":[{"href":"https:\/\/datenschutz.proakustik.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}