{"id":8682,"date":"2026-06-06T14:58:10","date_gmt":"2026-06-06T12:58:10","guid":{"rendered":"https:\/\/tierheim-flensburg.rundh.solutions\/?page_id=8682"},"modified":"2026-06-06T15:43:02","modified_gmt":"2026-06-06T13:43:02","slug":"veranstaltung-testseite","status":"publish","type":"page","link":"https:\/\/tierheim-flensburg.de\/index.php\/veranstaltung-testseite\/","title":{"rendered":"Veranstaltung Testseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8682\" class=\"elementor elementor-8682\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f7fac5 e-flex e-con-boxed e-con e-parent\" data-id=\"5f7fac5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f31bf7 elementor-widget elementor-widget-shortcode\" data-id=\"7f31bf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<style>\n\t\t.fsb-booking-form { width: 100%; background: #f9f9f9; padding: 25px; border-radius: 10px; border: 1px solid #ddd; box-sizing: border-box; font-family: sans-serif; }\n\t\t.fsb-form-row { display: flex; gap: 15px; margin-bottom: 15px; }\n\t\t.fsb-form-group { flex: 1; min-width: 0; }\n\t\t.fsb-booking-form label { display: block; font-weight: 600; margin-bottom: 8px; color: #333; }\n\t\t.fsb-booking-form input[type=\"text\"], \n\t\t.fsb-booking-form input[type=\"email\"], \n\t\t.fsb-booking-form input[type=\"tel\"], \n\t\t.fsb-booking-form select,\n\t\t.fsb-booking-form textarea { \n\t\t\twidth: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px; transition: border-color 0.2s;\n\t\t}\n\t\t.fsb-booking-form input:focus { border-color: #087228; outline: none; box-shadow: 0 0 0 2px #08722833; }\n\t\t\n\t\t\/* Validation Styling *\/\n\t\t.fsb-booking-form.was-validated input:invalid,\n\t\t.fsb-booking-form.was-validated textarea:invalid,\n\t\t.fsb-booking-form.was-validated select:invalid {\n\t\t\tborder-color: #dc3545 !important;\n\t\t\tbackground-color: #fff8f8;\n\t\t}\n\t\t.fsb-booking-form.was-validated .fsb-radio-group.is-invalid {\n\t\t\tpadding: 10px; border: 1px solid #dc3545; border-radius: 6px; background-color: #fff8f8;\n\t\t}\n\t\t.fsb-error-summary {\n\t\t\tbackground: #f8d7da; color: #721c24; padding: 15px 20px; border-radius: 8px; border: 1px solid #f5c6cb; margin-bottom: 25px; display: none;\n\t\t}\n\t\t.fsb-error-summary.show { display: block; animation: shake 0.5s; }\n\t\t@keyframes shake {\n\t\t\t0%, 100% { transform: translateX(0); }\n\t\t\t25% { transform: translateX(-5px); }\n\t\t\t75% { transform: translateX(5px); }\n\t\t}\n\n\t\t@media (max-width: 600px) {\n\t\t\t.fsb-form-row { flex-direction: column; gap: 15px; }\n\t\t\t.fsb-booking-form { padding: 15px; }\n\t\t\t.fsb-booking-form input, .fsb-booking-form button { font-size: 18px; } \/* Larger for better touch *\/\n\t\t}\n\t<\/style>\n\n\t<script>\n\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\tconst forms = document.querySelectorAll('.fsb-booking-form');\n\t\tforms.forEach(form => {\n\t\t\tconst errorSummary = document.createElement('div');\n\t\t\terrorSummary.className = 'fsb-error-summary';\n\t\t\terrorSummary.innerHTML = '<strong>Bitte pr\u00fcfen Sie Ihre Angaben:<\/strong> Einige Pflichtfelder fehlen oder sind fehlerhaft markiert.';\n\t\t\tform.parentNode.insertBefore(errorSummary, form);\n\n\t\t\tform.addEventListener('submit', function(event) {\n\t\t\t\tconst radioGroups = form.querySelectorAll('.fsb-radio-group');\n\t\t\t\tlet radioValid = true;\n\t\t\t\t\n\t\t\t\t\/\/ Validate radio groups manually for visual feedback\n\t\t\t\tradioGroups.forEach(group => {\n\t\t\t\t\tconst checked = group.querySelector('input[type=\"radio\"]:checked');\n\t\t\t\t\tif (group.querySelector('input[required]') && !checked) {\n\t\t\t\t\t\tgroup.classList.add('is-invalid');\n\t\t\t\t\t\tradioValid = false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tgroup.classList.remove('is-invalid');\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tif (!form.checkValidity() || !radioValid) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tform.classList.add('was-validated');\n\t\t\t\t\terrorSummary.classList.add('show');\n\t\t\t\t\t\n\t\t\t\t\tconst firstInvalid = form.querySelector(':invalid, .is-invalid');\n\t\t\t\t\tif (firstInvalid) {\n\t\t\t\t\t\tfirstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\t\t\t\t\t\t\/\/ If it's an input, focus it\n\t\t\t\t\t\tif (firstInvalid.tagName === 'INPUT' || firstInvalid.tagName === 'TEXTAREA') {\n\t\t\t\t\t\t\tfirstInvalid.focus({preventScroll: true});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ Remove error styling on input\n\t\t\tform.querySelectorAll('input, textarea, select').forEach(el => {\n\t\t\t\tel.addEventListener('input', () => {\n\t\t\t\t\tif (form.classList.contains('was-validated')) {\n\t\t\t\t\t\tif (form.checkValidity()) {\n\t\t\t\t\t\t\t\/\/ Check if all radios are also valid\n\t\t\t\t\t\t\tconst anyInvalidRadio = form.querySelector('.fsb-radio-group.is-invalid');\n\t\t\t\t\t\t\tif (!anyInvalidRadio) errorSummary.classList.remove('show');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\tform.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\n\t\t\t\tradio.addEventListener('change', () => {\n\t\t\t\t\tconst group = radio.closest('.fsb-radio-group');\n\t\t\t\t\tif (group) group.classList.remove('is-invalid');\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t});\n\t<\/script>\n\n\t<div class=\"fsb-event-header\" style=\"width:100%;box-sizing:border-box;margin-left:0;margin-right:0;background:#f0f0f0;padding:20px;border-radius:8px;border:none;margin-bottom:20px;\"><h2 style=\"margin:0 0 10px 0;\">Testveranstaltung<\/h2><strong>Wann:<\/strong> 06.06.2026 15:32 Uhr bis 06.06.2026 18:32 Uhr<br><strong>Ort:<\/strong> Tierheim Flensburg<br><strong>Freie Pl\u00e4tze:<\/strong> 12 von 12<\/div>\t\t<form action=\"\" method=\"post\" class=\"fsb-booking-form\" novalidate>\n\t\t\t<input type=\"hidden\" id=\"fsb_booking_nonce\" name=\"fsb_booking_nonce\" value=\"1aab410231\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/8682\" \/>\n\t\t\t\t\t\t\t\t<div style=\"margin-bottom:20px;\">\n\t\t\t\t\t\t<label>Vorkenntnisse im Bereich Hunde *<\/label>\n\t\t\t\t\t\t<div class=\"fsb-radio-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label style=\"display:block; font-weight:normal; margin-bottom:5px;\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"custom_q1\" value=\"Ich hatte mal einen Hund\" required> Ich hatte mal einen Hund\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label style=\"display:block; font-weight:normal; margin-bottom:5px;\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"custom_q1\" value=\"Ich bin Hundepsychologe\" required> Ich bin Hundepsychologe\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label style=\"display:block; font-weight:normal; margin-bottom:5px;\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"custom_q1\" value=\"Ich habe keine Ahnung was ich hier mache\" required> Ich habe keine Ahnung was ich hier mache\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"margin-bottom:20px;\">\n\t\t\t\t\t\t<label>Warum melden Sie sich an *<\/label>\n\t\t\t\t\t\t<div class=\"fsb-radio-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label style=\"display:block; font-weight:normal; margin-bottom:5px;\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"custom_q2\" value=\"zu viel Zeit\" required> zu viel Zeit\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label style=\"display:block; font-weight:normal; margin-bottom:5px;\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"custom_q2\" value=\"Wissen erweitern\" required> Wissen erweitern\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t<div class=\"fsb-form-row\">\n\t\t\t\t<div class=\"fsb-form-group\"><label>Vorname Teilnehmer *<\/label><input type=\"text\" name=\"guardian_firstname\" required><\/div>\n\t\t\t\t<div class=\"fsb-form-group\"><label>Nachname Teilnehmer *<\/label><input type=\"text\" name=\"guardian_lastname\" required><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"fsb-form-row\" style=\"display:flex; gap:15px;\">\n\t\t\t\t<div style=\"flex:3;\"><label>Stra\u00dfe *<\/label><input type=\"text\" name=\"street\" required><\/div>\n\t\t\t\t<div style=\"flex:1;\"><label>Hausnr. *<\/label><input type=\"text\" name=\"house_number\" required><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"fsb-form-row\">\n\t\t\t\t<div class=\"fsb-form-group\" style=\"flex:1;\"><label>PLZ *<\/label><input type=\"text\" name=\"zip\" required><\/div>\n\t\t\t\t<div class=\"fsb-form-group\" style=\"flex:2;\"><label>Ort *<\/label><input type=\"text\" name=\"city\" required><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"fsb-form-row\">\n\t\t\t\t<div class=\"fsb-form-group\"><label>E-Mail *<\/label><input type=\"email\" name=\"parent_email\" required><\/div>\n\t\t\t\t<div class=\"fsb-form-group\"><label>Telefon (Notfall) *<\/label><input type=\"tel\" name=\"parent_phone\" required><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"fsb-form-row\">\n\t\t\t\t\t<div class=\"fsb-form-group\"><label>Geburtsdatum *<\/label><input type=\"text\" name=\"child_birthdate\" placeholder=\"TT.MM.JJJJ\" pattern=\"\\d{2}\\.\\d{2}\\.\\d{4}\" title=\"Bitte im Format TT.MM.JJJJ angeben\" required><\/div>\n\t\t\t\t\t<div class=\"fsb-form-group\"><label>Geschlecht *<\/label>\n\t\t\t\t\t\t<div class=\"fsb-radio-group\">\n\t\t\t\t\t\t\t<label style=\"display:inline-block; font-weight:normal; margin-right:10px;\"><input type=\"radio\" name=\"child_gender\" value=\"m\u00e4nnlich\" required> m\u00e4nnlich<\/label>\n\t\t\t\t\t\t\t<label style=\"display:inline-block; font-weight:normal; margin-right:10px;\"><input type=\"radio\" name=\"child_gender\" value=\"weiblich\"> weiblich<\/label>\n\t\t\t\t\t\t\t<label style=\"display:inline-block; font-weight:normal; margin-right:10px;\"><input type=\"radio\" name=\"child_gender\" value=\"divers\"> divers<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<p><label>Besonderheiten<\/label><textarea name=\"special_needs\" rows=\"3\"><\/textarea><\/p>\n\t\t\t<p style=\"margin-top:30px;\"><input type=\"submit\" name=\"fsb_submit_booking\" value=\"Jetzt verbindlich anmelden\" style=\"background:#0073aa;color:#fff;padding:15px 20px;border:none;border-radius:6px;cursor:pointer;width:100%;font-weight:bold;font-size:18px;box-shadow:0 2px 4px rgba(0,0,0,0.1);\"><\/p>\n\t\t<\/form>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-8682","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-09-01 00:27:49","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/pages\/8682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/comments?post=8682"}],"version-history":[{"count":7,"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/pages\/8682\/revisions"}],"predecessor-version":[{"id":8693,"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/pages\/8682\/revisions\/8693"}],"wp:attachment":[{"href":"https:\/\/tierheim-flensburg.de\/index.php\/wp-json\/wp\/v2\/media?parent=8682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}