FAQ Accordion - Camping Maisonneuve<\/title>\n \n<\/head>\n<body>\n \n <div class=\"faq-container\">\n \n <h2 class=\"faq-title\" id=\"faq-section\">Diensten en Faciliteiten<\/h2>\n <p class=\"faq-subtitle\">Ontdek alle <strong>diensten<\/strong> en <strong>faciliteiten<\/strong> beschikbaar bij <strong>Camping Maisonneuve<\/strong> voor een <strong>comfortabel<\/strong> verblijf in het hart van de <strong>Zwarte P\u00e9rigord<\/strong><\/p>\n\n \n \n \n <div class=\"faq-item\" id=\"faq10\" aria-expanded=\"true\">\n <button class=\"faq-question\" aria-controls=\"answer-faq10\" aria-expanded=\"true\">\n <h3 id=\"question-faq10\">Is er een <strong>Wi-Fi<\/strong> verbinding op de camping?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq10\" aria-labelledby=\"question-faq10\">\n <div class=\"faq-answer-content\">\n <p>Ja, natuurlijk! U heeft toegang tot <strong>Wi-Fi<\/strong> op de hele <strong>camping<\/strong>. Het is handig om verbonden te blijven, uw foto's van <strong>vakantie in de Dordogne<\/strong> te delen of uw volgende bezoeken in de <strong>Zwarte P\u00e9rigord<\/strong> voor te bereiden. Veel van onze reizigers waarderen het om hun <strong>wandelingen<\/strong> of <strong>culturele uitstapjes<\/strong> direct vanaf hun smartphone te organiseren.<\/p>\n <p class=\"faq-expertise\">We hebben onze <strong>diensten<\/strong> in de loop der decennia weten te moderniseren om aan de huidige behoeften te voldoen, terwijl we ervoor zorgen dat technologie een discreet hulpmiddel blijft voor uw ontspanning.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq11\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq11\" aria-expanded=\"false\">\n <h3 id=\"question-faq11\">Heeft u een <strong>zwembad<\/strong>?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq11\" aria-labelledby=\"question-faq11\" hidden>\n <div class=\"faq-answer-content\">\n <p>Absoluut! Ons <strong>verwarmde zwembad<\/strong> en de <strong>directe toegang tot de C\u00e9ou rivier<\/strong> bieden een <strong>natuurlijke zwemgelegenheid<\/strong> en vredig, een waar toevluchtsoord van verfrissing in het hart van de <strong>gouden driehoek van de Zwarte P\u00e9rigord<\/strong>. <strong>Gezinnen<\/strong> houden ervan om hier te ontspannen na een dag van ontdekking of <strong>wandelen<\/strong>. Het is een ideale plek voor liefhebbers van ontspanning, <strong>natuur<\/strong> en <strong>slow tourism<\/strong>, ver weg van <strong>massatoerisme<\/strong>.<\/p>\n <p class=\"faq-expertise\">De installatie van het <strong>zwembad<\/strong> was een belangrijke stap in onze geschiedenis, bedacht om het natuurlijke aanbod van de <strong>rivier<\/strong> aan te vullen en een gecontroleerd comfort te bieden dat we essentieel weten voor <strong>gezinnen<\/strong>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq12\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq12\" aria-expanded=\"false\">\n <h3 id=\"question-faq12\">Welke <strong>activiteiten<\/strong> zijn er ter plaatse beschikbaar?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq12\" aria-labelledby=\"question-faq12\" hidden>\n <div class=\"faq-answer-content\">\n <p>Ter plaatse kunt u genieten van het <strong>verwarmde zwembad<\/strong>, de <strong>directe toegang tot de C\u00e9ou rivier<\/strong>, een <strong>speelplaats voor kinderen<\/strong>, een <strong>voetbalveld<\/strong> en <strong>petanque<\/strong> en dat van <strong>volleybal<\/strong>. In de buurt vindt u <strong>kano<\/strong>, <strong>klimmen<\/strong>, <strong>fietsen<\/strong> en <strong>wandelen<\/strong>.<\/p>\n <p class=\"faq-expertise\">Door generaties van <strong>gezinnen<\/strong> te zien genieten, hebben we deze eenvoudige en tijdloze <strong>activiteiten<\/strong> geselecteerd, die delen en verbinding met de <strong>natuur<\/strong> bevorderen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq13\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq13\" aria-expanded=\"false\">\n <h3 id=\"question-faq13\">Beschikt <strong>Camping Maisonneuve<\/strong> over een <strong>verwarmd zwembad<\/strong> EN <strong>directe toegang tot de rivier<\/strong>?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq13\" aria-labelledby=\"question-faq13\" hidden>\n <div class=\"faq-answer-content\">\n <p>Ja, absoluut! Dat is precies een van onze grote bijzonderheden: we bieden zowel een <strong>verwarmd zwembad<\/strong> voor liefhebbers van <strong>zwemmen<\/strong> in elk seizoen, als <strong>directe toegang tot de C\u00e9ou rivier<\/strong> voor degenen die de voorkeur geven aan de <strong>natuurlijke verfrissing<\/strong> van een <strong>natuurlijke zwemgelegenheid<\/strong>. Deze dubbele troef maakt alle <strong>gezinnen<\/strong> gelukkig: kinderen houden ervan om af te wisselen tussen het <strong>veilige zwembad<\/strong> en spelen aan de <strong>rivier<\/strong>, terwijl ouders genieten van een ontspanningsmoment midden in de <strong>natuur<\/strong>. Het is een waar toevluchtsoord van verfrissing in het hart van de <strong>Zwarte P\u00e9rigord<\/strong>, perfect voor een <strong>verfrissend gezinsverblijf<\/strong> in de <strong>vallei van de C\u00e9ou<\/strong>. Of u nu eerder <strong>zwembad<\/strong> of <strong>rivier<\/strong> bent, bij ons vindt u uw geluk!<\/p>\n <p class=\"faq-expertise\">Opgroeiend op dit terrein weten we dat de combinatie van het <strong>veilige zwembad<\/strong> voor kinderen en het <strong>natuurlijk zwemmen<\/strong> in de <strong>C\u00e9ou<\/strong> is wat de meest memorabele <strong>vakantieherinneringen<\/strong> cre\u00ebert.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq14\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq14\" aria-expanded=\"false\">\n <h3 id=\"question-faq14\">Is er een <strong>restaurant<\/strong> of een <strong>winkel<\/strong> ter plaatse?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq14\" aria-labelledby=\"question-faq14\" hidden>\n <div class=\"faq-answer-content\">\n <p>Ja, beide! Ons <strong>restaurant\/snackbar<\/strong> serveert <strong>lokale gerechten<\/strong> en onze <strong>winkel<\/strong> verkoopt <strong>streekproducten uit de Zwarte P\u00e9rigord<\/strong>. Elke ochtend, op reservering de avond ervoor, kunt u profiteren van onze <strong>brood<\/strong> en <strong>verse gebakjes<\/strong>. Het is ideaal voor een <strong>rustig verblijf<\/strong> en lekker eten.<\/p>\n <p><strong>Openingstijden in hoogseizoen<\/strong> :<\/p>\n <ul>\n <li><strong>Bar \/ Winkel<\/strong> : 8:30-23:30 (elke dag)<\/li>\n <li><strong>Snackbar \/ Restaurant<\/strong> : 18:30-22:00 (elke dag) + service middag en avond in het weekend<\/li>\n <li><strong>Brood en gebakjes<\/strong> : Elke ochtend op reservering de avond ervoor bij de receptie<\/li>\n <\/ul>\n <p><strong>Streekproducten uit de Zwarte P\u00e9rigord<\/strong> beschikbaar bij de receptie: <strong>foie gras<\/strong>, <strong>confit<\/strong>, <strong>noten<\/strong>, <strong>truffels<\/strong> en lokale specialiteiten om een beetje <strong>Dordogne<\/strong> mee naar huis te nemen!<\/p>\n <p class=\"faq-expertise\">Het is een familie trots om in onze <strong>winkel<\/strong> dezelfde <strong>streekproducten<\/strong> aan te bieden die we op onze eigen tafel zetten; het is onze manier om de <strong>authentieke<\/strong> smaak van de <strong>P\u00e9rigord<\/strong> die we zo liefhebben met u te delen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq15\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq15\" aria-expanded=\"false\">\n <h3 id=\"question-faq15\">Biedt <strong>Camping Maisonneuve<\/strong> een <strong>feestelijke sfeer<\/strong>?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq15\" aria-labelledby=\"question-faq15\" hidden>\n <div class=\"faq-answer-content\">\n <p>Bij <strong>Camping Maisonneuve<\/strong> is de <strong>sfeer<\/strong> bedacht om vredig, <strong>familiegericht<\/strong> en respectvol voor de <strong>natuur<\/strong> te zijn. Hier geen grote luidruchtige feesten of excessieve <strong>animatie<\/strong>. We geven prioriteit aan een <strong>rustige<\/strong> omgeving waar iedereen kan ontspannen en genieten van de <strong>Zwarte P\u00e9rigord<\/strong>. Voor degenen die een gezellig moment willen delen, wordt er \u00e9\u00e9n keer per week een <strong>zachte dansavond<\/strong> georganiseerd, met een respectvol geluidsniveau, om de <strong>rust<\/strong> van de locatie te behouden.<\/p>\n <p class=\"faq-expertise\">Onze <strong>ervaring<\/strong> heeft ons geleerd dat de meest gezellige momenten ontstaan uit eenvoud; deze <strong>zachte dansavond<\/strong> is onze manier om ontmoetingen te bevorderen terwijl we ieders rust respecteren.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-cta\">\n <p>Heeft u andere vragen? <a href=\"#\" class=\"faq-cta-link\" rel=\"noopener\">Neem direct contact met ons op<\/a> of bekijk onze andere <a href=\"#\" class=\"faq-cta-link\" rel=\"noopener\">FAQ categorie\u00ebn<\/a>.<\/p>\n <\/div>\n <\/div>\n\n<style>\n .faq-container {\n max-width: 900px !important;\n margin: 2rem auto 4rem !important;\n padding: 2rem 1rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\n line-height: 1.7 !important;\n background-color: transparent !important;\n }\n .faq-title {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #000000 !important;\n text-align: center !important;\n margin-bottom: 0.5rem !important;\n }\n .faq-subtitle {\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: #333333 !important;\n font-weight: 500 !important;\n }\n .faq-subtitle strong {\n font-weight: 600 !important;\n color: #000000 !important;\n }\n .faq-item {\n background: #ffffff !important;\n border: 2px solid #e5e5e5 !important;\n border-radius: 12px !important;\n margin-bottom: 1rem !important;\n overflow: hidden !important;\n transition: all 0.3s ease !important;\n box-shadow: none !important;\n }\n .faq-item:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;\n border-color: #c0c0c0 !important;\n }\n .faq-item[aria-expanded=\"true\"] {\n border-color: #c0c0c0 !important;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;\n }\n .faq-question {\n width: 100% !important;\n background: transparent !important;\n border: none !important;\n padding: 1.75rem 2rem !important;\n cursor: pointer !important;\n display: flex !important;\n justify-content: space-between !important;\n align-items: flex-start !important;\n gap: 1rem !important;\n color: #000000 !important;\n text-align: left !important;\n }\n .faq-question:hover {\n background: rgba(0, 0, 0, 0.03) !important;\n }\n .faq-question:focus {\n outline: 3px solid #758E8C !important;\n outline-offset: -3px;\n }\n .faq-question h3 {\n all: unset;\n font-size: 1.15rem !important;\n font-weight: 700 !important;\n margin: 0 !important;\n color: #000000 !important;\n line-height: 1.5 !important;\n flex: 1 !important;\n cursor: pointer !important;\n }\n .faq-question h3 strong {\n font-weight: 900 !important;\n color: #000000 !important;\n font-size: 1.4rem;\n }\n .faq-icon {\n flex-shrink: 0 !important;\n width: 24px !important;\n height: 24px !important;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n color: #666666 !important;\n margin-top: 2px !important;\n }\n .faq-item[aria-expanded=\"true\"] .faq-icon {\n transform: rotate(180deg) !important;\n color: #000000 !important;\n }\n .faq-answer {\n max-height: 0 !important;\n overflow: hidden !important;\n padding: 0 2rem !important;\n color: #000000 !important;\n opacity: 0 !important;\n transition: opacity 1.134s linear, max-height 1.134s cubic-bezier(0.16, 1, 0.3, 1), padding 1.134s cubic-bezier(0.16, 1, 0.3, 1) !important;\n background: transparent !important;\n will-change: max-height, opacity, padding !important;\n }\n .faq-item[aria-expanded=\"true\"] .faq-answer {\n max-height: 2000px !important;\n padding: 0 2rem 2rem 2rem !important;\n opacity: 1 !important;\n transition: opacity 1.134s linear, max-height 1.134s cubic-bezier(0.16, 1, 0.3, 1), padding 1.134s cubic-bezier(0.16, 1, 0.3, 1) !important;\n }\n .faq-answer-content {\n padding-top: 0 !important;\n color: #000000 !important;\n font-size: 1.05rem !important;\n line-height: 1.8 !important;\n }\n .faq-answer-content p {\n margin: 0 0 1rem 0 !important;\n color: #000000 !important;\n }\n .faq-answer-content p:last-child {\n margin-bottom: 0 !important;\n }\n .faq-answer-content strong {\n font-weight: 900 !important;\n color: #000000 !important;\n font-size: 1.4rem;\n }\n .faq-answer-content ul {\n margin: 1rem 0 1rem 2rem !important;\n padding: 0 !important;\n }\n .faq-answer-content li {\n margin: 0.5rem 0 !important;\n color: #000000 !important;\n }\n .faq-expertise {\n font-style: italic !important;\n color: #333333 !important;\n margin-top: 1.25rem !important;\n padding: 1rem !important;\n background: #f9f9f9 !important;\n border-radius: 8px !important;\n border-left: 4px solid #cccccc !important;\n font-size: 1.01rem !important;\n }\n .faq-expertise strong {\n font-weight: 600 !important;\n font-style: italic !important;\n color: #000000 !important;\n }\n .faq-link {\n color: #0000EE !important;\n text-decoration: underline !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n cursor: pointer !important;\n }\n .faq-link:hover {\n color: #758E8C !important;\n text-decoration: underline !important;\n }\n .faq-link:focus {\n outline: 2px solid #758E8C !important;\n outline-offset: 4px;\n border-radius: 2px;\n }\n .faq-cta {\n text-align: center !important;\n font-weight: 600 !important;\n margin-top: 3rem !important;\n background-color: #f5f5f5 !important;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;\n padding: 1.5rem !important;\n border-radius: 12px !important;\n border: 2px solid #e0e0e0 !important;\n }\n .faq-cta p {\n margin: 0 !important;\n font-size: 1.1rem !important;\n color: #000000 !important;\n }\n .faq-cta-link {\n color: #0000EE !important;\n text-decoration: underline !important;\n font-weight: 700 !important;\n transition: all 0.3s ease !important;\n padding-bottom: 2px !important;\n cursor: pointer !important;\n }\n .faq-cta-link:hover {\n color: #758E8C !important;\n text-decoration: underline !important;\n }\n .faq-cta-link:focus {\n outline: 2px solid #758E8C !important;\n outline-offset: 4px;\n }\n @media (max-width: 768px) {\n .faq-container {\n padding: 1.25rem 1rem !important;\n margin: 1.25rem auto 2.5rem !important;\n }\n .faq-title {\n font-size: 1.75rem !important;\n }\n .faq-subtitle {\n font-size: 1rem !important;\n }\n .faq-question {\n padding: 1.125rem 1rem !important;\n gap: 0.75rem !important;\n }\n .faq-question h3 {\n font-size: 1.05rem !important;\n }\n .faq-answer {\n padding: 0 1rem !important;\n }\n .faq-item[aria-expanded=\"true\"] .faq-answer {\n padding: 0 1rem 1.25rem 1rem !important;\n }\n .faq-answer-content {\n font-size: 1rem !important;\n }\n .faq-expertise {\n font-size: 0.95rem !important;\n padding: 0.75rem !important;\n }\n .faq-cta {\n padding: 1.25rem 1rem !important;\n }\n .faq-cta p {\n font-size: 1rem !important;\n }\n }\n @media (max-width: 480px) {\n .faq-title {\n font-size: 1.5rem !important;\n }\n .faq-question h3 {\n font-size: 0.98rem !important;\n }\n .faq-answer-content {\n font-size: 0.95rem !important;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .faq-item,\n .faq-question,\n .faq-answer,\n .faq-icon,\n .faq-link {\n transition: none !important;\n }\n }\n @media print {\n .faq-item {\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n .faq-answer {\n max-height: none !important;\n display: block !important;\n }\n .faq-icon {\n display: none;\n }\n }\n<\/style>\n\n<script>\n \/\/ FAQ Accordion Functionality with Smooth Animations\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Initialize FAQ items\n const faqItems = document.querySelectorAll('.faq-item');\n \n faqItems.forEach(item => {\n const button = item.querySelector('.faq-question');\n const answer = item.querySelector('.faq-answer');\n \n \/\/ Toggle accordion behavior\n button.addEventListener('click', () => {\n const isExpanded = item.getAttribute('aria-expanded') === 'true';\n \n \/\/ Close all other items with fade out animation\n faqItems.forEach(otherItem => {\n if (otherItem !== item) {\n const otherButton = otherItem.querySelector('.faq-question');\n otherButton.setAttribute('aria-expanded', 'false');\n otherItem.setAttribute('aria-expanded', 'false');\n \/\/ Don't hide immediately - let CSS animation complete first\n setTimeout(() => {\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherAnswer.setAttribute('hidden', '');\n }, 1200); \/\/ Match CSS animation duration (1.134s + small buffer)\n }\n });\n \n \/\/ Toggle current item\n if (isExpanded) {\n button.setAttribute('aria-expanded', 'false');\n item.setAttribute('aria-expanded', 'false');\n setTimeout(() => {\n answer.setAttribute('hidden', '');\n }, 1200);\n } else {\n \/\/ Remove hidden attribute and trigger animation\n answer.removeAttribute('hidden');\n \/\/ Force reflow to enable transition\n void answer.offsetHeight;\n button.setAttribute('aria-expanded', 'true');\n item.setAttribute('aria-expanded', 'true');\n }\n });\n \n \/\/ Keyboard navigation (Enter or Space)\n button.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n button.click();\n }\n });\n });\n\n \/\/ Spacebar support for links\n const links = document.querySelectorAll('.faq-link, .faq-cta-link');\n links.forEach(link => {\n link.addEventListener('keydown', (e) => {\n if (e.key === ' ') {\n e.preventDefault();\n link.click();\n }\n });\n });\n\n \/\/ Smooth scroll function with easing\n const smoothScrollTo = (targetPosition, duration = 800) => {\n const startPosition = window.pageYOffset;\n const distance = targetPosition - startPosition;\n let startTime = null;\n\n \/\/ Easing function for smooth animation\n const easeInOutCubic = (t) => {\n return t < 0.5 \n ? 4 * t * t * t \n : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n };\n\n const animation = (currentTime) => {\n if (startTime === null) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const progress = Math.min(timeElapsed \/ duration, 1);\n const ease = easeInOutCubic(progress);\n \n window.scrollTo(0, startPosition + (distance * ease));\n \n if (timeElapsed < duration) {\n requestAnimationFrame(animation);\n }\n };\n\n requestAnimationFrame(animation);\n };\n\n \/\/ Handle hash navigation for individual FAQ items\n const handleHashNavigation = () => {\n const hash = window.location.hash;\n \n \/\/ Check if hash exists and starts with #faq\n if (hash && hash.startsWith('#faq')) {\n \/\/ Handle general FAQ section scroll\n if (hash === '#faq-section') {\n const faqSection = document.getElementById('faq-section');\n if (faqSection) {\n const sectionPosition = faqSection.getBoundingClientRect().top + window.pageYOffset;\n smoothScrollTo(sectionPosition - 100, 1000);\n }\n } else {\n \/\/ Handle specific FAQ item (e.g., #faq71, #faq22, etc.)\n const targetId = hash.substring(1); \/\/ Remove the # symbol\n const targetItem = document.getElementById(targetId);\n \n if (targetItem && targetItem.classList.contains('faq-item')) {\n \/\/ Close all FAQ items first\n faqItems.forEach(item => {\n const btn = item.querySelector('.faq-question');\n const ans = item.querySelector('.faq-answer');\n btn.setAttribute('aria-expanded', 'false');\n item.setAttribute('aria-expanded', 'false');\n setTimeout(() => {\n ans.setAttribute('hidden', '');\n }, 1260);\n });\n \n \/\/ Open the target FAQ item with delay to allow smooth animation\n setTimeout(() => {\n const targetButton = targetItem.querySelector('.faq-question');\n const targetAnswer = targetItem.querySelector('.faq-answer');\n \n targetAnswer.removeAttribute('hidden');\n \/\/ Force reflow to ensure transition is triggered\n void targetAnswer.offsetHeight;\n targetButton.setAttribute('aria-expanded', 'true');\n targetItem.setAttribute('aria-expanded', 'true');\n }, 150);\n \n \/\/ Scroll to the target item with 200px offset and smooth animation\n setTimeout(() => {\n const itemPosition = targetItem.getBoundingClientRect().top + window.pageYOffset;\n const offsetPosition = itemPosition - 200;\n \n smoothScrollTo(offsetPosition, 1200);\n }, 150);\n }\n }\n }\n };\n \n \/\/ Handle hash navigation on page load\n handleHashNavigation();\n \n \/\/ Handle hash navigation when hash changes (browser back\/forward or link clicks)\n window.addEventListener('hashchange', handleHashNavigation);\n });\n<\/script>\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\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ontdek een perfecte harmonie tussen modern comfort en bewaarde natuur, waar elk detail is bedacht voor uw welzijn in het hart van de P\u00e9rigord.\ufeff Diensten en Faciliteiten bij Camping Maisonneuve Bij Camping Maisonneuve is elke service en faciliteit ontworpen om u comfort en sereniteit te bieden in het hart van een uitzonderlijke natuurlijke omgeving. Geniet […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10972,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11364","page","type-page","status-publish","hentry","post-no-thumbnail"],"_links":{"self":[{"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/pages\/11364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/comments?post=11364"}],"version-history":[{"count":4,"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/pages\/11364\/revisions"}],"predecessor-version":[{"id":11396,"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/pages\/11364\/revisions\/11396"}],"up":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/pages\/10972"}],"wp:attachment":[{"href":"https:\/\/campingmaisonneuve.com\/nl\/wp-json\/wp\/v2\/media?parent=11364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}