{"id":566,"date":"2025-11-15T16:55:59","date_gmt":"2025-11-15T16:55:59","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=566"},"modified":"2025-11-19T15:53:48","modified_gmt":"2025-11-19T15:53:48","slug":"randonnee-moyen-atlas","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/de\/randonnee-moyen-atlas\/","title":{"rendered":"Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d’Altitude"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d'Altitude | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Randonn\u00e9e dans le Moyen Atlas : un circuit de 8 jours \u00e0 travers les vastes plateaux d'altitude, lacs naturels et for\u00eats de c\u00e8dres avec guides certifi\u00e9s et \u00e9quipes de mulets.\">\r\n <meta name=\"keywords\" content=\"Randonn\u00e9e Moyen Atlas, Circuit Moyen Atlas 8 jours, Aguelmane Azigza, Khnifra, randonn\u00e9e Maroc, plateaux d'altitude, for\u00eats de c\u00e8dres, randonn\u00e9e facile Maroc, vacances randonn\u00e9e Maroc\">\r\n <meta property=\"og:title\" content=\"Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d'Altitude\">\r\n <meta property=\"og:description\" content=\"Partez pour un circuit de 8 jours \u00e0 travers le Moyen Atlas avec ses vastes plateaux d'altitude, lacs naturels et for\u00eats de c\u00e8dres pr\u00e9serv\u00e9es.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n\r\n <style>\r\n \/* ---- Desert \/ Atlas Theme (same as Jbel Saghro page) ---- *\/\r\n .tour-booking-page{\r\n --tour-bg:#fef3c7; \/* light sand *\/\r\n --tour-ink:#1f2933; \/* dark ink *\/\r\n --tour-muted:#6b7280; \/* muted text *\/\r\n --tour-card:#fffdf7; \/* warm card *\/\r\n --tour-border:#e5d5b3; \/* soft sand border *\/\r\n --tour-sage:#ea580c; \/* primary accent - burnt orange *\/\r\n --tour-sage-700:#c2410c; \/* deeper burnt orange *\/\r\n --tour-terra:#f97316; \/* secondary warm orange *\/\r\n --tour-terra-700:#ea580c; \/* deeper for gradients *\/\r\n --tour-cream:#fffbeb; \/* very light background *\/\r\n --radius:18px; \r\n --shadow:0 18px 45px rgba(120,53,15,.25);\r\n box-sizing:border-box; \r\n font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:radial-gradient(circle at top, var(--tour-cream) 0, var(--tour-bg) 45%, #fed7aa 100%);\r\n color:var(--tour-ink); \r\n line-height:1.6;\r\n -webkit-text-size-adjust:100%;\r\n }\r\n .tour-booking-page *{box-sizing:border-box}\r\n .tour-booking-page .container{max-width:1160px;margin-inline:auto;padding:24px}\r\n\r\n \/* ---- Global layout ---- *\/\r\n .content-wrapper{display:grid;grid-template-columns:1.7fr .9fr;gap:26px;margin-top:18px}\r\n @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n .section{\r\n background:var(--tour-card);\r\n border-radius:var(--radius);\r\n padding:22px 22px 20px;\r\n margin-bottom:20px;\r\n box-shadow:var(--shadow);\r\n border:1px solid rgba(229,213,179,0.9);\r\n }\r\n .section-title{\r\n display:flex;align-items:center;gap:10px;\r\n font-size:1.3rem;margin:0 0 14px;color:var(--tour-ink);letter-spacing:.02em\r\n }\r\n .section-title i{color:var(--tour-sage)}\r\n .description{color:var(--tour-muted);font-size:1.02rem}\r\n\r\n \/* ---- Hero Header ---- *\/\r\n .tour-header{\r\n display:grid;\r\n grid-template-columns:2.3fr 1.3fr;\r\n gap:18px;\r\n margin-bottom:22px;\r\n align-items:center;\r\n }\r\n .tour-header-main{\r\n padding:18px 22px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg, #7c2d12, #ea580c);\r\n color:#fff7ed;\r\n box-shadow:0 18px 45px rgba(124,45,18,.6);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .tour-header-main::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto -60px -80px auto;\r\n width:220px;height:220px;\r\n background:radial-gradient(circle at center, rgba(254,215,170,.9), transparent 65%);\r\n opacity:.85;\r\n }\r\n .tour-label{\r\n display:inline-flex;align-items:center;gap:8px;\r\n padding:5px 11px;border-radius:999px;\r\n background:rgba(67,20,7,.9);\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.12em;\r\n margin-bottom:10px;\r\n }\r\n .tour-label i{color:#fed7aa}\r\n .tour-header-main h1{\r\n font-size:clamp(1.8rem,3.1vw,2.5rem);\r\n margin:0 0 6px;\r\n font-weight:800;\r\n }\r\n .tour-subtitle{\r\n margin:0 0 14px;\r\n font-size:.97rem;\r\n color:#ffedd5;\r\n max-width:40rem;\r\n }\r\n .tour-meta{\r\n display:flex;flex-wrap:wrap;gap:10px;\r\n margin-top:6px;\r\n }\r\n .meta-pill{\r\n display:inline-flex;align-items:center;gap:6px;\r\n font-size:.82rem;\r\n padding:6px 11px;\r\n border-radius:999px;\r\n background:rgba(67,20,7,.88);\r\n border:1px solid rgba(254,215,170,.8);\r\n }\r\n .meta-pill i{color:#fed7aa;font-size:.9rem}\r\n\r\n .tour-header-side{\r\n display:grid;gap:8px;\r\n }\r\n .stat-card{\r\n background:rgba(255,252,245,.95);\r\n padding:12px 14px;\r\n border-radius:16px;\r\n border:1px solid rgba(229,213,179,.9);\r\n display:flex;align-items:center;gap:10px;\r\n backdrop-filter:blur(10px);\r\n }\r\n .stat-icon{\r\n width:40px;height:40px;border-radius:50%;\r\n display:grid;place-items:center;\r\n background:linear-gradient(135deg,#ea580c,#f97316);\r\n color:#fffbeb;\r\n }\r\n .stat-text span{\r\n display:block;font-size:.8rem;color:var(--tour-muted);text-transform:uppercase;letter-spacing:.08em;\r\n }\r\n .stat-text strong{font-size:.96rem}\r\n\r\n @media(max-width:900px){\r\n .tour-header{\r\n grid-template-columns:1fr;\r\n }\r\n }\r\n\r\n \/* ---- Gallery ---- *\/\r\n .image-gallery{display:grid;gap:12px;margin:10px 0 28px}\r\n .gallery-main{\r\n height:360px;border-radius:18px;\r\n background-size:cover;background-position:center;\r\n position:relative;overflow:hidden;cursor:pointer;\r\n border:1px solid rgba(229,213,179,.95);\r\n }\r\n .img-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(180deg,rgba(67,20,7,0) 30%,rgba(67,20,7,.55));\r\n opacity:0;transition:.3s;\r\n }\r\n .zoom-btn{\r\n position:absolute;right:14px;bottom:14px;\r\n background:rgba(67,20,7,.95);\r\n border:1px solid rgba(254,215,170,.9);\r\n padding:9px 12px;border-radius:999px;\r\n display:flex;gap:8px;align-items:center;\r\n font-weight:600;color:#fffbeb;\r\n box-shadow:var(--shadow);cursor:pointer;\r\n font-size:.86rem;\r\n }\r\n .zoom-btn i{color:#fed7aa}\r\n .gallery-main:hover .img-overlay{opacity:1}\r\n\r\n .gallery-row{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:10px;\r\n }\r\n .gallery-thumb{\r\n height:130px;border-radius:14px;\r\n background-size:cover;background-position:center;\r\n position:relative;overflow:hidden;cursor:pointer;\r\n border:2px solid transparent;\r\n transition:border-color .2s,transform .2s;\r\n }\r\n .gallery-thumb.active{border-color:var(--tour-sage);transform:translateY(-2px)}\r\n .gallery-thumb:hover .img-overlay{opacity:1}\r\n\r\n @media (min-width:992px){\r\n .image-gallery{grid-template-columns:1.9fr 1.1fr}\r\n .gallery-main{height:440px}\r\n .gallery-row{\r\n grid-template-columns:1fr;\r\n grid-template-rows:repeat(3,1fr);\r\n gap:10px;\r\n }\r\n .gallery-thumb{height:auto;min-height:120px}\r\n }\r\n\r\n \/* Bottom Gallery *\/\r\n .bottom-gallery {margin-top:34px;}\r\n .bottom-gallery .gallery-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n }\r\n @media (max-width: 768px) {\r\n .bottom-gallery .gallery-row {grid-template-columns: repeat(2, 1fr);}\r\n }\r\n\r\n \/* ---- Itinerary \/ Details \/ FAQ ---- *\/\r\n .itinerary-item{\r\n display:grid;grid-template-columns:110px 1fr;gap:16px;\r\n padding:16px 0;border-bottom:1px dashed var(--tour-border)\r\n }\r\n .itinerary-item:last-child{border-bottom:0}\r\n .itinerary-day{\r\n font-weight:800;color:var(--tour-sage);font-size:.9rem;\r\n text-transform:uppercase;letter-spacing:.1em;\r\n }\r\n .itinerary-content h3{margin:.2rem 0 .25rem;font-size:1.02rem}\r\n .itinerary-content p{color:var(--tour-muted);margin:.22rem 0}\r\n\r\n .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}\r\n @media (max-width:700px){.inclusion-grid{grid-template-columns:1fr}}\r\n .inclusion-list,.exclusion-list{list-style:none;padding:0;margin:0}\r\n .inclusion-list li,.exclusion-list li{display:flex;gap:10px;margin-bottom:9px;font-size:.96rem}\r\n .inclusion-list i{color:var(--tour-sage)}\r\n .exclusion-list i{color:#e11d48}\r\n\r\n .additional-details-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\r\n gap:18px;\r\n }\r\n .detail-item{\r\n display:flex;align-items:center;gap:14px;\r\n padding:13px 14px;\r\n background:rgba(255,251,235,.9);\r\n border-radius:14px;\r\n border-left:4px solid var(--tour-sage);\r\n }\r\n .detail-icon{\r\n background:var(--tour-sage);\r\n color:#fffbeb;\r\n width:46px;height:46px;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;font-size:1.2rem;\r\n }\r\n .detail-content h3{margin:0 0 4px;font-size:.98rem}\r\n .detail-content p{margin:0;color:var(--tour-muted);font-size:.9rem}\r\n\r\n .faq-accordion-item{\r\n border:1px solid var(--tour-border);\r\n border-radius:12px;margin-bottom:10px;\r\n overflow:hidden;background:var(--tour-card)\r\n }\r\n .faq-accordion-header{\r\n padding:16px 18px;\r\n background:rgba(254,243,199,.6);\r\n cursor:pointer;display:flex;\r\n justify-content:space-between;align-items:center;\r\n font-weight:600;color:var(--tour-ink);transition:background .3s\r\n }\r\n .faq-accordion-header:hover{background:rgba(254,243,199,1)}\r\n .faq-accordion-header i{transition:transform .3s;color:var(--tour-sage)}\r\n .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n .faq-accordion-content{\r\n padding:0 18px;max-height:0;overflow:hidden;\r\n transition:max-height .3s,padding .3s;color:var(--tour-muted);font-size:.95rem;\r\n background:#fffdf7;\r\n }\r\n .faq-accordion-item.active .faq-accordion-content{padding:16px 18px 18px;max-height:260px}\r\n\r\n \/* ---- Sidebar \/ Form ---- *\/\r\n .price-section{\r\n background:linear-gradient(145deg,var(--tour-sage),var(--tour-sage-700));\r\n color:#fffbeb;border:0;\r\n }\r\n .price-section .section-title{color:#fffbeb}\r\n .price-amount{\r\n font-size:clamp(2.1rem,4.2vw,2.4rem);font-weight:800;letter-spacing:.03em;\r\n }\r\n .price-note{font-size:.9rem;color:#fed7aa;margin:.2rem 0 10px}\r\n\r\n .booking-form{position:sticky;top:18px}\r\n .form-group{margin-bottom:14px}\r\n label{display:block;margin-bottom:7px;font-weight:600;color:var(--tour-ink);font-size:.9rem}\r\n .form-control{\r\n width:100%;padding:11px 13px;\r\n border:1px solid var(--tour-border);border-radius:12px;\r\n background:#fffbeb;font:inherit;font-size:15px;\r\n }\r\n .form-control:focus{\r\n outline:2px solid rgba(234,88,12,.25);\r\n border-color:rgba(234,88,12,.7);\r\n background:#ffffff;\r\n }\r\n .form-control::placeholder{color:#9ca3af;opacity:1}\r\n .form-control.error{border-color:#e11d48;background-color:rgba(248,113,113,0.06)}\r\n .error-message{color:#e11d48;font-size:0.8rem;margin-top:4px;display:none}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n\r\n \/* CORRECTION: Participants field on one line *\/\r\n .form-row-single {display:block;}\r\n\r\n .btn-book{\r\n width:100%;display:inline-flex;align-items:center;justify-content:center;\r\n gap:.55rem;border:0;\r\n background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n color:#f9fafb;padding:13px 15px;border-radius:12px;\r\n font-weight:700;cursor:pointer;\r\n box-shadow:0 9px 24px rgba(180,83,9,.45);\r\n transition:.18s transform,.18s box-shadow;\r\n font-size:.98rem;\r\n }\r\n .btn-book:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(180,83,9,.5)}\r\n .btn-book:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}\r\n\r\n \/* DATE INPUT *\/\r\n input[type=\"date\"].form-control{\r\n -webkit-appearance:none; appearance:none;\r\n background:#fffbeb; border-radius:12px;\r\n padding:11px 13px; min-height:44px; color:var(--tour-ink);\r\n text-align:start;\r\n }\r\n input[type=\"date\"].form-control::-webkit-date-and-time-value{text-align:left;}\r\n input[type=\"date\"].form-control::-webkit-datetime-edit,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-fields-wrapper,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-text,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-month-field,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-day-field,\r\n input[type=\"date\"].form-control::-webkit-datetime-edit-year-field{\r\n color:var(--tour-ink); padding:0;\r\n }\r\n input[type=\"date\"].form-control::-webkit-calendar-picker-indicator{\r\n opacity:.8; padding:2px; margin-right:2px; cursor:pointer;\r\n }\r\n\r\n \/* Toast \/ Lightbox *\/\r\n .toast{\r\n position:fixed;left:50%;transform:translateX(-50%);\r\n bottom:20px;padding:11px 15px;border-radius:999px;\r\n background:#7c2d12;color:#fef3c7;\r\n box-shadow:var(--shadow);display:none;z-index:100;\r\n font-size:.9rem;\r\n }\r\n .toast.show{display:block}\r\n .toast.success{background:var(--tour-sage)}\r\n .toast.error{background:#e11d48}\r\n\r\n dialog#lightbox{\r\n border:0;padding:0;background:transparent;\r\n width:100%;height:100%;max-width:100%;max-height:100%\r\n }\r\n .lb-wrap{\r\n position:fixed;inset:0;display:grid;place-items:center;\r\n background:rgba(30,15,5,.9);z-index:100;padding:20px\r\n }\r\n .lb-img{\r\n max-width:90vw;max-height:80vh;border-radius:16px;\r\n border:1px solid rgba(254,215,170,.8);\r\n box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s\r\n }\r\n .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n .close-lightbox{\r\n position:absolute;top:20px;right:20px;\r\n background:rgba(67,20,7,.9);color:#ffedd5;\r\n border:none;border-radius:50%;\r\n width:40px;height:40px;display:flex;align-items:center;justify-content:center;\r\n cursor:pointer;font-size:1.1rem;z-index:101;\r\n }\r\n\r\n \/* ---- Highlight ---- *\/\r\n .tour-highlight{\r\n font-size:1.3rem;font-weight:700;color:var(--tour-sage);\r\n text-align:center;margin:0 0 16px;\r\n padding:13px 14px;\r\n background:rgba(254,243,199,.9);\r\n border-radius:12px;border-left:4px solid var(--tour-sage)\r\n }\r\n\r\n \/* ---- Mobile bottom bar ---- *\/\r\n .mobile-booking-bar{\r\n display:none;position:fixed;bottom:0;left:0;right:0;\r\n background:rgba(67,20,7,.98);\r\n box-shadow:0 -6px 20px rgba(67,20,7,.8);\r\n padding:11px 14px;z-index:9500;border-top:1px solid rgba(254,215,170,.7)\r\n }\r\n .mobile-booking-bar .booking-bar-content{\r\n display:flex;justify-content:space-between;align-items:center;\r\n max-width:1160px;margin:0 auto\r\n }\r\n .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n .mobile-booking-bar .price-amount{\r\n font-size:1.3rem;font-weight:800;color:#ffedd5;line-height:1.2\r\n }\r\n .mobile-booking-bar .price-note{font-size:.78rem;color:#fed7aa;margin:0}\r\n .mobile-booking-bar .btn-book-mobile{\r\n background:linear-gradient(145deg,var(--tour-sage),var(--tour-terra-700));\r\n color:#f9fafb;border:none;border-radius:999px;\r\n padding:11px 18px;font-weight:700;font-size:.95rem;\r\n cursor:pointer;box-shadow:0 10px 24px rgba(180,83,9,.6);\r\n display:flex;align-items:center;gap:7px;transition:transform .18s;\r\n }\r\n .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-1px)}\r\n\r\n \/* ---- Support ---- *\/\r\n .support-container{\r\n background:rgba(254,243,199,.6);\r\n border-radius:14px;padding:18px;margin-top:18px;\r\n border:1px dashed var(--tour-border)\r\n }\r\n .support-title{\r\n font-size:1.15rem;font-weight:700;margin-bottom:13px;\r\n color:var(--tour-sage);display:flex;align-items:center;gap:8px\r\n }\r\n .support-info{display:flex;flex-wrap:wrap;gap:12px}\r\n .support-item{\r\n display:flex;align-items:center;gap:10px;\r\n padding:10px 14px;background:#fffdf7;\r\n border-radius:10px;border:1px solid var(--tour-border);\r\n flex:1;min-width:210px\r\n }\r\n .support-icon{\r\n background:var(--tour-sage);color:#fffbeb;\r\n width:34px;height:34px;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center\r\n }\r\n .support-details h4{margin:0 0 4px;font-size:.9rem}\r\n .support-details p{margin:0;font-size:.88rem;color:var(--tour-muted)}\r\n\r\n \/* ---- Thank You Overlay ---- *\/\r\n .thankyou-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;left: 0;\r\n width: 100%;height: 100%;\r\n background: rgba(30,15,5,0.86);\r\n z-index: 10000;\r\n backdrop-filter: blur(6px);\r\n overflow-y: auto;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n .thankyou-card {\r\n position: absolute;\r\n top: 50%;left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #fffdf7;\r\n border-radius: 20px;\r\n padding: 40px 34px;\r\n max-width: 430px;\r\n width: 90%;\r\n text-align: center;\r\n box-shadow: 0 24px 60px rgba(120,53,15, 0.6);\r\n border: 1px solid var(--tour-border);\r\n animation: thankYouSlideIn 0.45s ease-out;\r\n }\r\n @keyframes thankYouSlideIn {\r\n 0% { opacity: 0; transform: translate(-50%, -40%); }\r\n 100% { opacity: 1; transform: translate(-50%, -50%); }\r\n }\r\n .thankyou-card .icon {\r\n width: 84px;height: 84px;\r\n background: linear-gradient(135deg, var(--tour-sage), var(--tour-terra));\r\n border-radius: 50%;\r\n display: flex;align-items: center;justify-content: center;\r\n margin: 0 auto 24px;\r\n color: white;font-size: 2.2rem;\r\n box-shadow: 0 12px 30px rgba(180,83,9, 0.55);\r\n }\r\n .thankyou-card h3 {\r\n font-size: 1.9rem;\r\n margin-bottom: 16px;\r\n color: var(--tour-ink);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\r\n .thankyou-card p {\r\n color: var(--tour-muted);\r\n margin-bottom: 0;\r\n line-height: 1.6;\r\n font-size: 1.05rem;\r\n }\r\n .thankyou-card .btn-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 26px;\r\n }\r\n .thankyou-card .btn-book {\r\n padding: 12px 22px;\r\n font-size: 1rem;\r\n min-width: 130px;\r\n }\r\n @media (max-width: 600px) {\r\n .thankyou-card {\r\n padding: 34px 22px;\r\n width: 95%;\r\n }\r\n .thankyou-card .icon {\r\n width: 78px;height: 78px;font-size: 2.1rem;margin-bottom: 22px;\r\n }\r\n .thankyou-card h3 {font-size: 1.7rem;margin-bottom: 12px;}\r\n .thankyou-card p {font-size: 1rem;}\r\n .thankyou-card .btn-row {flex-direction: column;gap: 10px;margin-top: 22px;}\r\n .thankyou-card .btn-book {width: 100%;padding: 11px 16px;}\r\n }\r\n\r\n \/* ---- Mobile tweaks ---- *\/\r\n @media (max-width:768px){\r\n html,body{width:100%;overflow-x:hidden}\r\n .container{padding:16px;padding-bottom:78px}\r\n .gallery-main{height:260px}\r\n .gallery-thumb{height:110px}\r\n .section{padding:18px}\r\n .itinerary-item{grid-template-columns:80px 1fr;gap:12px}\r\n .tour-highlight{font-size:1.1rem}\r\n .mobile-booking-bar{display:block}\r\n .booking-sidebar{display:none}\r\n .support-info{flex-direction:column}\r\n .support-item{min-width:100%}\r\n input,select,textarea{font-size:16px!important}\r\n }\r\n\r\n \/* ===== MOBILE POPUP ===== *\/\r\n .mobile-popup-overlay{\r\n display:none;\r\n position:fixed; inset:0;\r\n z-index:99999;\r\n background:rgba(30,15,5,.7);\r\n backdrop-filter:blur(5px);\r\n padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));\r\n overflow:auto;\r\n place-items:center;\r\n }\r\n .mobile-popup{\r\n width:min(560px, 92vw);\r\n max-height:min(720px, calc(100dvh - 64px));\r\n background:#fffdf7; border-radius:18px; border:1px solid var(--tour-border);\r\n box-shadow:0 22px 60px rgba(120,53,15,.65);\r\n padding:18px; animation:popupIn .22s ease-out;\r\n overflow:auto;\r\n }\r\n @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n .mobile-popup .popup-header{\r\n position:sticky;top:0;background:#fffdf7;z-index:1;\r\n padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--tour-border);\r\n display:flex;align-items:center;justify-content:space-between;gap:10px\r\n }\r\n .mobile-popup .popup-title{\r\n font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:.55rem\r\n }\r\n .mobile-popup .popup-title i{color:var(--tour-sage)}\r\n .mobile-popup .close-popup{\r\n background:#fef3c7;border:1px solid var(--tour-border);\r\n width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer\r\n }\r\n .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}\r\n .mobile-popup .row-1col{grid-template-columns:1fr !important}\r\n .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}\r\n .popup-total{\r\n padding:9px 11px;background:rgba(254,243,199,.9);\r\n border:1px dashed var(--tour-border);\r\n border-radius:11px;font-weight:700;\r\n display:flex;align-items:center;justify-content:space-between;\r\n margin-top:7px;font-size:.95rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\r\n\r\n <!-- HERO HEADER -->\r\n <div class=\"tour-header\">\r\n <div class=\"tour-header-main\">\r\n <div class=\"tour-label\"><i class=\"fas fa-mountain\"><\/i> WANDERN IM MITTLEREN ATLAS<\/div>\r\n <h1>Wanderung Mittlerer Atlas: 8-t\u00e4gige Rundreise durch die Hochplateaus<\/h1>\r\n <p class=\"tour-subtitle\">\r\n Entdecken Sie den Mittleren Atlas, ein Bergmassiv mit weiten Hochplateaus, nat\u00fcrlichen Seen und unber\u00fchrten Zedernw\u00e4ldern auf einer 8-t\u00e4gigen Rundreise, die f\u00fcr alle zug\u00e4nglich ist.\r\n <\/p>\r\n <div class=\"tour-meta\">\r\n <div class=\"meta-pill\"><i class=\"fas fa-calendar-alt\"><\/i>8-t\u00e4gige Wanderung<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-mountain\"><\/i>Hochgelegene Plateaus<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-route\"><\/i>Rundreise Mittlerer Atlas<\/div>\r\n <div class=\"meta-pill\"><i class=\"fas fa-users\"><\/i>Wanderung in einer kleinen Gruppe<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tour-header-side\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n <div class=\"stat-text\">\r\n <span>Niveau der Wanderung<\/span>\r\n <strong>Leichte Wanderung<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div class=\"stat-text\">\r\n <span>Hauptregion<\/span>\r\n <strong>Mittlerer Atlas<\/strong>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"stat-text\">\r\n <span>Beste Saison<\/span>\r\n <strong>Oktober - Mai<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gallery -->\r\n <section class=\"image-gallery center\" aria-label=\"Bildergalerie\">\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Foto ansehen\r\n <\/button>\r\n <\/figure>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\"\r\n data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg\"\r\n data-main=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg\"\r\n style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"content-wrapper\">\r\n <!-- Main Content -->\r\n <div class=\"main-content\">\r\n <!-- Tour Description -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Beschreibung des Rundgangs<\/h2>\r\n <div class=\"tour-highlight\">8-t\u00e4gige Rundreise durch den Mittleren Atlas - Wanderung durch die Hochplateaus<\/div>\r\n <div class=\"description\">\r\n <p>\r\n Der Mittlere Atlas ist ein 350 km langes Bergmassiv im S\u00fcdwesten und Nordosten Marokkos, das zwischen dem Rif und dem Hohen Atlas liegt und eine Gesamtfl\u00e4che von 2,3 Millionen Hektar bedeckt.\r\n <\/p>\r\n <p>\r\n Es besteht aus den weiten, hochgelegenen Plateaus der oberen Moulouya. Diese Hochebenen erstrecken sich von Midelt (Provinz Khnifra), wo sich der Jbel Ayachi (3747 m) befindet, bis nach Imilchil. Die Bergkette geh\u00f6rt zum Atlasgebirge, genauer gesagt zu einem der drei Elemente des marokkanischen Atlasgebirges - die beiden anderen sind der Hohe Atlas und der Anti-Atlas.\r\n <\/p>\r\n <p>\r\n Unsere 8-t\u00e4gige Rundreise f\u00fchrt Sie in diese unber\u00fchrte Region, die sich durch ihre nat\u00fcrlichen Seen (Aguelmanes), majest\u00e4tische Zedernw\u00e4lder und weite Hochebenen auszeichnet, in denen die Natur herrscht. Eine authentische Erfahrung inmitten eines einzigartigen \u00d6kosystems.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Highlights -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> H\u00f6hepunkte der Rundreise<\/h2>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Entdeckung des Mittleren Atlas, eines Bergmassivs mit weiten Hochplateaus.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Erkundung der nat\u00fcrlichen Seen (Aguelmanes) von Azigza und Ouiaouene mit ihrem smaragdgr\u00fcnen Wasser.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Wanderung durch majest\u00e4tische Zedernw\u00e4lder und unber\u00fchrte Landschaften.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Besichtigung der \"40 Quellen\", einer au\u00dfergew\u00f6hnlichen Naturst\u00e4tte mit zahlreichen Wasserresurrektionen.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Eintauchen in die Region von Khnifra, dem authentischen Herzen des Mittleren Atlas.<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> All-Inclusive-Paket mit zertifizierten Bergf\u00fchrern, Maultierhalterunterst\u00fctzung und Vollpension.<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <!-- Detailed Itinerary -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Detaillierter Reiseplan f\u00fcr die 8-t\u00e4gige Wanderung<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 1<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Ankunft und Transfer zum Hotel<\/h3>\r\n <p>Ankunft in Marokko, Empfang am Flughafen und Transfer zu einem traditionellen Riad in Marrakesch. Einrichtung und \u00dcbernachtung in Marrakesch.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Marrakesch - Khnifra - Aguelmane Azigza (1550m)<\/h3>\r\n <p>Abfahrt von Marrakesch in Richtung Mittlerer Atlas. Fahrt durch abwechslungsreiche Landschaften und Ankunft in der Region Khnifra. Weiterfahrt zum wundersch\u00f6nen Natursee Aguelmane Azigza, wo das Lager aufgeschlagen wird. 5-6 Stunden Fahrt (400 km).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 3<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Aguelmane Azigza - Die 40 Quellen (1400m)<\/h3>\r\n <p>Tageswanderung zur Entdeckung der au\u00dfergew\u00f6hnlichen St\u00e4tte der \"40 Quellen\", einem magischen Ort, an dem das Wasser aus zahlreichen Quellen im Herzen des Waldes sprudelt. R\u00fcckkehr zum Lager in der N\u00e4he des Azigza-Sees. 5-6 Stunden Wanderung.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 4<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Die 40 Quellen - Aguelmane Ouiaouene (1769m)<\/h3>\r\n <p>Wanderung durch die unber\u00fchrten Landschaften des Mittleren Atlas zu einem weiteren Naturjuwel: dem See Ouiaouene. Entdeckung der lokalen Fauna und Flora und Einrichtung des Lagers in der N\u00e4he des Sees. 5-6 Stunden Wanderung.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 5<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Ouiaouene - Zaouiate Ifrane (1260m)<\/h3>\r\n <p>Fortsetzung der Wanderung durch die Zedernw\u00e4lder und Hochebenen des Mittleren Atlas. Ankunft in der Region Zaouiate Ifrane und Einrichtung des Lagers. 5-6 Stunden Wanderung.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 6<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Zaouit Ifrane - Ain Louh (1600m)<\/h3>\r\n <p>Letzter Tag der Wanderung durch die abwechslungsreichen Landschaften des Mittleren Atlas. Ankunft in Ain Louh und Einrichtung des Nachtlagers. 6-st\u00fcndige Wanderung.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 7<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Ain Louh - Marrakesch<\/h3>\r\n <p>Abfahrt vom Mittleren Atlas und R\u00fcckfahrt nach Marrakesch. Fahrt durch wundersch\u00f6ne Landschaften und Ankunft in Marrakesch am Ende des Tages. Einchecken im Hotel und freier Abend.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 8<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Transfer zum Flughafen<\/h3>\r\n <p>Fr\u00fchst\u00fcck im Hotel und anschlie\u00dfend Transfer zum Flughafen f\u00fcr Ihren R\u00fcckflug gem\u00e4\u00df Ihrem Flugplan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- What's Included -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Was Inklusive ist<\/h2>\r\n <div class=\"inclusion-grid\">\r\n <div>\r\n <h3><i class=\"fas fa-check-circle\" style=\"color:var(--tour-sage)\"><\/i> Inklusive<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Abholung bei Ankunft am Flughafen<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Die Transfers Flughafen - Hotel - Wanderung - Hotel - Flughafen<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Unterst\u00fctzung durch einen diplomierten F\u00fchrer und ein Maultiertreiberteam<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Die \u00dcbernachtungen in einem Hotel oder Riad in Marrakesch<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Die \u00dcbernachtungen in Zelten und bei Einheimischen<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Vollpension w\u00e4hrend der Tour<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e11d48\"><\/i> Nicht Enthalten<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> Reiser\u00fccktrittsversicherung und Assistance (Pflicht!)<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Getr\u00e4nke und pers\u00f6nliche Ausgaben<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Mahlzeiten in der Stadt<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Additional Tour Details -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Zus\u00e4tzliche Details der Rundreise<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Dauer der Wanderung<\/h3>\r\n <p>8 Tage<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-hiking\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Schwierigkeitsgrad der Wanderung<\/h3>\r\n <p>Leichte Wanderung<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Beste Saison<\/h3>\r\n <p>Oktober - Mai<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Gr\u00f6\u00dfe der Gruppe<\/h3>\r\n <p>Ab 2 Personen<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-route\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Art der Wanderung<\/h3>\r\n <p>Rundreise Mittlerer Atlas<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"detail-item\">\r\n <div class=\"detail-icon\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\r\n <div class=\"detail-content\">\r\n <h3>Preis der Wanderung<\/h3>\r\n <p>Auf Anfrage<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> H\u00e4ufig gestellte Fragen<\/h2>\r\n <div class=\"faq-accordion\">\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Wie schwierig ist diese Tour?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Es handelt sich um eine Wanderung mit einfachem Schwierigkeitsgrad. Die Wandertage variieren zwischen 5 und maximal 6 Stunden und verlaufen auf gut ausgebauten Wegen ohne gr\u00f6\u00dfere H\u00f6henunterschiede. Zug\u00e4nglich f\u00fcr alle Personen mit guter allgemeiner k\u00f6rperlicher Verfassung, auch ohne vorherige Erfahrung mit Bergwanderungen.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Was ist ein \"Aguelmane\"?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Ein \"Aguelmane\" ist ein nat\u00fcrlicher See karstischen Ursprungs, der f\u00fcr den Mittleren Atlas charakteristisch ist. Diese Seen bilden sich in nat\u00fcrlichen Vertiefungen und werden durch Regenwasser und unterirdische Quellen gespeist. Die \"aguelmanes\" von Azigza und Ouiaouene, die wir besuchen, sind besonders f\u00fcr die Sch\u00f6nheit ihres smaragdgr\u00fcnen Wassers und ihre unber\u00fchrte Umgebung bekannt.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Wann ist die beste Zeit, um den Mittleren Atlas zu besuchen?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Die beste Reisezeit f\u00fcr diese Tour ist von Oktober bis Mai. Der Herbst bietet Landschaften mit wundersch\u00f6nen Farben, der Winter kann auf den H\u00f6hen Schnee bringen, der m\u00e4rchenhafte Landschaften schafft, und der Fr\u00fchling ist ideal mit der bl\u00fchenden Natur und angenehmen Temperaturen. Der Sommer ist ebenfalls m\u00f6glich, kann aber w\u00e4rmer sein.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Durch welche Art von Landschaften reist man im Mittleren Atlas?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>\r\n Der Mittlere Atlas weist sehr unterschiedliche Landschaften auf: weite Hochplateaus (bis zu 2000 m), majest\u00e4tische Zedernw\u00e4lder (einige B\u00e4ume sind \u00fcber 800 Jahre alt), nat\u00fcrliche Seen (Aguelmanes), Quellen und Fl\u00fcsse sowie pastorale Landschaften, in denen man Schafherden und Nomaden beobachten kann. Die Region ist viel gr\u00fcner und bewaldeter als der Anti-Atlas oder Teile des Hohen Atlas.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Bottom Gallery -->\r\n <section class=\"section bottom-gallery\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-images\"><\/i> Fotogalerie des Mittleren Atlas<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/destination-favorite-khenifra-1747213953.png\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/destination-favorite-khenifra-1747213953.png')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/01JVQ6SV0E66CY0F86X2P2SBW3.webp\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/01JVQ6SV0E66CY0F86X2P2SBW3.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Kheniframainroad.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Kheniframainroad.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifra_Amazigh-scaled.jpeg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifra_Amazigh-scaled.jpeg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifrariver.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Khenifrariver.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/aguelmam-azigza-national.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/Plateauajdir-scaled.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg\" style=\"background-image:url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/xlarge_photo_1521484_71d54e890a.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Sidebar -->\r\n <aside class=\"booking-sidebar\">\r\n <section class=\"section price-section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-tag\"><\/i> Preis der Rundreise<\/h2>\r\n <div class=\"price-amount\" id=\"price-amount\">Auf Anfrage<\/div>\r\n <p class=\"price-note\">Preis auf Anfrage erh\u00e4ltlich - kontaktieren Sie uns f\u00fcr ein individuelles Wanderangebot.<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> 8-t\u00e4gige Tour durch den Mittleren Atlas<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Wanderung durch die Hochplateaus<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Wanderung in einer Gruppe ab 2 Personen<\/p>\r\n <\/section>\r\n <section class=\"section booking-form\" aria-labelledby=\"book-title\">\r\n <h2 id=\"book-title\" class=\"section-title\"><i class=\"fas fa-calendar-plus\"><\/i> Diese Tour beantragen<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">Bevorzugtes Startdatum<\/label>\r\n <input type=\"date\" id=\"tour-date\" class=\"form-control\" required placeholder=\"W\u00e4hlen Sie ein Datum\">\r\n <div class=\"error-message\" id=\"date-error\">Bitte w\u00e4hlen Sie ein g\u00fcltiges Datum aus<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"tour-end-date\">Datum des Endes<\/label>\r\n <input type=\"date\" id=\"tour-end-date\" class=\"form-control\" required placeholder=\"W\u00e4hlen Sie ein Datum\">\r\n <div class=\"error-message\" id=\"end-date-error\">Bitte w\u00e4hlen Sie ein Enddatum<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- CORRECTION: Participants field on one line -->\r\n <div class=\"form-row-single\">\r\n <div class=\"form-group\">\r\n <label for=\"participants\">Anzahl der Teilnehmer<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"2\" max=\"16\" value=\"2\" required placeholder=\"ex. 2\">\r\n <div class=\"error-message\" id=\"participants-error\">Bitte geben Sie eine g\u00fcltige Zahl ein (2-16)<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"first-name\">Vorname<\/label>\r\n <input type=\"text\" id=\"first-name\" class=\"form-control\" required placeholder=\"ex. Jean\">\r\n <div class=\"error-message\" id=\"first-name-error\">Bitte geben Sie Ihren Vornamen ein<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"last-name\">Name<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n <div class=\"error-message\" id=\"last-name-error\">Bitte geben Sie Ihren Namen ein<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"email\">E-Mail-Adresse<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required placeholder=\"ex. jean@exemple.com\">\r\n <div class=\"error-message\" id=\"email-error\">Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Telefonnummer<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" required placeholder=\"z.B. +212612345678\">\r\n <div class=\"error-message\" id=\"phone-error\">Bitte geben Sie eine g\u00fcltige Telefonnummer ein (mindestens 10 Ziffern).<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Sonderw\u00fcnsche (Ausr\u00fcstung, Di\u00e4t, etc.)<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Ern\u00e4hrungsvorlieben, Ausr\u00fcstungsverleih, besondere Bed\u00fcrfnisse usw.\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Einen Kostenvoranschlag anfordern<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/section>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile bottom bar -->\r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\">Auf Anfrage<\/div>\r\n <p class=\"price-note\">Preis auf Anfrage erh\u00e4ltlich<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Den Rundgang beantragen<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile Popup -->\r\n <div class=\"mobile-popup-overlay\" id=\"mobile-popup\" aria-hidden=\"true\">\r\n <div class=\"mobile-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mobile-popup-title\">\r\n <div class=\"popup-header\">\r\n <div class=\"popup-title\" id=\"mobile-popup-title\"><i class=\"fas fa-calendar-plus\"><\/i> Diese Tour anfordern Mittlerer Atlas<\/div>\r\n <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Schlie\u00dfen\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n\r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-date\">Bevorzugtes Startdatum<\/label>\r\n <input type=\"date\" id=\"m-tour-date\" class=\"form-control\" required placeholder=\"W\u00e4hlen Sie ein Datum\">\r\n <div class=\"error-message\" id=\"m-date-error\">Bitte w\u00e4hlen Sie ein g\u00fcltiges Datum aus<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-end-date\">Datum des Endes<\/label>\r\n <input type=\"date\" id=\"m-tour-end-date\" class=\"form-control\" required placeholder=\"W\u00e4hlen Sie ein Datum\">\r\n <div class=\"error-message\" id=\"m-end-date-error\">Bitte w\u00e4hlen Sie ein Enddatum<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- CORRECTION: Participants field on one line in mobile popup -->\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-participants\">Anzahl der Teilnehmer<\/label>\r\n <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"2\" max=\"16\" value=\"2\" required placeholder=\"ex. 2\">\r\n <div class=\"error-message\" id=\"m-participants-error\">Bitte geben Sie eine g\u00fcltige Zahl ein (2-16)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-first-name\">Vorname<\/label>\r\n <input type=\"text\" id=\"m-first-name\" class=\"form-control\" required placeholder=\"ex. Jean\">\r\n <div class=\"error-message\" id=\"m-first-name-error\">Bitte geben Sie Ihren Vornamen ein<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-last-name\">Name<\/label>\r\n <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"ex. Dupont\">\r\n <div class=\"error-message\" id=\"m-last-name-error\">Bitte geben Sie Ihren Namen ein<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"m-email\">E-Mail-Adresse<\/label>\r\n <input type=\"email\" id=\"m-email\" class=\"form-control\" required placeholder=\"ex. jean@exemple.com\">\r\n <div class=\"error-message\" id=\"m-email-error\">Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"m-phone\">Telefonnummer<\/label>\r\n <input type=\"tel\" id=\"m-phone\" class=\"form-control\" required placeholder=\"z.B. +212612345678\">\r\n <div class=\"error-message\" id=\"m-phone-error\">Bitte geben Sie eine g\u00fcltige Telefonnummer ein (mindestens 10 Ziffern).<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"m-special-requests\">Spezielle Antr\u00e4ge<\/label>\r\n <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Ern\u00e4hrungsvorlieben, Ausr\u00fcstungsverleih, besondere Bed\u00fcrfnisse usw.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Gesamt<\/span><strong>Auf Anfrage<\/strong><\/div>\r\n\r\n <div class=\"popup-actions\">\r\n <button type=\"button\" class=\"btn-book\" id=\"mobile-cancel\">Abbrechen<\/button>\r\n <button type=\"submit\" class=\"btn-book\" id=\"mobile-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i> Antrag senden<\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Lightbox -->\r\n <dialog id=\"lightbox\">\r\n <button class=\"close-lightbox\" aria-label=\"Den Viewer schlie\u00dfen\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Image de la galerie\" \/><\/div>\r\n <\/dialog>\r\n\r\n <!-- Thank You -->\r\n <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n <div class=\"thankyou-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <h3>Danke!<\/h3>\r\n <p>Wir haben Ihre Anfrage f\u00fcr die Tour durch den Mittleren Atlas erhalten und werden uns umgehend mit einem individuellen Angebot f\u00fcr die Wanderung bei Ihnen melden.<\/p>\r\n <div class=\"btn-row\">\r\n <button class=\"btn-book\" id=\"ty-close\">Schlie\u00dfen<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS with your PUBLIC KEY\r\n (function(){ \r\n emailjs.init(\"yZHVz5dZwIBbhTQjN\");\r\n })();\r\n\r\n \/* Validation Functions *\/\r\n function validateEmail(email) {\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : '';\r\n\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Veuillez s\u00e9lectionner une date de randonn\u00e9e' },\r\n { id: `${prefix}tour-end-date`, errorId: `${prefix}end-date-error`, message: 'Veuillez s\u00e9lectionner une date de fin' },\r\n { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Veuillez entrer le nombre de participants' },\r\n { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Veuillez entrer votre pr\u00e9nom' },\r\n { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Veuillez entrer votre nom' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/* Gallery *\/\r\n const mainImage = document.getElementById('main-image');\r\n const galleryThumbs = document.querySelectorAll('.gallery-thumb');\r\n galleryThumbs.forEach(thumb=>{\r\n thumb.addEventListener('click',()=>{\r\n const mainSrc=thumb.getAttribute('data-main') || thumb.getAttribute('data-full');\r\n const fullSrc=thumb.getAttribute('data-full');\r\n if(mainSrc){\r\n mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n const btn = mainImage.querySelector('.zoom-btn');\r\n if (btn) btn.setAttribute('data-full',fullSrc);\r\n }\r\n galleryThumbs.forEach(t=>t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n const lightbox=document.getElementById('lightbox');\r\n const lbImg=document.getElementById('lb-img');\r\n const closeLightbox=document.querySelector('.close-lightbox');\r\n\r\n function openLightbox(src){\r\n lbImg.src=src;\r\n lbImg.classList.remove('zoomed');\r\n lightbox.showModal();\r\n }\r\n mainImage.addEventListener('click',()=>openLightbox(mainImage.querySelector('.zoom-btn').getAttribute('data-full')));\r\n document.querySelectorAll('.zoom-btn').forEach(btn=>btn.addEventListener('click',e=>{\r\n e.stopPropagation();\r\n openLightbox(btn.getAttribute('data-full'));\r\n }));\r\n closeLightbox.addEventListener('click',()=>lightbox.close());\r\n lbImg.addEventListener('click',()=>lbImg.classList.toggle('zoomed'));\r\n\r\n \/* Min date = demain *\/\r\n (function(){\r\n const d=new Date(); d.setDate(d.getDate()+1);\r\n const min=`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\r\n ['tour-date','m-tour-date','tour-end-date','m-tour-end-date'].forEach(id=>{\r\n const el=document.getElementById(id);\r\n if(el) el.min=min;\r\n });\r\n })();\r\n\r\n \/* FAQ *\/\r\n document.querySelectorAll('.faq-accordion-header').forEach(h=>{\r\n h.addEventListener('click',()=>{\r\n const item=h.parentElement; \r\n const isActive=item.classList.contains('active');\r\n document.querySelectorAll('.faq-accordion-item').forEach(i=>i.classList.remove('active'));\r\n if(!isActive){ item.classList.add('active'); }\r\n });\r\n });\r\n\r\n \/* Toast *\/\r\n const toast=document.getElementById('toast');\r\n function showToast(text,type='success'){\r\n toast.textContent=text;\r\n toast.className='toast show '+type;\r\n setTimeout(()=>toast.classList.remove('show'),5000);\r\n }\r\n\r\n \/* Thank You overlay *\/\r\n const TY=document.getElementById('thankyou');\r\n const TY_CLOSE=document.getElementById('ty-close');\r\n function showThankYou(){\r\n TY.style.display='block'; \r\n document.body.style.overflow='hidden';\r\n }\r\n function hideThankYou(){ \r\n TY.style.display='none'; \r\n document.body.style.overflow=''; \r\n }\r\n TY_CLOSE.addEventListener('click',hideThankYou);\r\n\r\n \/* Desktop submit *\/\r\n const form=document.getElementById('booking-form');\r\n const submitBtn=document.getElementById('submit-btn');\r\n if(form){\r\n form.addEventListener('submit',async e=>{\r\n e.preventDefault();\r\n if (!validateForm('desktop')) {\r\n showToast('Veuillez corriger les erreurs dans le formulaire','error');\r\n return;\r\n }\r\n submitBtn.disabled=true;\r\n submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n try{\r\n const pax=parseInt(document.getElementById('participants').value||'2',10);\r\n const formData={\r\n tour_date:document.getElementById('tour-date').value,\r\n tour_end_date:document.getElementById('tour-end-date').value,\r\n participants:pax,\r\n first_name:document.getElementById('first-name').value,\r\n last_name:document.getElementById('last-name').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n special_requests:document.getElementById('special-requests').value,\r\n tour_name:'Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d\\'Altitude',\r\n total_price:'Sur demande'\r\n };\r\n await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n showThankYou();\r\n form.reset(); \r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n } finally{\r\n submitBtn.disabled=false;\r\n submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Demander un Devis';\r\n }\r\n });\r\n }\r\n\r\n \/* Mobile popup *\/\r\n const openMobilePopupBtn=document.getElementById('open-mobile-popup');\r\n const mobilePopupOverlay=document.getElementById('mobile-popup');\r\n const closeMobilePopupBtn=document.getElementById('close-mobile-popup');\r\n const mobileCancelBtn=document.getElementById('mobile-cancel');\r\n\r\n const mDate=document.getElementById('m-tour-date');\r\n const mEndDate=document.getElementById('m-tour-end-date');\r\n const mParticipants=document.getElementById('m-participants');\r\n const mFirst=document.getElementById('m-first-name');\r\n const mLast=document.getElementById('m-last-name');\r\n const mEmail=document.getElementById('m-email');\r\n const mPhone=document.getElementById('m-phone');\r\n const mReq=document.getElementById('m-special-requests');\r\n\r\n function syncToMobile(){\r\n const d=(id)=>document.getElementById(id)?.value||'';\r\n if(mDate) mDate.value=d('tour-date');\r\n if(mEndDate) mEndDate.value=d('tour-end-date');\r\n if(mParticipants) mParticipants.value=d('participants')||'2';\r\n if(mFirst) mFirst.value=d('first-name');\r\n if(mLast) mLast.value=d('last-name');\r\n if(mEmail) mEmail.value=d('email');\r\n if(mPhone) mPhone.value=d('phone');\r\n if(mReq) mReq.value=d('special-requests');\r\n }\r\n function openPopup(){\r\n syncToMobile();\r\n mobilePopupOverlay.style.display='grid';\r\n document.body.style.overflow='hidden';\r\n mobilePopupOverlay.setAttribute('aria-hidden','false');\r\n }\r\n function closePopup(){\r\n mobilePopupOverlay.style.display='none';\r\n document.body.style.overflow='';\r\n mobilePopupOverlay.setAttribute('aria-hidden','true');\r\n if(document.getElementById('participants') && mParticipants){\r\n document.getElementById('participants').value=mParticipants.value||'2';\r\n }\r\n if(document.getElementById('tour-date') && mDate){\r\n document.getElementById('tour-date').value=mDate.value||'';\r\n }\r\n if(document.getElementById('tour-end-date') && mEndDate){\r\n document.getElementById('tour-end-date').value=mEndDate.value||'';\r\n }\r\n }\r\n if(openMobilePopupBtn) openMobilePopupBtn.addEventListener('click',openPopup);\r\n if(closeMobilePopupBtn) closeMobilePopupBtn.addEventListener('click',closePopup);\r\n if(mobileCancelBtn) mobileCancelBtn.addEventListener('click',closePopup);\r\n window.addEventListener('click',e=>{ if(e.target===mobilePopupOverlay) closePopup(); });\r\n window.addEventListener('keydown',e=>{ if(e.key==='Escape' && mobilePopupOverlay.style.display!=='none') closePopup(); });\r\n\r\n \/* Mobile submit *\/\r\n const mobileForm=document.getElementById('mobile-booking-form');\r\n const mobileSubmitBtn=document.getElementById('mobile-submit');\r\n if(mobileForm){\r\n mobileForm.addEventListener('submit',async e=>{\r\n e.preventDefault();\r\n if (!validateForm('mobile')) {\r\n showToast('Veuillez corriger les erreurs dans le formulaire','error');\r\n return;\r\n }\r\n mobileSubmitBtn.disabled=true;\r\n mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n try{\r\n const pax=Math.max(2,parseInt(mParticipants.value||'2',10));\r\n const formData={\r\n tour_date:mDate.value,\r\n tour_end_date:mEndDate.value,\r\n participants:pax,\r\n first_name:mFirst.value,\r\n last_name:mLast.value,\r\n email: mEmail.value,\r\n phone: mPhone.value, \r\n special_requests:mReq.value,\r\n tour_name:'Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d\\'Altitude',\r\n total_price:'Sur demande'\r\n };\r\n await emailjs.send('service_n36h9q6', 'template_1ctvg9l', formData);\r\n closePopup();\r\n showThankYou();\r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('D\u00e9sol\u00e9, une erreur s\\'est produite lors de l\\'envoi de votre demande. Veuillez r\u00e9essayer.','error'); \r\n } finally{\r\n mobileSubmitBtn.disabled=false;\r\n mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Envoyer la Demande';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Real-time validation\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const emailInput = document.getElementById('email');\r\n const phoneInput = document.getElementById('phone');\r\n if (emailInput) {\r\n emailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('email', 'email-error', 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n } else {\r\n hideError('email', 'email-error');\r\n }\r\n });\r\n }\r\n if (phoneInput) {\r\n phoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('phone', 'phone-error', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n } else {\r\n hideError('phone', 'phone-error');\r\n }\r\n });\r\n }\r\n\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n if (mEmailInput) {\r\n mEmailInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n showError('m-email', 'm-email-error', 'Veuillez entrer une adresse email valide (ex. nom@domaine.com)');\r\n } else {\r\n hideError('m-email', 'm-email-error');\r\n }\r\n });\r\n }\r\n if (mPhoneInput) {\r\n mPhoneInput.addEventListener('blur', function() {\r\n if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n showError('m-phone', 'm-phone-error', 'Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide avec au moins 10 chiffres');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Bottom gallery -> lightbox\r\n const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\r\n bottomGalleryThumbs.forEach(thumb => {\r\n thumb.addEventListener('click', function() {\r\n const fullSrc = this.getAttribute('data-full');\r\n openLightbox(fullSrc);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d’Altitude | MoroQuest Adventures RANDONN\u00c9E DANS LE MOYEN ATLAS Randonn\u00e9e Moyen Atlas : Circuit de 8 Jours dans les Plateaux d’Altitude D\u00e9couvrez le Moyen Atlas, massif montagneux aux vastes plateaux d’altitude, lacs naturels et for\u00eats de c\u00e8dres pr\u00e9serv\u00e9es lors d’un circuit de 8 jours […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-566","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages\/566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":7,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages\/566\/revisions"}],"predecessor-version":[{"id":964,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages\/566\/revisions\/964"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/media?parent=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}