{"id":137,"date":"2025-11-27T14:59:17","date_gmt":"2025-11-27T13:59:17","guid":{"rendered":"https:\/\/wordpress.mykissing.de\/?page_id=137"},"modified":"2025-11-27T18:22:22","modified_gmt":"2025-11-27T17:22:22","slug":"susporter","status":"publish","type":"page","link":"https:\/\/wordpress.mykissing.de\/index.php\/susporter\/","title":{"rendered":"SuSPorter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"137\" class=\"elementor elementor-137\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a00e043 e-con-full e-flex e-con e-parent\" data-id=\"a00e043\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-889f9df elementor-widget elementor-widget-shortcode\" data-id=\"889f9df\" 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\">    <div class=\"susporter-container\">\n        <div class=\"susporter-legend\">\n            <div class=\"legend-item\">\n                <span class=\"legend-color\" style=\"background: #ffffff; border: 1px solid #ddd;\"><\/span> \n                <span>Frei<\/span>\n            <\/div>\n            <div class=\"legend-item\">\n                <span class=\"legend-color\" style=\"background: #008135;\"><\/span>\n                <span>Belegt<\/span>\n            <\/div>\n            <div class=\"legend-item\">\n                <span class=\"legend-color\" style=\"background: #FFC107;\"><\/span>\n                <span>Reserviert (Neu)<\/span>\n            <\/div>\n            <div class=\"legend-item\">\n                <span class=\"legend-color\" style=\"background: #FF9800;\"><\/span>\n                <span>Reserviert (Verl\u00e4ngerung)<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"susporter-grid\">\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"1\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <span class=\"field-content\">G\u00fcnni Nr. 1<\/span>\n                                        \n                                            <div class=\"field-tooltip\">\n                            G\u00fcnni Nr. 1                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"2\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">2<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"3\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <span class=\"field-content\">Big Joe<\/span>\n                                        \n                                            <div class=\"field-tooltip\">\n                            Big Joe                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"4\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/wordpress.mykissing.de\/wp-content\/uploads\/2025\/11\/SuSPorter_Test-Harzpot150x150.png\" \n                             alt=\"Harzpott.de\"\n                             class=\"\">\n                                        \n                                            <div class=\"field-tooltip\">\n                            Harzpott.de                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"5\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <span class=\"field-content\">TEST!<\/span>\n                                        \n                                            <div class=\"field-tooltip\">\n                            TEST!                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"6\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">6<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"7\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <span class=\"field-content\">Test123456<\/span>\n                                        \n                                            <div class=\"field-tooltip\">\n                            Test123456                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"8\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">8<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"9\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">9<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"10\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">10<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"11\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <span class=\"field-content\">G\u00fcnni Bester<\/span>\n                                        \n                                            <div class=\"field-tooltip\">\n                            G\u00fcnni Bester                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"12\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">12<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"13\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">13<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"14\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">14<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"15\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">15<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"16\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">16<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"17\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">17<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"18\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">18<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"19\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">19<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"20\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">20<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"21\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">21<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"22\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">22<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"23\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">23<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"24\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">24<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"25\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">25<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"26\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">26<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"27\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">27<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"28\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">28<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"29\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">29<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"30\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">30<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"31\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">31<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"32\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">32<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"33\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">33<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"34\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">34<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"35\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">35<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"36\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">36<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"37\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">37<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"38\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">38<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"39\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">39<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"40\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">40<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-belegt  \" \n                     data-field=\"41\"\n                     data-status=\"belegt\">\n                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/wordpress.mykissing.de\/wp-content\/uploads\/2025\/11\/SuSPorter_Test-Entdecker150x150.png\" \n                             alt=\"die kl. Entdecker\"\n                             class=\"\">\n                                        \n                                            <div class=\"field-tooltip\">\n                            die kl. Entdecker                                                    <\/div>\n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"42\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">42<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"43\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">43<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"44\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">44<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"45\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">45<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"46\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">46<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"47\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">47<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"48\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">48<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"49\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">49<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"50\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">50<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"51\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">51<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"52\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">52<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"53\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">53<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"54\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">54<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"55\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">55<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"56\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">56<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"57\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">57<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"58\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">58<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"59\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">59<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"60\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">60<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"61\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">61<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"62\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">62<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"63\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">63<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"64\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">64<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"65\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">65<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"66\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">66<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"67\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">67<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"68\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">68<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"69\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">69<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"70\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">70<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"71\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">71<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"72\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">72<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"73\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">73<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"74\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">74<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"75\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">75<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"76\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">76<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"77\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">77<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"78\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">78<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"79\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">79<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"80\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">80<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"81\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">81<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"82\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">82<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"83\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">83<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"84\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">84<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"85\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">85<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"86\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">86<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"87\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">87<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"88\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">88<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"89\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">89<\/span>\n                                        \n                                    <\/div>\n                                            <div class=\"susporter-field field-frei clickable \" \n                     data-field=\"90\"\n                     data-status=\"frei\">\n                    \n                                        \n                                            <span class=\"field-content\">90<\/span>\n                                        \n                                    <\/div>\n                    <\/div>\n        \n        <!-- Modal f\u00fcr Reservierung -->\n        <div id=\"susporter-modal\" class=\"susporter-modal\" style=\"display:none;\">\n            <div class=\"modal-content\">\n                <span class=\"modal-close\">&times;<\/span>\n                <h2>SuSPorter werden<\/h2>\n                <p>Feld Nr. <strong id=\"modal-field-number\"><\/strong><\/p>\n                \n                <form id=\"susporter-reservation-form\">\n                    <input type=\"hidden\" name=\"action\" value=\"susporter_reserve_field\">\n                    <input type=\"hidden\" name=\"field_number\" id=\"field_number_input\">\n                    <input type=\"hidden\" name=\"nonce\" value=\"e1e27d527f\">\n                    \n                    <div class=\"form-group\">\n                        <label for=\"user_email\">E-Mail-Adresse *<\/label>\n                        <input type=\"email\" name=\"user_email\" id=\"user_email\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"display_name\">Anzeigename (max. 25 Zeichen) *<\/label>\n                        <input type=\"text\" name=\"display_name\" id=\"display_name\" maxlength=\"25\" required>\n                        <small>Dieser Name erscheint auf deinem Feld<\/small>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>\n                            <input type=\"checkbox\" name=\"privacy_accepted\" required>\n                            Ich akzeptiere die <a href=\"\/datenschutz\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a> *\n                        <\/label>\n                    <\/div>\n                    \n                    <button type=\"submit\" class=\"btn-submit\">Reservierung starten<\/button>\n                    <div class=\"form-message\" style=\"display:none;\"><\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <style>\n        \/* ========================================\n           SUSPORTER - VOLLAUTOMATISCHES RESPONSIVE DESIGN\n           Desktop + Mobile mit feinen Breakpoints\n           ======================================== *\/\n        \n        \/* BASIS - F\u00fcr alle Ger\u00e4te *\/\n        .susporter-container {\n            max-width: clamp(1200px, 85vw, 1600px);\n            margin: 20px auto;\n            padding: clamp(15px, 2vw, 35px);\n            padding-bottom: clamp(30px, 5vh, 60px);\n            background: rgba(23, 23, 23, 0.40);\n            border-radius: clamp(8px, 1vw, 15px);\n            box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n            overflow: visible;\n        }\n        \n        \/* Legende - Handball-Stil *\/\n        .susporter-legend {\n            display: flex;\n            flex-wrap: wrap;\n            gap: clamp(15px, 2vw, 25px);\n            margin-bottom: clamp(15px, 2vh, 25px);\n            padding: clamp(12px, 1.5vw, 20px);\n            background: #171717;\n            border-radius: clamp(6px, 0.8vw, 10px);\n        }\n        \n        .legend-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: clamp(13px, 1.2vw, 16px);\n            color: white;\n            font-weight: 500;\n        }\n        \n        .legend-color {\n            width: clamp(25px, 2.5vw, 35px);\n            height: clamp(25px, 2.5vw, 35px);\n            border-radius: 4px;\n        }\n        \n        \/* Grid - Dynamisch aus Einstellungen *\/\n        .susporter-grid {\n            display: grid;\n            grid-template-columns: repeat(10, 1fr);\n            gap: max(8px, 8px);\n            margin-bottom: clamp(20px, 3vh, 40px);\n        }\n        \n        \/* Einzelne Felder - VOLLAUTOMATISCH *\/\n        .susporter-field {\n            aspect-ratio: 1 !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: max(2px, 0.2vw) solid rgba(255, 255, 255, 0.45);\n            border-radius: clamp(6px, 0.8vw, 12px);\n            font-weight: bold;\n            font-size: clamp(14px, 16px, 24px);\n            position: relative;\n            transition: all 0.3s ease;\n            box-shadow: 0 max(2px, 0.3vw) max(4px, 0.8vw) rgba(0,0,0,0.15);\n            text-align: center;\n        }\n        \n        \/* Schwebender Effekt *\/\n        .susporter-field:hover {\n            transform: translateY(max(-3px, -0.4vw));\n            box-shadow: 0 max(4px, 0.6vw) max(8px, 1.2vw) rgba(0,0,0,0.25);\n        }\n        \n        \/* Inhalt zentrieren *\/\n        .susporter-field .field-content {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            padding: clamp(4px, 1vw, 10px);\n        }\n        \n        \/* IN MEMORIAM BADGE *\/\n        .memoriam-badge {\n            position: absolute;\n            top: max(4px, 0.5vw);\n            left: 50%;\n            transform: translateX(-50%);\n            background: linear-gradient(135deg, #555 0%, #333 100%);\n            color: white;\n            font-size: clamp(7px, 0.8vw, 11px);\n            font-weight: 600;\n            padding: clamp(2px, 0.4vw, 5px) clamp(4px, 0.8vw, 10px);\n            border-radius: clamp(6px, 1vw, 12px);\n            z-index: 10;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.3);\n            white-space: nowrap;\n            letter-spacing: 0.3px;\n        }\n        \n        \/* IN MEMORIAM FELD STYLING *\/\n        .memoriam-field {\n            background: linear-gradient(135deg, #6a6a6a 0%, #4a4a4a 100%) !important;\n            border: max(2px, 0.2vw) solid #555 !important;\n        }\n        \n        .memoriam-field .field-content {\n            color: white !important;\n            opacity: 0.95;\n            font-weight: 600;\n            text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n        }\n        \n        \/* IN MEMORIAM LOGO (Graustufen + heller) *\/\n        .memoriam-logo {\n            filter: grayscale(100%) brightness(1.2);\n            opacity: 0.85;\n        }\n        \n        \/* Freie Felder *\/\n        .susporter-field.field-frei {\n            background: #ffffff;\n            cursor: pointer;\n            color: #333;\n        }\n        \n        .susporter-field.field-frei:hover {\n            background: #e8f5e9;\n            border-color: #008135;\n            transform: translateY(max(-5px, -0.6vw)) scale(1.02);\n            box-shadow: 0 max(6px, 1vw) max(12px, 2vw) rgba(0,0,0,0.3);\n        }\n        \n        \/* Belegte Felder *\/\n        .susporter-field.field-belegt {\n            background: #008135;\n            color: white;\n            font-size: clamp(12px, 14px, 20px);\n        }\n        \n        \/* Reserviert-Neu *\/\n        .susporter-field.field-reserviert_neu {\n            background: #FFC107;\n            color: #333;\n        }\n        \n        \/* Reserviert-Verl\u00e4ngerung *\/\n        .susporter-field.field-reserviert_verl {\n            background: #FF9800;\n            color: white;\n        }\n        \n        \/* Logo in Feld - ZENTRIERT *\/\n        .susporter-field img {\n            max-width: 80%;\n            max-height: 80%;\n            object-fit: contain;\n            display: block;\n            margin: auto;\n        }\n        \n        \/* Tooltip *\/\n        .field-tooltip {\n            position: absolute;\n            bottom: 110%;\n            left: 50%;\n            transform: translateX(-50%);\n            background: rgba(0,0,0,0.9);\n            color: white;\n            padding: clamp(6px, 0.8vw, 12px) clamp(8px, 1vw, 16px);\n            border-radius: clamp(4px, 0.6vw, 8px);\n            font-size: clamp(11px, 1vw, 14px);\n            white-space: nowrap;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.2s;\n            z-index: 100;\n        }\n        \n        .susporter-field:hover .field-tooltip {\n            opacity: 1;\n        }\n        \n        .field-tooltip::after {\n            content: '';\n            position: absolute;\n            top: 100%;\n            left: 50%;\n            transform: translateX(-50%);\n            border: 5px solid transparent;\n            border-top-color: rgba(0,0,0,0.9);\n        }\n        \n        \/* Modal - Auch responsive *\/\n        .susporter-modal {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.7);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 10000;\n            padding: clamp(15px, 3vw, 30px);\n        }\n        \n        .modal-content {\n            background: white;\n            padding: clamp(20px, 3vw, 40px);\n            border-radius: clamp(8px, 1.2vw, 16px);\n            max-width: clamp(400px, 80vw, 600px);\n            width: 90%;\n            position: relative;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n            animation: slideUp 0.3s ease;\n        }\n        \n        @keyframes slideUp {\n            from {\n                transform: translateY(50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n        \n        .modal-close {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            font-size: clamp(24px, 3vw, 32px);\n            color: #aaa;\n            cursor: pointer;\n            line-height: 1;\n        }\n        \n        .modal-close:hover {\n            color: #333;\n        }\n        \n        .modal-content h2 {\n            margin-top: 0;\n            font-size: clamp(20px, 2.5vw, 28px);\n            color: #008135;\n            border-bottom: 3px solid #008135;\n            padding-bottom: 10px;\n        }\n        \n        \/* Formular *\/\n        .form-group {\n            margin-bottom: clamp(15px, 2vh, 25px);\n        }\n        \n        .form-group label {\n            display: block;\n            margin-bottom: 5px;\n            font-weight: 600;\n            font-size: clamp(13px, 1.2vw, 16px);\n            color: #333;\n        }\n        \n        .form-group input[type=\"email\"],\n        .form-group input[type=\"text\"] {\n            width: 100%;\n            padding: clamp(8px, 1vw, 12px);\n            border: 2px solid #ddd;\n            border-radius: clamp(4px, 0.6vw, 8px);\n            font-size: clamp(13px, 1.2vw, 16px);\n            transition: border-color 0.2s;\n        }\n        \n        .form-group input:focus {\n            outline: none;\n            border-color: #008135;\n        }\n        \n        .form-group small {\n            display: block;\n            margin-top: 5px;\n            color: #666;\n            font-size: clamp(11px, 1vw, 13px);\n        }\n        \n        .btn-submit {\n            width: 100%;\n            padding: clamp(10px, 1.5vw, 15px);\n            background: #008135;\n            color: white;\n            border: none;\n            border-radius: clamp(6px, 0.8vw, 10px);\n            font-size: clamp(14px, 1.5vw, 18px);\n            font-weight: 600;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        \n        .btn-submit:hover {\n            background: #006629;\n        }\n        \n        .btn-submit:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n        }\n        \n        .form-message {\n            margin-top: 15px;\n            padding: clamp(10px, 1.2vw, 15px);\n            border-radius: clamp(4px, 0.6vw, 8px);\n            font-size: clamp(13px, 1.2vw, 15px);\n        }\n        \n        .form-message.success {\n            background: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n        }\n        \n        .form-message.error {\n            background: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n        }\n        \n        \/* ========================================\n           RESPONSIVE - FEIN ABGESTUFT F\u00dcR ALLE GER\u00c4TE\n           ======================================== *\/\n        \n        \/* Desktop XL - Gro\u00dfe Monitore (> 1400px) *\/\n        @media (min-width: 1401px) {\n            .susporter-container {\n                max-width: 1600px;\n                padding: 35px;\n                padding-bottom: 50px;\n            }\n        }\n        \n        \/* Desktop Standard (1024px - 1400px) *\/\n        @media (max-width: 1400px) and (min-width: 1024px) {\n            .susporter-container {\n                max-width: 1200px;\n                padding: 30px;\n                padding-bottom: 50px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(10, 1fr);\n                gap: clamp(10px, 1vw, 15px);\n            }\n            \n            .susporter-field {\n                font-size: clamp(14px, 1.5vw, 18px);\n            }\n        }\n        \n        \/* Tablet Querformat - z.B. iPad quer (769-1023px) *\/\n        @media (max-width: 1023px) and (min-width: 769px) {\n            .susporter-container {\n                max-width: 95%;\n                padding: 25px;\n                padding-bottom: 50px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(8, 1fr);\n                gap: clamp(8px, 1.5vw, 12px);\n            }\n            \n            .susporter-field {\n                font-size: clamp(13px, 2vw, 16px);\n            }\n            \n            .legend-item {\n                font-size: 13px;\n            }\n            \n            .memoriam-badge {\n                font-size: 7px;\n            }\n        }\n        \n        \/* Tablet Hochformat - iPad hoch (481-768px) *\/\n        @media (max-width: 768px) and (min-width: 481px) {\n            .susporter-container {\n                padding: 20px;\n                padding-bottom: 60px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(5, 1fr);\n                gap: clamp(8px, 2vw, 12px);\n            }\n            \n            .susporter-field {\n                font-size: clamp(14px, 3vw, 17px);\n            }\n            \n            .legend-item {\n                font-size: 12px;\n            }\n            \n            .memoriam-badge {\n                font-size: 7px;\n                padding: 2px 5px;\n            }\n        }\n        \n        \/* Smartphone Querformat - iPhone quer (376-480px) *\/\n        @media (max-width: 480px) and (min-width: 376px) {\n            .susporter-container {\n                padding: 15px;\n                padding-bottom: 70px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(4, 1fr);\n                gap: clamp(6px, 2vw, 10px);\n            }\n            \n            .susporter-field {\n                font-size: clamp(13px, 4vw, 16px);\n            }\n            \n            .legend-item {\n                font-size: 11px;\n            }\n            \n            .memoriam-badge {\n                font-size: 6px;\n                padding: 2px 4px;\n            }\n        }\n        \n        \/* Smartphone Hochformat - iPhone hoch (< 375px) *\/\n        @media (max-width: 375px) {\n            .susporter-container {\n                padding: 12px;\n                padding-bottom: 60px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: clamp(5px, 1.5vw, 8px);\n            }\n            \n            .susporter-field {\n                font-size: clamp(12px, 4vw, 15px);\n                border-width: 1px;\n            }\n            \n            .legend-item {\n                font-size: 10px;\n            }\n            \n            .legend-color {\n                width: 20px;\n                height: 20px;\n            }\n            \n            .memoriam-badge {\n                font-size: 5px;\n                padding: 1px 3px;\n            }\n        }\n        \n        \/* LANDSCAPE (Querformat) - Spezial-Behandlung f\u00fcr alle Querformat-Ger\u00e4te *\/\n        @media (max-width: 900px) and (orientation: landscape) {\n            .susporter-container {\n                padding: 15px;\n                padding-bottom: 40px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(6, 1fr) !important;\n                gap: 10px;\n            }\n            \n            .susporter-field {\n                font-size: clamp(11px, 2vw, 14px);\n            }\n            \n            .legend-item {\n                font-size: 11px;\n            }\n            \n            .memoriam-badge {\n                font-size: 6px;\n            }\n        }\n    \n    \n        <style id=\"susporter-dynamic-css\">\n        \/* ========================================\n           DYNAMISCHES DESIGN-SYSTEM\n           Automatisch generiert aus Backend-Einstellungen\n           ======================================== *\/\n        \n        \/* Container *\/\n        .susporter-container {\n            max-width: 1600px;\n            margin: 20px auto;\n            padding: 35px;\n            padding-bottom: 50px;\n            background: rgba(23, 23, 23, 0.85);\n            border-radius: 10px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n            overflow: visible;\n        }\n        \n        \/* Legende *\/\n        .susporter-legend {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 20px;\n            padding: 15px;\n            background: #171717;\n            border-radius: 8px;\n        }\n        \n        .legend-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 14px;\n            font-weight: 500;\n            color: white;\n        }\n        \n        .legend-color {\n            width: 30px;\n            height: 30px;\n            border-radius: 4px;\n        }\n        \n        \/* Grid *\/\n        .susporter-grid {\n            display: grid;\n            grid-template-columns: repeat(11, 1fr);\n            gap: 8px;\n            margin-bottom: 30px;\n        }\n        \n        \/* Felder *\/\n        .susporter-field {\n            aspect-ratio: 1 !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 2px solid rgba(255, 255, 255, 0.45);\n            border-radius: 8px;\n            font-weight: 700;\n            font-size: 16px;\n            position: relative;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n            text-align: center;\n        }\n        \n        .susporter-field:hover {\n            transform: translateY(-5px) scale(1.02);\n            box-shadow: 0 6px 12px rgba(0,0,0,0.25);\n        }\n        \n        .susporter-field .field-content {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            padding: 5px;\n        }\n        \n        \/* Feld-Status *\/\n        .susporter-field.field-frei {\n            background: #ffffff;\n            color: #333333;\n            cursor: pointer;\n        }\n        \n        .susporter-field.field-frei:hover {\n            background: #e8f5e9;\n            border-color: #008135;\n        }\n        \n        .susporter-field.field-belegt {\n            background: #008135;\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: 700;\n        }\n        \n        .susporter-field.field-reserviert_neu {\n            background: #FFC107;\n            color: #333333;\n        }\n        \n        .susporter-field.field-reserviert_verl {\n            background: #FF9800;\n            color: #ffffff;\n        }\n        \n        \/* In Memoriam Badge *\/\n        .memoriam-badge {\n            position: absolute;\n            top: 4px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #555555;\n            color: #ffffff;\n            font-size: 9px;\n            font-weight: 600;\n            padding: 3px 8px;\n            border-radius: 10px;\n            z-index: 10;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.3);\n            white-space: nowrap;\n        }\n        \n        \/* In Memoriam Feld *\/\n        .memoriam-field {\n            background: linear-gradient(135deg, #6a6a6a 0%, #545454 100%) !important;\n            border-color: #555555 !important;\n        }\n        \n        .memoriam-field .field-content {\n            color: #ffffff !important;\n        }\n        \n        \/* In Memoriam Logo *\/\n        .memoriam-logo {\n            filter: grayscale(100%) brightness(120%);\n            opacity: 0.85;\n        }\n        \n        \/* Logo in Feld *\/\n        .susporter-field img {\n            max-width: 80%;\n            max-height: 80%;\n            object-fit: contain;\n            display: block;\n            margin: auto;\n        }\n        \n        \/* Tooltip *\/\n        .field-tooltip {\n            position: absolute;\n            bottom: 110%;\n            left: 50%;\n            transform: translateX(-50%);\n            background: rgba(0,0,0,0.9);\n            color: white;\n            padding: 8px 12px;\n            border-radius: 6px;\n            font-size: 12px;\n            white-space: nowrap;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.2s;\n            z-index: 100;\n        }\n        \n        .susporter-field:hover .field-tooltip {\n            opacity: 1;\n        }\n        \n        .field-tooltip::after {\n            content: '';\n            position: absolute;\n            top: 100%;\n            left: 50%;\n            transform: translateX(-50%);\n            border: 5px solid transparent;\n            border-top-color: rgba(0,0,0,0.9);\n        }\n        \n        \/* ========================================\n           RESPONSIVE BREAKPOINTS\n           ======================================== *\/\n        \n        \/* Desktop (1024-1400px) *\/\n        @media (max-width: 1400px) and (min-width: 1024px) {\n            .susporter-grid {\n                grid-template-columns: repeat(10, 1fr);\n                gap: 8px;\n            }\n        }\n        \n        \/* Tablet Landscape (769-1023px) *\/\n        @media (max-width: 1023px) and (min-width: 769px) {\n            .susporter-container {\n                padding: 25px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(8, 1fr);\n                gap: 8px;\n            }\n            \n            .susporter-field {\n                font-size: 14px;\n            }\n            \n            .susporter-field.field-belegt {\n                font-size: 12px;\n            }\n            \n            .legend-item {\n                font-size: 11px;\n            }\n        }\n        \n        \/* Tablet Portrait (481-768px) *\/\n        @media (max-width: 768px) and (min-width: 481px) {\n            .susporter-container {\n                padding: 25px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(5, 1fr);\n                gap: 8px;\n            }\n            \n            .susporter-field {\n                font-size: 14px;\n            }\n            \n            .susporter-field.field-belegt {\n                font-size: 12px;\n            }\n        }\n        \n        \/* Phone Landscape (376-480px) *\/\n        @media (max-width: 480px) and (min-width: 376px) {\n            .susporter-container {\n                padding: 15px;\n                padding-bottom: 70px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 5px;\n            }\n            \n            .susporter-field {\n                font-size: 13px;\n            }\n            \n            .susporter-field.field-belegt {\n                font-size: 12px;\n            }\n            \n            .legend-item {\n                font-size: 11px;\n            }\n            \n            .legend-color {\n                width: 20px;\n                height: 20px;\n            }\n        }\n        \n        \/* Phone Portrait (<375px) *\/\n        @media (max-width: 375px) {\n            .susporter-container {\n                padding: 15px;\n                padding-bottom: 70px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 5px;\n            }\n            \n            .susporter-field {\n                font-size: 13px;\n                border-width: 1px;\n            }\n            \n            .susporter-field.field-belegt {\n                font-size: 12px;\n            }\n        }\n        \n        \/* Landscape Special (<900px) *\/\n        @media (max-width: 900px) and (orientation: landscape) {\n            .susporter-container {\n                padding: 15px;\n                padding-bottom: 40px;\n            }\n            \n            .susporter-grid {\n                grid-template-columns: repeat(6, 1fr) !important;\n                gap: 5px;\n            }\n            \n            .susporter-field {\n                font-size: 13px;\n            }\n        }\n        \n            <\/style>\n        <\/style>\n    \n    <script>\n    jQuery(document).ready(function($) {\n        \/\/ Modal \u00f6ffnen bei Klick auf freies Feld\n        $('.susporter-field.clickable').on('click', function() {\n            const fieldNumber = $(this).data('field');\n            $('#modal-field-number').text(fieldNumber);\n            $('#field_number_input').val(fieldNumber);\n            $('#susporter-modal').fadeIn(300);\n        });\n        \n        \/\/ Modal schlie\u00dfen\n        $('.modal-close, .susporter-modal').on('click', function(e) {\n            if (e.target === this) {\n                $('#susporter-modal').fadeOut(300);\n            }\n        });\n        \n        \/\/ Formular absenden\n        $('#susporter-reservation-form').on('submit', function(e) {\n            e.preventDefault();\n            \n            const $form = $(this);\n            const $button = $form.find('.btn-submit');\n            const $message = $form.find('.form-message');\n            \n            $button.prop('disabled', true).text('Wird gesendet...');\n            $message.hide();\n            \n            $.ajax({\n                url: 'https:\/\/wordpress.mykissing.de\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: $form.serialize(),\n                success: function(response) {\n                    if (response.success) {\n                        $message.removeClass('error').addClass('success')\n                            .html('\u2705 ' + response.data.message).fadeIn();\n                        \n                        setTimeout(function() {\n                            $('#susporter-modal').fadeOut(300);\n                            location.reload();\n                        }, 2000);\n                    } else {\n                        $message.removeClass('success').addClass('error')\n                            .html('\u274c ' + response.data.message).fadeIn();\n                        $button.prop('disabled', false).text('Reservierung starten');\n                    }\n                },\n                error: function() {\n                    $message.removeClass('success').addClass('error')\n                        .html('\u274c Ein Fehler ist aufgetreten. Bitte versuche es erneut.').fadeIn();\n                    $button.prop('disabled', false).text('Reservierung starten');\n                }\n            });\n        });\n    });\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/pages\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":7,"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/wordpress.mykissing.de\/index.php\/wp-json\/wp\/v2\/media?parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}