{"id":402,"date":"2025-10-29T11:50:56","date_gmt":"2025-10-29T11:50:56","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=402"},"modified":"2025-11-02T17:00:52","modified_gmt":"2025-11-02T17:00:52","slug":"4-days-cycling-marrakech-and-atlas-mountains","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/de\/4-days-cycling-marrakech-and-atlas-mountains\/","title":{"rendered":"4 DAYS CYCLING MARRAKECH AND ATLAS MOUNTAINS"},"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 4-Day Cycling Marrakech & Atlas Mountains Tour | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"4-day cycling tour from Marrakech to the Atlas Mountains. Experience mountain biking through Berber villages, Kik Plateau, Imlil Valley, and Toubkal National Park.\">\r\n <meta name=\"keywords\" content=\"4 days cycling Marrakech, Atlas Mountains cycling, mountain biking Morocco, Berber villages tour, Toubkal National Park, Imlil Valley, Kik Plateau, cycling tour Morocco, trekking Atlas Mountains\">\r\n <meta property=\"og:title\" content=\"4-Day Cycling Marrakech & Atlas Mountains Tour\">\r\n <meta property=\"og:description\" content=\"Experience the best mountain scenery and Berber villages on this 4-day cycling tour through the Atlas Mountains from Marrakech.\">\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 {\r\n margin-top: 40px;\r\n }\r\n .bottom-gallery .gallery-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n }\r\n @media (max-width: 768px) {\r\n .bottom-gallery .gallery-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\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 {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n z-index: 10000;\r\n backdrop-filter: blur(5px);\r\n overflow-y: auto;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n \r\n .thankyou-card {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 50px 40px;\r\n max-width: 450px;\r\n width: 90%;\r\n text-align: center;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n border: 1px solid var(--tour-border);\r\n animation: thankYouSlideIn 0.5s ease-out;\r\n }\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 \r\n .thankyou-card .icon {\r\n width: 90px;\r\n height: 90px;\r\n background: linear-gradient(135deg, var(--tour-sage), var(--tour-sage-700));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 30px;\r\n color: white;\r\n font-size: 2.5rem;\r\n box-shadow: 0 10px 25px rgba(100, 122, 104, 0.3);\r\n }\r\n \r\n .thankyou-card h3 {\r\n font-size: 2rem;\r\n margin-bottom: 20px;\r\n color: var(--tour-ink);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\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.2rem;\r\n }\r\n \r\n .thankyou-card .btn-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n \r\n .thankyou-card .btn-book {\r\n padding: 14px 24px;\r\n font-size: 1.1rem;\r\n min-width: 140px;\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .thankyou-card {\r\n padding: 40px 25px;\r\n width: 95%;\r\n }\r\n \r\n .thankyou-card .icon {\r\n width: 80px;\r\n height: 80px;\r\n font-size: 2.2rem;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .thankyou-card h3 {\r\n font-size: 1.7rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .thankyou-card p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .thankyou-card .btn-row {\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-top: 25px;\r\n }\r\n \r\n .thankyou-card .btn-book {\r\n width: 100%;\r\n padding: 12px 16px;\r\n }\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{\r\n display:none;\r\n position:fixed; inset:0;\r\n z-index:99999;\r\n background:rgba(0,0,0,.55);\r\n backdrop-filter:blur(4px);\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:#fff; border-radius:16px; border:1px solid var(--tour-border);\r\n box-shadow:0 20px 50px rgba(0,0,0,.25);\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:#fff;z-index:1;\r\n padding-bottom:10px;margin-bottom:12px;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{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 .mobile-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n .mobile-popup .row-1col{grid-template-columns:1fr !important}\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 <!-- Main image shows the first new photo -->\r\n <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Siehe\r\n <\/button>\r\n <\/figure>\r\n\r\n <!-- Three thumbs (click to swap main) -->\r\n <div class=\"gallery-row\">\r\n <figure\r\n class=\"gallery-thumb active\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.jpg')\"\r\n >\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure\r\n class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-1.jpg')\"\r\n >\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n\r\n <figure\r\n class=\"gallery-thumb\"\r\n data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg\"\r\n data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.jpg')\"\r\n >\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\">4-Tage-Radtour Marrakesch und Atlasgebirge<\/div>\r\n <div class=\"description\">\r\n <p>Diese ganzj\u00e4hrig empfehlenswerte 4-t\u00e4gige Radtour durch die T\u00e4ler und D\u00f6rfer des Atlas ist ideal f\u00fcr alle, die die sch\u00f6nsten Berglandschaften und Berberd\u00f6rfer in der Region um Imlil und den Toubkal-Nationalpark erleben m\u00f6chten, ohne den Toubkal zu besteigen. Da die Route unterhalb der Schneegrenze verl\u00e4uft, ist sie auch im Winter f\u00fcr jeden zug\u00e4nglich, unabh\u00e4ngig vom Erfahrungsgrad.<\/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> Reiseroute<\/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>Marrakesch - Kik-Plateau - Imlil-Tal in der N\u00e4he des Toubkal-Bergs<\/h3>\r\n <p>Fr\u00fchmorgens werden Sie von unserem Guide und Fahrer in Ihrem Hotel oder Riad abgeholt und in den S\u00fcdwesten von Marrakesch in die N\u00e4he des Takerkoust-Sees gebracht. Nach der \u00dcbernahme Ihres Fahrrads und der letzten Kontrolle kann die Reise beginnen.<\/p>\r\n <p>Unser Tag beginnt mit einer flachen Strecke, dann geht es hinauf zum Dorf Takherkhourte, bevor wir im Zickzack auf das Kik-Plateau hinauffahren, von wo aus wir einen gro\u00dfartigen Blick auf die m\u00e4chtigen Gipfel des Atlasgebirges und den MT Toubkal (den h\u00f6chsten Gipfel Nordafrikas, 4167 m) haben. Dieses herrliche Plateau ver\u00e4ndert sich im Laufe der Jahreszeiten:<\/p>\r\n <ul>\r\n <li>Braun\/braun im Herbst, wenn die Landwirte mit ihren Esel- und Maultiergespannen das Land pfl\u00fcgen<\/li>\r\n <li>Braun\/Wei\u00df im Winter mit schneebedeckten Gipfeln des Atlasgebirges<\/li>\r\n <li>Gr\u00fcn\/Rot im Fr\u00fchling, wenn sich die hellgr\u00fcnen Gerstenfelder mit Mohnfeldern mischen<\/li>\r\n <li>Gelb\/braun im Sommer als Ank\u00fcndigung der Ernte<\/li>\r\n <\/ul>\r\n <p>Nach einer sch\u00f6nen Fahrt durch Terrassen und lokale Lehmd\u00f6rfer verliert die Strecke schnell an H\u00f6he und f\u00fchrt hinunter nach Asni. Wenn Sie noch etwas Energie haben, k\u00f6nnen wir die restlichen 17 km Asphaltstra\u00dfe fahren, um zum Dorf Imlil zu gelangen. Andernfalls packen wir unsere Fahrr\u00e4der ein und unser 4\u00d74 wird uns zu unserer Unterkunft in Imlil bringen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 2<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Imlil - Tizi Tamatert - Imnan-Tal<\/h3>\r\n <p>Von den Ausl\u00e4ufern des Mount Toubkal, dem h\u00f6chsten Gipfel Marokkos und Nordafrikas (4167 m), beginnt unser Ritt mit dem Aufstieg zum anspruchsvollen Tizi Tamatert auf 2230 m. Oben angekommen, k\u00f6nnen wir die dramatische Aussicht auf die majest\u00e4tischen Gipfel des Hohen Atlas genie\u00dfen.<\/p>\r\n <p>Im Dorf Wanskra folgen wir einer Schotterpiste, die sich das Tal hinunterschl\u00e4ngelt. Die Strecke ist wundersch\u00f6n und f\u00fchrt \u00fcber das tiefe Tal mit seinen gr\u00fcnen Terrassen und bienenstockartigen D\u00f6rfern, die an den trockenen Bergh\u00e4ngen kleben. Unsere Fahrt wird von den Kindern unterbrochen, die immer wieder erstaunt sind, Besucher zu sehen.<\/p>\r\n <p>Die Ankunft in der N\u00e4he von Asni markiert das Ende unserer Fahrt. \u00dcbernachtung in einem sch\u00f6nen Berberhaus.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Tag 3<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Asni - Ourika-Tal - Marrakech<\/h3>\r\n <p>Nach einem guten Fr\u00fchst\u00fcck machen wir uns f\u00fcr den Tag bereit und unsere Reise beginnt. Wir werden einen kurzen flachen Abschnitt fahren, bevor wir unsere k\u00f6rperlichen F\u00e4higkeiten auf einem langen und anspruchsvollen Anstieg testen, bei dem wir die herrliche Aussicht auf die kontrastierenden flachen Ebenen weit im Norden und die imposanten Gipfel des Atlasgebirges direkt \u00fcber uns genie\u00dfen k\u00f6nnen.<\/p>\r\n <p>Wir fahren weiter auf einer sch\u00f6nen Piste in Richtung Osten, um das erstaunliche Ourika-Tal zu \u00fcberragen. Eine Mischung aus Pfaden und Pisten f\u00fchrt uns zum Boden des luxuri\u00f6sen Tals, wo unser gro\u00dfartiger Tag endet. Nachdem wir unsere R\u00e4der gepackt haben, bringt uns ein kurzer Transfer in das aufregende Marrakesch.<\/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> Englisch sprechender F\u00fchrer und Koch<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Maultiertreiber und Maultiere f\u00fcr Gep\u00e4ck<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Alle Mahlzeiten w\u00e4hrend des Trekkings + Mineralwasser, Kaffee und Tee<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Bequeme Unterkunft<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Ausflug mit lokalem F\u00fchrer<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Transport von und nach Marrakech<\/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> Reiseversicherung<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Mittagessen<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Erfrischungsgetr\u00e4nke<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Trinkgelder und pers\u00f6nliche Ausgaben<\/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> Zus\u00e4tzliche Details<\/h2>\r\n <div class=\"additional-details-grid\">\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-clock\"><\/i><\/div><div class=\"detail-content\"><h3>Abfahrtszeit<\/h3><p>Fr\u00fchmorgens aus Marrakech<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div><div class=\"detail-content\"><h3>Dauer<\/h3><p>4 Tage \/ 3 \u00dcbernachtungen<\/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-hotel\"><\/i><\/div><div class=\"detail-content\"><h3>Unterkunft<\/h3><p>Komfortable Hotels und Berberh\u00e4user<\/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>Das ganze Jahr \u00fcber<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-bicycle\"><\/i><\/div><div class=\"detail-content\"><h3>Aktivit\u00e4tsniveau<\/h3><p>M\u00e4\u00dfig bis anspruchsvoll<\/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 Radtour?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Diese Tour ist als mittelschwer bis anspruchsvoll eingestuft, mit einigen steilen Anstiegen und abwechslungsreichem Terrain. Die Teilnehmer sollten \u00fcber ein angemessenes Ma\u00df an Fitness und etwas Erfahrung mit dem Radfahren verf\u00fcgen, insbesondere mit dem Mountainbiken.<\/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 Fahrrad wird f\u00fcr diese Tour empfohlen?<\/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 ein Mountainbike oder ein Hybridrad mit guter Schaltung f\u00fcr das abwechslungsreiche Gel\u00e4nde, das sowohl asphaltierte Stra\u00dfen als auch Feldwege umfasst. Fahrr\u00e4der k\u00f6nnen zur Verf\u00fcgung gestellt werden oder Sie k\u00f6nnen Ihr eigenes mitbringen.<\/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 dieses Fahrradabenteuer einpacken?<\/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, Fahrradkleidung, einen Helm, bequeme Wanderschuhe, Sonnencreme, eine Sonnenbrille, eine Kopfbedeckung, Schichten f\u00fcr wechselnde Temperaturen und eine Kamera einzupacken, um die atemberaubenden Landschaften festzuhalten.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-accordion-item\">\r\n <div class=\"faq-accordion-header\">\r\n <span>Gibt es auch M\u00f6glichkeiten f\u00fcr Nicht-Radfahrer oder f\u00fcr diejenigen, die eine Pause brauchen?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-accordion-content\">\r\n <p>Ja, unser Begleitfahrzeug folgt der Gruppe und kann diejenigen transportieren, die eine Pause vom Radfahren brauchen oder es vorziehen, bestimmte schwierige Abschnitte der Strecke zu \u00fcberspringen.<\/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> Radfahren erleben 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\/image_processing20190129-4-jfdms2-2.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20190129-4-jfdms2-2.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\/65-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/65-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\/caption-33.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/caption-33.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\/5e-3.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/5e-3.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\/marrakech-walls-and-atlas.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.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\/07.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/07.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\/e6-1.jpg\"\r\n style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/e6-1.jpg')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <\/figure>\r\n <\/div>\r\n<\/section>\r\n\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\">$250<\/div>\r\n <p class=\"price-note\">Pro Person<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> 4-t\u00e4gige Radtour<\/p>\r\n <p><i class=\"fas fa-users\"><\/i> Kleine Gruppen<\/p>\r\n <p><i class=\"fas fa-bicycle\"><\/i> Mountainbiken<\/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 buchen<\/h2>\r\n <form id=\"booking-form\" novalidate action=\"\">\r\n <!-- One line: date + participants (desktop) -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"tour-date\">Tourdatum 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 Teilnehmer<\/label>\r\n <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"15\" 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-15)<\/div>\r\n <\/div>\r\n <\/div>\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 <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 <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, Anforderungen an Fahrr\u00e4der usw.\"><\/textarea>\r\n <\/div>\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\">$250<\/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 Tour 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 <form id=\"mobile-booking-form\" novalidate action=\"\">\r\n <!-- DATE & PARTICIPANTS: each on its own full-width line -->\r\n <div class=\"form-row row-1col\">\r\n <div class=\"form-group\">\r\n <label for=\"m-tour-date\">Tourdatum 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 <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=\"1\" max=\"15\" 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-15)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Two-per-line for the rest -->\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 <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, Anforderungen an Fahrr\u00e4der usw.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Insgesamt<\/span><strong id=\"mobile-popup-total\">$250<\/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 Functions *\/\r\n function validateEmail(email) {\r\n \/\/ Strict email validation\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 \/\/ Remove all non-digit characters\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n \/\/ Check if phone has at least 10 digits (international standard)\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 \/\/ Validate 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 \/\/ Validate 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 \/\/ Validate required fields\r\n const requiredFields = [\r\n { id: `${prefix}tour-date`, errorId: `${prefix}date-error`, message: 'Please select a tour date' },\r\n { id: `${prefix}participants`, errorId: `${prefix}participants-error`, message: 'Please enter number of participants' },\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\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');\r\n const fullSrc=thumb.getAttribute('data-full');\r\n mainImage.style.backgroundImage=`url('${mainSrc}')`;\r\n mainImage.querySelector('.zoom-btn').setAttribute('data-full',fullSrc);\r\n galleryThumbs.forEach(t=>t.classList.remove('active')); 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=250;\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 helpers *\/\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 \r\n \/\/ Validate form before submission\r\n if (!validateForm('desktop')) {\r\n showToast('Please fix the errors in the form','error');\r\n return;\r\n }\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:'4-Day Cycling Marrakech and Atlas Mountains',\r\n total_price:total\r\n };\r\n \r\n \/\/ Send email using your EmailJS credentials\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n \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 }\r\n finally{ submitBtn.disabled=false; submitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now'; }\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'); mParticipants.value=d('participants')||'1';\r\n mFirst.value=d('first-name'); mLast.value=d('last-name');\r\n mEmail.value=d('email'); mPhone.value=d('phone'); 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 }\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 \r\n \/\/ Validate form before submission\r\n if (!validateForm('mobile')) {\r\n showToast('Please fix the errors in the form','error');\r\n return;\r\n }\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, participants:pax, first_name:mFirst.value,\r\n last_name:mLast.value, email: mEmail.value, phone: mPhone.value, \r\n special_requests:mReq.value,\r\n tour_name:'4-Day Cycling Marrakech and Atlas Mountains',\r\n total_price:total\r\n };\r\n \r\n \/\/ Send email using your EmailJS credentials\r\n await emailjs.send('service_xaasfmh', 'template_887d10v', formData);\r\n \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 }\r\n finally{ mobileSubmitBtn.disabled=false; mobileSubmitBtn.innerHTML='<i class=\"fa-solid fa-paper-plane\"><\/i> Confirm Booking'; }\r\n });\r\n }\r\n\r\n \/\/ Real-time validation for email and phone fields\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Desktop form real-time validation\r\n const emailInput = document.getElementById('email');\r\n const phoneInput = document.getElementById('phone');\r\n \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 \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 \/\/ Mobile form real-time validation\r\n const mEmailInput = document.getElementById('m-email');\r\n const mPhoneInput = document.getElementById('m-phone');\r\n \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 \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 \/\/ Add zoom functionality to Desert Experience Gallery\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const bottomGalleryThumbs = document.querySelectorAll('.bottom-gallery .gallery-thumb');\r\n \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>View Tour Description 4-Day Cycling Marrakech and Atlas Mountains Highly recommended … <\/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-402","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\/402","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=402"}],"version-history":[{"count":14,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/402\/revisions"}],"predecessor-version":[{"id":1339,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/402\/revisions\/1339"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/media?parent=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}