{"id":199,"date":"2025-10-28T15:24:55","date_gmt":"2025-10-28T15:24:55","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=199"},"modified":"2025-11-02T12:45:03","modified_gmt":"2025-11-02T12:45:03","slug":"mhamid-chegaga-trek-6-days","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/de\/mhamid-chegaga-trek-6-days\/","title":{"rendered":"Tageswanderung im Atlasgebirge"},"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 Day Hike in the Atlas Mountains from Marrakech | Summit Tasghimout | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Day hike in the Atlas Mountains from Marrakech. Summit Mont Tasghimout (2,700m) with panoramic views of Imlil and Azzaden Valleys. Professional guide and picnic lunch included.\">\r\n <meta name=\"keywords\" content=\"Atlas Mountains day hike, Marrakech hiking, Mont Tasghimout summit, Imlil Valley trek, Azzaden Valley views, Berber villages, mountain hiking Morocco\">\r\n <meta property=\"og:title\" content=\"Day Hike in the Atlas Mountains from Marrakech | Summit Tasghimout\">\r\n <meta property=\"og:description\" content=\"Embark on a moderate day hike to summit Mont Tasghimout with breathtaking views of Imlil and Azzaden Valleys.\">\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 \/* ---- Base Theme ---- *\/\r\n .tour-booking-page{\r\n --tour-bg:#f5efe6; --tour-ink:#2d2a26; --tour-muted:#6b6a66; --tour-card:#fff;\r\n --tour-border:#e6dfd4; --tour-sage:#647a68; --tour-sage-700:#4f6254;\r\n --tour-terra:#e67e22; --tour-terra-700:#d35400; --tour-cream:#fffaf2;\r\n --radius:14px; --shadow:0 10px 30px rgba(2,6,23,.08);\r\n box-sizing:border-box; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:linear-gradient(180deg,var(--tour-cream),var(--tour-bg)); color:var(--tour-ink); line-height:1.6;\r\n -webkit-text-size-adjust:100%; margin:0; padding:0;\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 \/* ---- Layout ---- *\/\r\n .content-wrapper{display:grid;grid-template-columns:1.6fr .9fr;gap:26px}\r\n @media (max-width:980px){.content-wrapper{grid-template-columns:1fr}}\r\n .section{background:var(--tour-card);border-radius:var(--radius);padding:24px;margin-bottom:22px;box-shadow:var(--shadow);border:1px solid var(--tour-border)}\r\n .section-title{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:0 0 16px;color:var(--tour-ink)}\r\n .section-title i{color:var(--tour-terra)}\r\n .description{color:var(--tour-muted);font-size:1.05rem}\r\n\r\n \/* ---- Gallery ---- *\/\r\n .image-gallery{display:grid;gap:12px;margin:22px 0 34px}\r\n .gallery-main{height:380px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer}\r\n .img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35));opacity:0;transition:.25s}\r\n .zoom-btn{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.9);border:1px solid var(--tour-border);padding:8px 10px;border-radius:999px;display:flex;gap:8px;align-items:center;font-weight:600;color:#111;box-shadow:var(--shadow);cursor:pointer}\r\n .gallery-main:hover .img-overlay{opacity:1}\r\n .gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}\r\n .gallery-thumb{height:140px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent}\r\n .gallery-thumb.active{border-color:var(--tour-terra)}\r\n .gallery-thumb:hover .img-overlay{opacity:1}\r\n @media (min-width:992px){\r\n .image-gallery{grid-template-columns:2fr 1fr}\r\n .gallery-main{height:480px}\r\n .gallery-row{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px}\r\n .gallery-thumb{height:auto;min-height:140px}\r\n }\r\n \r\n \/* Bottom Gallery *\/\r\n .bottom-gallery { margin-top: 40px; }\r\n .bottom-gallery .gallery-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\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{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--tour-border)}\r\n .itinerary-item:last-child{border-bottom:0}\r\n .itinerary-day{font-weight:800;color:var(--tour-terra)}\r\n .itinerary-content h4{margin:.2rem 0 .25rem}\r\n .inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\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:10px}\r\n .inclusion-list i{color:var(--tour-sage)}\r\n .exclusion-list i{color:#e74c3c}\r\n .additional-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}\r\n .detail-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(230,126,34,.05);border-radius:10px;border-left:4px solid var(--tour-terra)}\r\n .detail-icon{background:var(--tour-terra);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}\r\n .detail-content h3{margin:0 0 5px;font-size:1.1rem}\r\n .detail-content p{margin:0;color:var(--tour-muted)}\r\n .faq-accordion-item{border:1px solid var(--tour-border);border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--tour-card)}\r\n .faq-accordion-header{padding:18px 20px;background:rgba(230,126,34,.05);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--tour-ink);transition:background .3s}\r\n .faq-accordion-header:hover{background:rgba(230,126,34,.1)}\r\n .faq-accordion-header i{transition:transform .3s;color:var(--tour-terra)}\r\n .faq-accordion-item.active .faq-accordion-header i{transform:rotate(180deg)}\r\n .faq-accordion-content{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;color:var(--tour-muted)}\r\n .faq-accordion-item.active .faq-accordion-content{padding:20px;max-height:300px}\r\n\r\n \/* ---- Sidebar \/ Form ---- *\/\r\n .price-section{background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;border:0}\r\n .price-section .section-title{color:#fff}\r\n .price-amount{font-size:clamp(2.1rem,4.2vw,3rem);font-weight:800;letter-spacing:.3px}\r\n .booking-form{position:sticky;top:18px}\r\n .form-group{margin-bottom:16px}\r\n label{display:block;margin-bottom:8px;font-weight:600;color:var(--tour-ink)}\r\n .form-control{width:100%;padding:12px 14px;border:1px solid var(--tour-border);border-radius:10px;background:#fff;font:inherit;font-size:16px}\r\n .form-control:focus{outline:3px solid rgba(230,126,34,.25);border-color:rgba(230,126,34,.5)}\r\n .form-control::placeholder{color:#a0a0a0;opacity:1}\r\n .form-control.error{border-color:#e74c3c;background-color:rgba(231,76,60,0.05)}\r\n .error-message{color:#e74c3c;font-size:0.85rem;margin-top:5px;display:none}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n @media (max-width:700px){.form-row{grid-template-columns:1fr}}\r\n .btn-book{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;padding:14px 16px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(230,126,34,.25);transition:.2s transform;font-size:16px}\r\n .btn-book:hover{transform:translateY(-1px)}\r\n .btn-book:disabled{background:#ccc;cursor:not-allowed;transform:none}\r\n\r\n \/* ---------- DATE INPUT FIX ---------- *\/\r\n input[type=\"date\"].form-control{\r\n -webkit-appearance:none; appearance:none;\r\n background:#fff; border:1px solid var(--tour-border); border-radius:10px;\r\n padding:12px 14px; 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:.65; padding:2px; margin-right:2px; cursor:pointer;\r\n }\r\n\r\n \/* Custom placeholder for date inputs *\/\r\n .date-placeholder{color:#a0a0a0}\r\n input[type=\"date\"]:invalid::-webkit-datetime-edit{color:#a0a0a0}\r\n\r\n \/* ---- Toast \/ Lightbox ---- *\/\r\n .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;padding:12px 16px;border-radius:12px;background:var(--tour-ink);color:#fff;box-shadow:var(--shadow);display:none;z-index:100}\r\n .toast.show{display:block}\r\n .toast.success{background:var(--tour-sage)}\r\n .toast.error{background:#e74c3c}\r\n dialog#lightbox{border:0;padding:0;background:transparent;width:100%;height:100%;max-width:100%;max-height:100%}\r\n .lb-wrap{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.8);z-index:100;padding:20px}\r\n .lb-img{max-width:90vw;max-height:80vh;border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);cursor:zoom-in;transition:transform .3s}\r\n .lb-img.zoomed{transform:scale(1.5);cursor:zoom-out}\r\n .close-lightbox{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:101}\r\n\r\n \/* ---- Highlight ---- *\/\r\n .tour-highlight{font-size:1.4rem;font-weight:700;color:var(--tour-terra);text-align:center;margin:0 0 20px;padding:15px;background:rgba(230,126,34,.05);border-radius:10px;border-left:4px solid var(--tour-terra)}\r\n\r\n \/* ---- Mobile bottom bar ---- *\/\r\n .mobile-booking-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--tour-card);box-shadow:0 -4px 20px rgba(0,0,0,.15);padding:12px 16px;z-index:9500;border-top:1px solid var(--tour-border)}\r\n .mobile-booking-bar .booking-bar-content{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto}\r\n .mobile-booking-bar .price-info{display:flex;flex-direction:column}\r\n .mobile-booking-bar .price-amount{font-size:1.5rem;font-weight:800;color:var(--tour-terra);line-height:1.2}\r\n .mobile-booking-bar .price-note{font-size:.8rem;color:var(--tour-muted);margin:0}\r\n .mobile-booking-bar .btn-book-mobile{background:linear-gradient(180deg,var(--tour-terra),var(--tour-terra-700));color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px rgba(230,126,34,.3);display:flex;align-items:center;gap:8px;transition:transform .2s}\r\n .mobile-booking-bar .btn-book-mobile:hover{transform:translateY(-2px)}\r\n\r\n \/* ---- Support ---- *\/\r\n .support-container{background:rgba(230,126,34,.05);border-radius:10px;padding:20px;margin-top:20px;border:1px solid var(--tour-border)}\r\n .support-title{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--tour-terra);display:flex;align-items:center;gap:10px}\r\n .support-info{display:flex;flex-wrap:wrap;gap:15px}\r\n .support-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border-radius:8px;border:1px solid var(--tour-border);flex:1;min-width:200px}\r\n .support-icon{background:var(--tour-terra);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}\r\n .support-details h4{margin:0 0 5px;font-size:.9rem}\r\n .support-details p{margin:0;font-size:.9rem;color:var(--tour-muted)}\r\n\r\n \/* ---- SIMPLIFIED PROFESSIONAL THANK YOU MESSAGE ---- *\/\r\n .thankyou-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:10000;backdrop-filter:blur(5px);overflow-y:auto;padding:20px;box-sizing:border-box}\r\n .thankyou-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:50px 40px;max-width:450px;width:90%;text-align:center;box-shadow:0 25px 50px rgba(0,0,0,0.3);border:1px solid var(--tour-border);animation:thankYouSlideIn .5s ease-out}\r\n @keyframes thankYouSlideIn{0%{opacity:0;transform:translate(-50%,-40%)}100%{opacity:1;transform:translate(-50%,-50%)}}\r\n .thankyou-card .icon{width:90px;height:90px;background:linear-gradient(135deg,var(--tour-sage),var(--tour-sage-700));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;color:white;font-size:2.5rem;box-shadow:0 10px 25px rgba(100,122,104,0.3)}\r\n .thankyou-card h3{font-size:2rem;margin-bottom:20px;color:var(--tour-ink);font-weight:800;line-height:1.2}\r\n .thankyou-card p{color:var(--tour-muted);margin-bottom:0;line-height:1.6;font-size:1.2rem}\r\n .thankyou-card .btn-row{display:flex;justify-content:center;gap:15px;margin-top:30px}\r\n .thankyou-card .btn-book{padding:14px 24px;font-size:1.1rem;min-width:140px}\r\n\r\n @media (max-width: 600px){\r\n .thankyou-card{padding:40px 25px;width:95%}\r\n .thankyou-card .icon{width:80px;height:80px;font-size:2.2rem;margin-bottom:25px}\r\n .thankyou-card h3{font-size:1.7rem;margin-bottom:15px}\r\n .thankyou-card p{font-size:1.1rem}\r\n .thankyou-card .btn-row{flex-direction:column;gap:12px;margin-top:25px}\r\n .thankyou-card .btn-book{width:100%;padding:12px 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:80px}\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.2rem}\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 (centered) ===== *\/\r\n .mobile-popup-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));overflow:auto;place-items:center}\r\n .mobile-popup{width:min(560px,92vw);max-height:min(720px,calc(100dvh - 64px));background:#fff;border-radius:16px;border:1px solid var(--tour-border);box-shadow:0 20px 50px rgba(0,0,0,.25);padding:18px;animation:popupIn .22s ease-out;overflow:auto}\r\n @keyframes popupIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}\r\n .mobile-popup .popup-header{position:sticky;top:0;background:#fff;z-index:1;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--tour-border);display:flex;align-items:center;justify-content:space-between;gap:10px}\r\n .mobile-popup .popup-title{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:.6rem}\r\n .mobile-popup .close-popup{background:#f7f7f7;border:1px solid var(--tour-border);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer}\r\n .popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}\r\n .popup-total{padding:10px 12px;background:rgba(230,126,34,.06);border:1px dashed var(--tour-border);border-radius:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;margin-top:8px}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tour-booking-page\">\r\n <div class=\"container center\">\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('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117.jpg\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Siehe\r\n <\/button>\r\n <\/figure>\r\n\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_7f11b11a.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_7f11b11a.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_7f11b11a.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_c5ec7a1c.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_c5ec7a1c.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_c5ec7a1c.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n <div class=\"content-wrapper\">\r\n <!-- Main Content -->\r\n <div class=\"main-content\">\r\n <section class=\"section\">\r\n <h1 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Beschreibung der Tour<\/h1>\r\n <div class=\"tour-highlight\">Tageswanderung im Atlasgebirge - Gipfel des Mont Tasghimout<\/div>\r\n <div class=\"description\">\r\n <p>Begeben Sie sich auf eine beliebte und moderate Tageswanderung in der N\u00e4he von Marrakesch, bei der Sie fast 900 H\u00f6henmeter auf- und absteigen. Genie\u00dfen Sie von mehreren Punkten entlang der Route Panoramablicke auf die T\u00e4ler von Imlil und Azzaden.<\/p>\r\n <p>Nachdem Sie am fr\u00fchen Morgen von Ihrem Hotel in der Stadt abgeholt wurden, k\u00f6nnen Sie sich auf der 64 km langen Fahrt in Richtung Hoher Atlas entspannen. Sie erreichen das Dorf Imlil (1.740 m), den Startpunkt Ihrer Wanderung.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Details \/ Itinerary -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Reiseplan f\u00fcr die Wanderung<\/h2>\r\n <div class=\"itinerary\">\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Morgen<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Abholung und Fahrt nach Imlil<\/h3>\r\n <p>Ihr Tag beginnt mit der fr\u00fchmorgendlichen Abholung von Ihrem Hotel in Marrakesch. Genie\u00dfen Sie eine komfortable 64 Kilometer lange Fahrt durch die malerische marokkanische Landschaft, w\u00e4hrend Sie sich dem majest\u00e4tischen Hohen Atlasgebirge n\u00e4hern.<\/p>\r\n <p>Sie erreichen das Dorf Imlil (1.740 m), eine malerisch in die Berge eingebettete Berbersiedlung und Ausgangspunkt f\u00fcr Ihr Wanderabenteuer.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Wanderung<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Aufstieg zum Tizi M'zik & Gipfel des Mont Tasghimout<\/h3>\r\n <p>Sie beginnen Ihre Wanderung durch das M'zik-Tal in Richtung des Tizi M'zik-Passes (2.500 m) und passieren dabei die traditionellen Berberd\u00f6rfer Arghen und M'zik.<\/p>\r\n <p>Vom Pass aus betreten Sie den sch\u00f6nen marokkanischen Pinienwald und folgen dem Weg, der zum Gipfel des m\u00e4chtigen Mont Tasghimout (2.700 m) f\u00fchrt. Diese mittelschwere Wanderung mit einem H\u00f6henunterschied von etwa 900 m ist eine lohnende Herausforderung f\u00fcr Tageswanderer.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Gipfel<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Panoramablick auf das Tal<\/h3>\r\n <p>Auf dem Gipfel des Tasghimout sollten Sie sich Zeit nehmen, um den atemberaubenden Panoramablick zu bewundern. Unter Ihnen erstreckt sich das Azzaden-Tal mit den Berberd\u00f6rfern Tizi Oussem und Ait-Aissa, die sich in die Landschaft einf\u00fcgen.<\/p>\r\n <p>Der Gipfel bietet einen der besten Aussichtspunkte der Region mit einem weiten Blick \u00fcber das Imlil- und das Azzaden-Tal - eine perfekte Belohnung f\u00fcr Ihre Kletteranstrengungen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">R\u00fcckkehr<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Abstieg und R\u00fcckfahrt nach Marrakech<\/h3>\r\n <p>Nachdem Sie die Aussicht auf den Gipfel genossen haben, beginnen Sie den Abstieg zur\u00fcck nach Imlil. Genie\u00dfen Sie w\u00e4hrend des Abstiegs ein wohlverdientes Picknick und bewundern Sie die wundersch\u00f6ne Berglandschaft.<\/p>\r\n <p>In Imlil angekommen, werden Sie zur\u00fcck nach Marrakesch gebracht, wo Sie in aller Ruhe und mit vielen Erinnerungen an Ihr Wanderabenteuer im Atlasgebirge zu Ihrer Unterkunft gebracht werden.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> Was ist inbegriffen?<\/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> Eingeschlossen<\/h3>\r\n <ul class=\"inclusion-list\">\r\n <li><i class=\"fas fa-check\"><\/i> Abholung und R\u00fcckgabe des Hotels in Marrakesch<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Professioneller \u00f6rtlicher Bergf\u00fchrer<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Picknick-Mittagessen w\u00e4hrend der Wanderung<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Nicht inbegriffen<\/h3>\r\n <ul class=\"exclusion-list\">\r\n <li><i class=\"fas fa-times\"><\/i> Getr\u00e4nke<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Pers\u00f6nliche Ausgaben<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Tipps f\u00fcr Fremdenf\u00fchrer<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-list-alt\"><\/i> Details zur Wanderung<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-mountain\"><\/i><\/div><div class=\"detail-content\"><h3>H\u00f6he des Gipfels<\/h3><p>2.700 m (Mont Tasghimout)<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-walking\"><\/i><\/div><div class=\"detail-content\"><h3>Erh\u00f6hungsgewinn<\/h3><p>Ungef\u00e4hr 900 m<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-clock\"><\/i><\/div><div class=\"detail-content\"><h3>Dauer der Wanderung<\/h3><p>Ganzer Tag (5-7 Stunden Wanderung)<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-hiking\"><\/i><\/div><div class=\"detail-content\"><h3>Schwierigkeitsgrad<\/h3><p>M\u00e4\u00dfig<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-users\"><\/i><\/div><div class=\"detail-content\"><h3>Gr\u00f6\u00dfe der Gruppe<\/h3><p>Kleine Gruppen<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div><div class=\"detail-content\"><h3>Beste Saison<\/h3><p>M\u00e4rz - November<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\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 hoch ist der Schwierigkeitsgrad dieser Wanderung?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Diese Wanderung wird als mittelschwer eingestuft. Im Laufe des Tages sind ca. 900 H\u00f6henmeter zu \u00fcberwinden, und die Gesamtgehzeit betr\u00e4gt 5-7 Stunden. Der Weg f\u00fchrt \u00fcber gut ausgebaute Pfade durch abwechslungsreiches Gel\u00e4nde mit T\u00e4lern, Bergp\u00e4ssen und Waldgebieten. Sie ist f\u00fcr Personen mit durchschnittlicher Fitness und etwas Wandererfahrung geeignet.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Was sollte ich f\u00fcr die Wanderung mitbringen?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Wir empfehlen die Mitnahme von: festen Wanderschuhen, einem bequemen Tagesrucksack, einer wasserdichten Jacke, warmen Schichten, Sonnenschutz (Hut, Sonnenbrille, Sonnencreme), Wasser (mindestens 2 Liter), pers\u00f6nlichen Snacks, einer Kamera und eventuellen pers\u00f6nlichen Medikamenten. Da das Wetter in den Bergen sehr wechselhaft sein kann, ist es wichtig, dass Sie mit mehreren Schichten ausger\u00fcstet sind.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Welche Art von Mittagessen wird angeboten?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Wir bieten ein Picknick-Mittagessen an, das in der Regel marokkanisches Brot, K\u00e4se, Thunfisch oder Sardinen aus der Dose, Oliven, Obst und Kekse enth\u00e4lt. Es ist so konzipiert, dass es leicht ist und viel Energie f\u00fcr die Wanderung liefert. Wenn Sie besondere Ern\u00e4hrungsbed\u00fcrfnisse haben, informieren Sie uns bitte bei der Buchung, damit wir Ihre W\u00fcnsche ber\u00fccksichtigen k\u00f6nnen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Ist diese Wanderung f\u00fcr Kinder geeignet?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Diese Wanderung ist im Allgemeinen f\u00fcr aktive Kinder ab 12 Jahren geeignet, die bereits \u00fcber etwas Wandererfahrung verf\u00fcgen. Die Entfernung und der H\u00f6henunterschied machen sie f\u00fcr j\u00fcngere Kinder zu einer Herausforderung. Wenn Sie Kinder unter 12 Jahren haben, die erfahrene Wanderer sind, kontaktieren Sie uns bitte, um zu besprechen, ob diese Wanderung f\u00fcr sie geeignet w\u00e4re.<\/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> Wandererlebnis-Galerie<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.47.50_f9f38791-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.47.50_f9f38791-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.14_bbe55117-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_1e953651.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_1e953651.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_3becafcb-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_3becafcb-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_8fffc5d6.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_8fffc5d6.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_f7d71bc8.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_f7d71bc8.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_3b254781-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_3b254781-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_05a817d7.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_05a817d7.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_de82ecbf.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_de82ecbf.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n<\/section>\r\n\r\n <!-- Support -->\r\n <section class=\"support-container\">\r\n <h3 class=\"support-title\"><i class=\"fas fa-headset\"><\/i> Brauchen Sie Hilfe? Kontaktieren Sie uns<\/h3>\r\n <div class=\"support-info\">\r\n <div class=\"support-item\">\r\n <div class=\"support-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"support-details\"><h4>Telefon<\/h4><p>0675747089<\/p><\/div>\r\n <\/div>\r\n <div class=\"support-item\">\r\n <div class=\"support-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"support-details\"><h4>E-Mail<\/h4><p>info@moroquestadventures.com<\/p><\/div>\r\n <\/div>\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 Tour<\/h2>\r\n <div class=\"price-amount\" id=\"price-amount\">$50<\/div>\r\n <p class=\"price-note\">Pro Person<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> Ganztageswanderung<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Gipfel 2.700m<\/p>\r\n <p><i class=\"fas fa-utensils\"><\/i> Picknick-Mittagessen inbegriffen<\/p>\r\n <\/section>\r\n\r\n <!-- === REPLACED: Desktop Booking Form (same as Agafay style) === -->\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 Wanderung buchen<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <!-- One line: date + participants -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">Wanderdatum ausw\u00e4hlen<\/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<\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"participants\">Anzahl der Wanderer<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"10\" value=\"1\" required placeholder=\"z.B. 2\">\r\n <div class=\"error-message\" id=\"participants-error\">Bitte geben Sie eine g\u00fcltige Zahl ein (1-10)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Two-per-line: names -->\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=\"z.B. Johannes\">\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\">Nachname<\/label>\r\n <input type=\"text\" id=\"last-name\" class=\"form-control\" required placeholder=\"z.B. Smith\">\r\n <div class=\"error-message\" id=\"last-name-error\">Bitte geben Sie Ihren Nachnamen ein<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Two-per-line: contact -->\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=\"z.B. john@example.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\">Rufnummer<\/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\r\n <div class=\"form-group\">\r\n <label for=\"special-requests\">Besondere Anfragen<\/label>\r\n <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Di\u00e4tvorlieben, Abholort im Hotel usw.\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Jetzt buchen<\/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\" id=\"mobile-price-amount\">$50<\/div>\r\n <p class=\"price-note\">Pro Person<\/p>\r\n <\/div>\r\n <button class=\"btn-book-mobile\" id=\"open-mobile-popup\"><i class=\"fas fa-calendar-plus\"><\/i> Jetzt buchen<\/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 Wanderung buchen<\/div>\r\n <button class=\"close-popup\" id=\"close-mobile-popup\" aria-label=\"Schlie\u00dfen Sie\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <\/div>\r\n\r\n <!-- === REPLACED: Mobile Booking Form (same as Agafay style) === -->\r\n <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <!-- DATE full width -->\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-date\">Wanderdatum ausw\u00e4hlen<\/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<\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- PARTICIPANTS full width -->\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-participants\">Anzahl der Wanderer<\/label>\r\n <input type=\"number\" id=\"m-participants\" class=\"form-control\" min=\"1\" max=\"10\" value=\"1\" required placeholder=\"z.B. 2\">\r\n <div class=\"error-message\" id=\"m-participants-error\">Bitte geben Sie eine g\u00fcltige Zahl ein (1-10)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Two-per-line: names -->\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=\"z.B. Johannes\">\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\">Nachname<\/label>\r\n <input type=\"text\" id=\"m-last-name\" class=\"form-control\" required placeholder=\"z.B. Smith\">\r\n <div class=\"error-message\" id=\"m-last-name-error\">Bitte geben Sie Ihren Nachnamen ein<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Two-per-line: contact -->\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=\"z.B. john@example.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\">Rufnummer<\/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\">Besondere Anfragen<\/label>\r\n <textarea id=\"m-special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Di\u00e4tvorlieben, Abholort im Hotel usw.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Insgesamt<\/span><strong id=\"mobile-popup-total\">$50<\/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> Best\u00e4tigen Sie die Buchung<\/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=\"Leuchtkasten schlie\u00dfen\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"lb-wrap\"><img class=\"lb-img\" id=\"lb-img\" alt=\"Gallery image\" \/><\/div>\r\n <\/dialog>\r\n\r\n <!-- SIMPLIFIED PROFESSIONAL THANK YOU MESSAGE -->\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>Ich danke Ihnen!<\/h3>\r\n <p>Wir haben Ihre Buchungsanfrage erhalten und werden Sie in K\u00fcrze zur Best\u00e4tigung kontaktieren.<\/p>\r\n <div class=\"btn-row\">\r\n <button class=\"btn-book\" id=\"ty-close\">Schlie\u00dfen Sie<\/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(\"01y34xv7r8ybBh8sA\");\r\n })();\r\n\r\n \/* ===== Validation Helpers (same as Agafay) ===== *\/\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 function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\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 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 \/\/ Email\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address (e.g., name@domain.com)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n \/\/ Phone\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number with at least 10 digits');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n \/\/ Required fields\r\n const requiredFields = [\r\n { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Please select a hike date' },\r\n { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Please enter number of hikers' },\r\n { id: `${prefix}first-name`, errorId: `${prefix}first-name-error`, message: 'Please enter your first name' },\r\n { id: `${prefix}last-name`, errorId: `${prefix}last-name-error`, message: 'Please enter your last name' }\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 addThumbHandler(thumb);\r\n });\r\n function addThumbHandler(thumb){\r\n thumb.addEventListener('click',()=>{\r\n const mainSrc=thumb.getAttribute('data-main') || thumb.style.backgroundImage.slice(5,-2);\r\n const fullSrc=thumb.getAttribute('data-full') || mainSrc;\r\n mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n mainImage.querySelector('.zoom-btn').setAttribute('data-full',fullSrc);\r\n document.querySelectorAll('.gallery-thumb').forEach(t=>t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n }\r\n const lightbox=document.getElementById('lightbox'); const lbImg=document.getElementById('lb-img'); const closeLightbox=document.querySelector('.close-lightbox');\r\n function openLightbox(src){ lbImg.src=src; lbImg.classList.remove('zoomed'); lightbox.showModal(); }\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=>{e.stopPropagation();openLightbox(btn.getAttribute('data-full'));}));\r\n closeLightbox.addEventListener('click',()=>lightbox.close());\r\n lbImg.addEventListener('click',()=>lbImg.classList.toggle('zoomed'));\r\n\r\n \/* ===== Min date = tomorrow ===== *\/\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'].forEach(id=>{const el=document.getElementById(id); if(el) el.min=min;});\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; 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 \/* ===== Pricing ===== *\/\r\n const basePrice=50;\r\n const participantsInput=document.getElementById('participants');\r\n const priceAmount=document.getElementById('price-amount');\r\n const mobileBarAmount=document.getElementById('mobile-price-amount');\r\n function updateSidebarAndBar(){\r\n const n=Math.max(1,parseInt(participantsInput.value||'1',10));\r\n const total=basePrice*n;\r\n priceAmount.textContent=`$${total}`;\r\n mobileBarAmount.textContent=`$${total}`;\r\n }\r\n if(participantsInput){ participantsInput.addEventListener('input',updateSidebarAndBar); updateSidebarAndBar(); }\r\n\r\n \/* ===== Toast ===== *\/\r\n const toast=document.getElementById('toast');\r\n function showToast(text,type='success'){ toast.textContent=text; toast.className='toast show '+type; setTimeout(()=>toast.classList.remove('show'),5000); }\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(){ TY.style.display='block'; document.body.style.overflow='hidden'; }\r\n function hideThankYou(){ TY.style.display='none'; document.body.style.overflow=''; }\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('Please fix the errors in the form','error');\r\n return;\r\n }\r\n submitBtn.disabled=true; submitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n try{\r\n const pax=parseInt(document.getElementById('participants').value||'1',10);\r\n const total=`$${basePrice*Math.max(1,pax)}`;\r\n const formData={\r\n tour_date:document.getElementById('tour-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:'Day Hike in the Atlas Mountains - Summit Mont Tasghimout',\r\n total_price:total\r\n };\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n showThankYou();\r\n form.reset(); \r\n updateSidebarAndBar();\r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('Sorry, there was an error sending your request. Please try again.','error'); \r\n } finally { \r\n submitBtn.disabled=false; submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now'; \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 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 const mTotal=document.getElementById('mobile-popup-total');\r\n\r\n function syncToMobile(){\r\n const d=(id)=>document.getElementById(id)?.value||'';\r\n mDate.value=d('tour-date'); \r\n mParticipants.value=d('participants')||'1';\r\n mFirst.value=d('first-name'); \r\n mLast.value=d('last-name');\r\n mEmail.value=d('email'); \r\n mPhone.value=d('phone'); \r\n mReq.value=d('special-requests');\r\n updateMobileTotal();\r\n }\r\n function updateMobileTotal(){\r\n const n=Math.max(1,parseInt(mParticipants.value||'1',10));\r\n mTotal.textContent=`$${basePrice*n}`;\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')){ document.getElementById('participants').value=mParticipants.value||'1'; updateSidebarAndBar(); }\r\n if(document.getElementById('tour-date')) document.getElementById('tour-date').value=mDate.value||'';\r\n if(document.getElementById('first-name')) document.getElementById('first-name').value=mFirst.value||'';\r\n if(document.getElementById('last-name')) document.getElementById('last-name').value=mLast.value||'';\r\n if(document.getElementById('email')) document.getElementById('email').value=mEmail.value||'';\r\n if(document.getElementById('phone')) document.getElementById('phone').value=mPhone.value||'';\r\n if(document.getElementById('special-requests')) document.getElementById('special-requests').value=mReq.value||'';\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 if(mParticipants) mParticipants.addEventListener('input',updateMobileTotal);\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('Please fix the errors in the form','error');\r\n return;\r\n }\r\n mobileSubmitBtn.disabled=true; mobileSubmitBtn.innerHTML='<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n try{\r\n const pax=Math.max(1,parseInt(mParticipants.value||'1',10));\r\n const total=`$${basePrice*pax}`;\r\n const formData={\r\n tour_date:mDate.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:'Day Hike in the Atlas Mountains - Summit Mont Tasghimout',\r\n total_price:total\r\n };\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n closePopup();\r\n showThankYou();\r\n }catch(err){ \r\n console.error('EmailJS Error:', err); \r\n showToast('Sorry, there was an error sending your request. Please try again.','error'); \r\n } finally { \r\n mobileSubmitBtn.disabled=false; mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Confirm Booking'; \r\n }\r\n });\r\n }\r\n\r\n \/\/ Real-time validation (same behavior as Agafay)\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', 'Please enter a valid email address (e.g., name@domain.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', 'Please enter a valid phone number with at least 10 digits');\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', 'Please enter a valid email address (e.g., name@domain.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', 'Please enter a valid phone number with at least 10 digits');\r\n } else {\r\n hideError('m-phone', 'm-phone-error');\r\n }\r\n });\r\n }\r\n });\r\n\r\n \/\/ Bottom gallery thumbs open in lightbox\r\n document.addEventListener('DOMContentLoaded', function() {\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') || this.style.backgroundImage.slice(5,-2);\r\n openLightbox(fullSrc);\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Day Hike in the Atlas Mountains from Marrakech | Summit Tasghimout … <\/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-199","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/comments?post=199"}],"version-history":[{"count":62,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":1262,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/199\/revisions\/1262"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}