FAQ Akkordeon - Camping Maisonneuve<\/title>\n \n<\/head>\n<body>\n \n <div class=\"faq-container\">\n \n <h2 class=\"faq-title\" id=\"faq-section\">Dienstleistungen und Einrichtungen<\/h2>\n <p class=\"faq-subtitle\">Entdecken Sie alle <strong>Dienstleistungen<\/strong> und <strong>Einrichtungen<\/strong>, die im <strong>Camping Maisonneuve<\/strong> f\u00fcr einen <strong>komfortablen<\/strong> Aufenthalt im Herzen des <strong>Schwarzen P\u00e9rigord<\/strong> verf\u00fcgbar sind<\/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\">Gibt es eine <strong>WLAN<\/strong>-Verbindung auf dem Campingplatz?<\/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, nat\u00fcrlich! Sie haben Zugang zum <strong>WLAN<\/strong> auf dem gesamten <strong>Campingplatz<\/strong>. Das ist praktisch, um in Verbindung zu bleiben, Ihre <strong>Urlaubsfotos aus der Dordogne<\/strong> zu teilen oder Ihre n\u00e4chsten Ausfl\u00fcge im <strong>Schwarzen P\u00e9rigord<\/strong> zu planen. Viele unserer G\u00e4ste sch\u00e4tzen es, ihre <strong>Wanderungen<\/strong> oder <strong>kulturellen Ausfl\u00fcge<\/strong> direkt vom Smartphone aus zu organisieren.<\/p>\n <p class=\"faq-expertise\">Wir haben unsere <strong>Dienstleistungen<\/strong> im Laufe der Jahrzehnte modernisiert, um aktuellen Bed\u00fcrfnissen gerecht zu werden, wobei wir darauf achten, dass die Technologie ein diskretes Werkzeug f\u00fcr Ihre Entspannung bleibt.<\/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\">Haben Sie einen <strong>Schwimmbad<\/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>Absolut! Unser <strong>beheizter Pool<\/strong> und der <strong>direkte Zugang zum Fluss C\u00e9ou<\/strong> bieten ein <strong>nat\u00fcrliches Badeerlebnis<\/strong> und eine friedliche Oase der Erfrischung im Herzen des <strong>goldenen Dreiecks des Schwarzen P\u00e9rigord<\/strong>. <strong>Familien<\/strong> lieben es, sich hier nach einem Tag voller Entdeckungen oder <strong>Wanderungen<\/strong> zu entspannen. Es ist ein idealer Ort f\u00fcr Liebhaber der Entspannung, der <strong>Natur<\/strong> und des <strong>Slow Tourism<\/strong>, fernab vom <strong>Massen<\/strong>.<\/p>\n <p class=\"faq-expertise\">Die Installation des <strong>Schwimmbads<\/strong> war ein wichtiger Schritt in unserer Geschichte, konzipiert um das nat\u00fcrliche Angebot des <strong>Flusses<\/strong> zu erg\u00e4nzen und einen kontrollierten Komfort zu bieten, den wir f\u00fcr <strong>Familien<\/strong> als wesentlich erachten.<\/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\">Welche <strong>Aktivit\u00e4ten<\/strong> sind vor Ort verf\u00fcgbar?<\/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>Vor Ort k\u00f6nnen Sie den <strong>beheizten Pool<\/strong> nutzen, den <strong>direkten Zugang zum Fluss C\u00e9ou<\/strong>, einen <strong>Spielplatz f\u00fcr Kinder<\/strong>, einen <strong>Fu\u00dfballplatz<\/strong> und <strong>Boule<\/strong> sowie <strong>Volleyball<\/strong>. In der N\u00e4he finden Sie <strong>Kanu<\/strong>, <strong>Klettern<\/strong>, <strong>Fahrrad<\/strong> und <strong>Wandern<\/strong>.<\/p>\n <p class=\"faq-expertise\">Durch die Beobachtung von Generationen von <strong>Familien<\/strong> beim Spielen haben wir diese einfachen und zeitlosen <strong>Aktivit\u00e4ten<\/strong> ausgew\u00e4hlt, die das Teilen und die Verbindung mit der <strong>Natur<\/strong> f\u00f6rdern.<\/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\">Verf\u00fcgt der <strong>Camping Maisonneuve<\/strong> \u00fcber einen <strong>beheizten Pool<\/strong> UND einen <strong>direkten Zugang zum Fluss<\/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, absolut! Das ist genau eine unserer gro\u00dfen Besonderheiten: Wir bieten sowohl einen <strong>beheizten Pool<\/strong> f\u00fcr Liebhaber des <strong>Badens<\/strong> zu jeder Jahreszeit als auch einen <strong>direkten Zugang zum Fluss C\u00e9ou<\/strong> f\u00fcr diejenigen, die die <strong>nat\u00fcrliche Frische<\/strong> eines <strong>wilden Bades<\/strong> bevorzugen. Diese doppelte Ausstattung macht alle <strong>Familien<\/strong> gl\u00fccklich: Kinder lieben es, zwischen dem <strong>sicheren Pool<\/strong> und den Spielen am <strong>Flussufer<\/strong> zu wechseln, w\u00e4hrend die Eltern einen Moment der Entspannung inmitten der <strong>Natur<\/strong> genie\u00dfen. Es ist eine wahre Oase der Erfrischung im Herzen des <strong>Schwarzen P\u00e9rigord<\/strong>, perfekt f\u00fcr einen <strong>erholsamen Familienurlaub<\/strong> im <strong>C\u00e9ou-Tal<\/strong>. Egal ob Sie eher <strong>Pool<\/strong> oder <strong>Fluss<\/strong> bevorzugen \u2013 bei uns finden Sie Ihr Gl\u00fcck!<\/p>\n <p class=\"faq-expertise\">Da wir auf diesem Gel\u00e4nde aufgewachsen sind, wissen wir, dass die Kombination aus <strong>sicherem Pool<\/strong> f\u00fcr Kinder und <strong>wildem Baden<\/strong> im <strong>C\u00e9ou<\/strong> die unvergesslichsten <strong>Urlaubserinnerungen<\/strong> schafft.<\/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\">Gibt es ein <strong>Restaurant<\/strong> oder einen <strong>Lebensmittelladen<\/strong> vor Ort?<\/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, beides! Unser <strong>Restaurant\/Snack<\/strong> bietet <strong>lokale Gerichte<\/strong> und unser <strong>Lebensmittelladen<\/strong> verkauft <strong>Produkte aus der Region des Schwarzen P\u00e9rigord<\/strong>. Jeden Morgen, nach Reservierung am Vortag, k\u00f6nnen Sie unseren Service f\u00fcr <strong>frisches Brot<\/strong> und <strong>Geb\u00e4ck<\/strong> nutzen. Das ist ideal f\u00fcr einen <strong>ruhigen<\/strong> und genussvollen Aufenthalt.<\/p>\n <p><strong>\u00d6ffnungszeiten in der Hauptsaison<\/strong>:<\/p>\n <ul>\n <li><strong>Bar \/ Lebensmittelladen<\/strong>: 8:30-23:30 (t\u00e4glich)<\/li>\n <li><strong>Snack \/ Restaurant<\/strong>: 18:30-22:00 (t\u00e4glich) + Mittag- und Abendservice am Wochenende<\/li>\n <li><strong>Brot und Geb\u00e4ck<\/strong>: Jeden Morgen nach Reservierung am Vortag an der Rezeption<\/li>\n <\/ul>\n <p><strong>Produkte aus der Region des Schwarzen P\u00e9rigord<\/strong> erh\u00e4ltlich an der Rezeption: <strong>Foie Gras<\/strong>, <strong>Confit<\/strong>, <strong>Waln\u00fcsse<\/strong>, <strong>Tr\u00fcffel<\/strong> und lokale Spezialit\u00e4ten, um ein St\u00fcck <strong>Dordogne<\/strong> mit nach Hause zu nehmen!<\/p>\n <p class=\"faq-expertise\">Es ist ein famili\u00e4rer Stolz, Ihnen in unserem <strong>Lebensmittelladen<\/strong> dieselben <strong>regionalen Produkte<\/strong> anzubieten, die auch auf unserem eigenen Tisch stehen; das ist unsere Art, den <strong>authentischen<\/strong> Geschmack des <strong>P\u00e9rigord<\/strong>, den wir so sehr lieben, mit Ihnen zu teilen.<\/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\">Bietet der <strong>Camping Maisonneuve<\/strong> eine <strong>festliche Atmosph\u00e4re<\/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>Im <strong>Camping Maisonneuve<\/strong> ist die <strong>Atmosph\u00e4re<\/strong> darauf ausgelegt, friedlich, <strong>famili\u00e4r<\/strong> und respektvoll gegen\u00fcber der <strong>Natur<\/strong> zu sein. Hier gibt es keine lauten Partys oder \u00fcberm\u00e4\u00dfige <strong>Animationen<\/strong>. Wir bevorzugen eine <strong>ruhige<\/strong> Umgebung, in der sich jeder entspannen und das <strong>Schwarze P\u00e9rigord<\/strong> genie\u00dfen kann. F\u00fcr diejenigen, die einen geselligen Moment teilen m\u00f6chten, wird einmal pro Woche ein <strong>ruhiger Tanzabend<\/strong> organisiert, mit einem respektvollen Ger\u00e4uschpegel, um die <strong>Ruhe<\/strong> des Ortes zu bewahren.<\/p>\n <p class=\"faq-expertise\">Unsere <strong>Erfahrung<\/strong> hat uns gezeigt, dass die sch\u00f6nsten geselligen Momente aus Einfachheit entstehen; dieser <strong>ruhige Tanzabend<\/strong> ist unsere Art, Begegnungen zu f\u00f6rdern und gleichzeitig die Ruhe eines jeden zu respektieren.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-cta\">\n <p>Haben Sie weitere Fragen? <a href=\"#\" class=\"faq-cta-link\" rel=\"noopener\">Kontaktieren Sie uns direkt<\/a> oder besuchen Sie unsere anderen <a href=\"#\" class=\"faq-cta-link\" rel=\"noopener\">FAQ-Kategorien<\/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>Entdecken Sie eine perfekte Harmonie zwischen modernem Komfort und gesch\u00fctzter Natur, wo jedes Detail f\u00fcr Ihr Wohlbefinden im Herzen des P\u00e9rigord konzipiert ist.\ufeff Dienstleistungen und Einrichtungen im Camping Maisonneuve Im Camping Maisonneuve ist jeder Service und jede Einrichtung darauf ausgelegt, Ihnen Komfort und Gelassenheit im Herzen einer au\u00dfergew\u00f6hnlichen Naturumgebung zu bieten. Genie\u00dfen Sie moderne Infrastrukturen […]<\/p>\n","protected":false},"author":1,"featured_media":10958,"parent":10953,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11365","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/pages\/11365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/comments?post=11365"}],"version-history":[{"count":4,"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/pages\/11365\/revisions"}],"predecessor-version":[{"id":11399,"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/pages\/11365\/revisions\/11399"}],"up":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/pages\/10953"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/media\/10958"}],"wp:attachment":[{"href":"https:\/\/campingmaisonneuve.com\/de\/wp-json\/wp\/v2\/media?parent=11365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}