{"id":410,"date":"2025-10-29T12:19:54","date_gmt":"2025-10-29T12:19:54","guid":{"rendered":"https:\/\/moroquestadventures.com\/?page_id=410"},"modified":"2025-11-04T19:28:16","modified_gmt":"2025-11-04T19:28:16","slug":"ourika-valley-day-trip","status":"publish","type":"page","link":"https:\/\/moroquestadventures.com\/de\/ourika-valley-day-trip\/","title":{"rendered":"Tagesausflug ins Ourika-Tal"},"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 Stunning Ourika Valley Day Trip from Marrakech | Waterfalls & Berber Culture | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Experience the breathtaking Ourika Valley day trip from Marrakech. Explore Atlas Mountains waterfalls, authentic Berber villages, traditional markets, and enjoy mint tea with locals. Book your unforgettable Moroccan adventure today!\">\r\n <meta name=\"keywords\" content=\"Ourika Valley day trip, Marrakech to Ourika Valley, Atlas Mountains tour, Berber villages Morocco, Setti Fatma waterfalls, Morocco day trips from Marrakech, Ourika Valley waterfalls, traditional Amazigh culture\">\r\n <meta property=\"og:title\" content=\"Stunning Ourika Valley Day Trip from Marrakech | Waterfalls & Berber Culture\">\r\n <meta property=\"og:description\" content=\"Embark on an unforgettable half-day journey to the stunning Ourika Valley, nestled in the foothills of the Atlas Mountains with waterfalls, Berber culture and authentic experiences.\">\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 0.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 \/* ---- Travel Tips Section ---- *\/\r\n .travel-tips { background: rgba(230,126,34,.03); border-left: 4px solid var(--tour-terra); padding: 20px; border-radius: 10px; margin: 20px 0; }\r\n .travel-tips h3 { color: var(--tour-terra); margin-top: 0; display: flex; align-items: center; gap: 10px; }\r\n .tips-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-top: 15px; }\r\n .tips-item { display: flex; align-items: center; gap: 10px; }\r\n .tips-item i { color: var(--tour-sage); }\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 .tips-list{grid-template-columns:1fr}\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 .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 <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <button class=\"zoom-btn\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> Siehe<\/button>\r\n <\/figure>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb active\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png\" alt=\"Ourika Valley Day Trip - Atlas Mountains landscape\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png\" alt=\"Ourika Valley waterfalls - Setti Fatma cascades\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png\" data-main=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png\" alt=\"Berber village in Ourika Valley - Traditional Moroccan architecture\" style=\"display:none\">\r\n <\/figure>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"content-wrapper\">\r\n <!-- Main Content -->\r\n <div class=\"main-content\">\r\n <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\">Atemberaubender Tagesausflug ins Ourika-Tal von Marrakesch aus<\/div>\r\n <div class=\"description\">\r\n <p>Begeben Sie sich auf eine halbt\u00e4gige Reise in das atemberaubende Ourika-Tal, das in den Ausl\u00e4ufern des Atlasgebirges liegt, nur eine kurze Autofahrt von Marrakech entfernt. Dieser Ausflug beginnt mit einer bequemen Abholung von Ihrem Hotel, sofern es erreichbar ist. Ist dies nicht der Fall, wird ein Treffpunkt vereinbart, und die Einzelheiten werden Ihnen am Abend vor dem Ausflug mitgeteilt.<\/p>\r\n \r\n <p>Wenn Sie die gesch\u00e4ftige Stadt hinter sich lassen, fahren Sie in eine malerische Bergregion, die reich an kulturellem Erbe ist. Hier werden Sie die traditionelle Lebensweise der Amazigh (Berber) kennenlernen, deren lebendige Kultur und Verbundenheit mit dem Land die Zeit \u00fcberdauert hat.<\/p>\r\n \r\n <p>Weitere Informationen \u00fcber Reisen nach Marokko finden Sie in unserem umfassenden <a href=\"https:\/\/moroquestadventures.com\/de\/flight-to-morocco\/\" rel=\"dofollow\">Leitfaden f\u00fcr Fl\u00fcge nach Marokko<\/a>.<\/p>\r\n \r\n <p>Wenn Sie einen l\u00e4ngeren Aufenthalt planen, lesen Sie unseren Leitfaden \u00fcber die <a href=\"https:\/\/moroquestadventures.com\/de\/top-10-cities-in-morocco-to-visit-from-marrakech-to-tangier\/\" rel=\"dofollow\">Top 10 der sehenswertesten St\u00e4dte in Marokko<\/a> f\u00fcr mehr Reiseinspiration.<\/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> Erlebnis Tour<\/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 & Rundfahrt<\/h3>\r\n <p>Ihr Tag beginnt mit der Abholung von Ihrer Unterkunft in Marrakesch. Sie lassen die gesch\u00e4ftige Stadt hinter sich und fahren in eine malerische Bergregion, die reich an kulturellem Erbe ist. Wenn Sie montags oder donnerstags anreisen, haben Sie die au\u00dfergew\u00f6hnliche Gelegenheit, einen lokalen Souk (Markt) zu besuchen, der einen seltenen und authentischen Einblick in das t\u00e4gliche Leben im Tal bietet. Auf diesem belebten Markt kaufen die einheimischen Amazigh-Familien ihre Lebensmittel und das N\u00f6tigste ein.<\/p>\r\n \r\n <p>Erfahren Sie mehr \u00fcber <a href=\"https:\/\/moroquestadventures.com\/de\/morocco-traditional-wear-discover-the-beauty-of-moroccan\/\" rel=\"dofollow\">Marokkanische traditionelle Kleidung<\/a> die Sie bei Ihrem Besuch sehen k\u00f6nnten.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Am Vormittag<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Argan-Kooperative & Berberhaus<\/h3>\r\n <p>Auf dem Weg ins Tal k\u00f6nnen Sie auch einen kurzen Halt bei einer Frauenkooperative einlegen, die Argan\u00f6lprodukte herstellt, die von Kosmetikartikeln bis zur ber\u00fchmten Berber-Nutella (Amlou) reichen und einen Einblick in die Handwerkskunst der Region bieten. Sie werden auch ein traditionelles Berberhaus besuchen und den traditionellen Minztee genie\u00dfen und die herzliche Gastfreundschaft der Einheimischen kennenlernen.<\/p>\r\n \r\n <p>F\u00fcr diejenigen, die sich um die Sicherheit sorgen, lesen Sie unseren ausf\u00fchrlichen Artikel \u00fcber <a href=\"https:\/\/moroquestadventures.com\/de\/is-it-safe-to-travel-to-morocco-in-2025-what-every-traveler-should\/\" rel=\"dofollow\">Sicherheit in Marokko bis 2025<\/a>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"itinerary-item\">\r\n <div class=\"itinerary-day\">Nachmittag<\/div>\r\n <div class=\"itinerary-content\">\r\n <h3>Setti Fatma Dorf & Wasserf\u00e4lle<\/h3>\r\n <p>Der Ausflug geht weiter nach Setti Fatma, einem charmanten Dorf im Herzen des Tals. Hier f\u00fchrt Sie ein \u00f6rtlicher F\u00fchrer auf einer einst\u00fcndigen Wanderung zu einem atemberaubenden Wasserfall. Wer nicht wandern m\u00f6chte, findet am Flussufer einen ruhigen R\u00fcckzugsort, um sich zu entspannen und die Sch\u00f6nheit der Natur zu genie\u00dfen. Danach genie\u00dfen Sie eine k\u00f6stliche Mahlzeit am Fluss (Kosten nicht inbegriffen), bevor Sie zur\u00fcck nach Marrakesch fahren, wo Sie voraussichtlich um 17:00 Uhr ankommen.<\/p>\r\n \r\n <p>Nach Ihrem Tagesausflug k\u00f6nnen Sie sich in einem der <a href=\"https:\/\/moroquestadventures.com\/de\/best-morocco-resorts-for-a-relaxing-getaway-in-2025\/\" rel=\"dofollow\">Die besten Marokko-Resorts f\u00fcr einen erholsamen Urlaub<\/a>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Travel Tips Section -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-lightbulb\"><\/i> Wichtige Reisetipps<\/h2>\r\n <div class=\"travel-tips\">\r\n <h3><i class=\"fas fa-exclamation-circle\"><\/i> Was Sie mitbringen sollten<\/h3>\r\n <div class=\"tips-list\">\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Bequeme Wanderschuhe<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Sonnenschutz (Hut, Sonnencreme)<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Leichte Jacke oder Pullover<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Kamera f\u00fcr Fotos<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Bargeld f\u00fcr Mittagessen und Souvenirs<\/div>\r\n <div class=\"tips-item\"><i class=\"fas fa-check\"><\/i> Wasserflasche<\/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\u00fccktransport vom Hotel in Marrakesch<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Bequemer Transport in einem klimatisierten Fahrzeug<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Professioneller, voll lizenzierter Fahrer, der flie\u00dfend Englisch, Franz\u00f6sisch und Arabisch spricht<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Lokaler F\u00fchrer<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Landschaftliche Fahrt durch das Atlasgebirge<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Gef\u00fchrte Wanderung zu den Setti Fatma Wasserf\u00e4llen<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Besuch in einem traditionellen Berberhaus<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Traditioneller Pfefferminztee in einem Berberhaus<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Besuch einer von Frauen gef\u00fchrten Argan\u00f6l-Kooperative<\/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> Mittagessen (als Option erh\u00e4ltlich)<\/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 Reiseleiter und Personal<\/li>\r\n <li><i class=\"fas fa-times\"><\/i> Reiseversicherung<\/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>Dauer<\/h3><p>Ungef\u00e4hr 8 Stunden (halber Tag)<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div><div class=\"detail-content\"><h3>Abholzeiten<\/h3><p>Vormittag (genaue Uhrzeit wird am Vortag best\u00e4tigt)<\/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-calendar-alt\"><\/i><\/div><div class=\"detail-content\"><h3>Verf\u00fcgbarkeit<\/h3><p>T\u00e4gliche Abfahrten<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-child\"><\/i><\/div><div class=\"detail-content\"><h3>Geeignet f\u00fcr<\/h3><p>Alle Altersgruppen, Familien<\/p><\/div><\/div>\r\n <div class=\"detail-item\"><div class=\"detail-icon\"><i class=\"fas fa-mountain\"><\/i><\/div><div class=\"detail-content\"><h3>Beste Zeit<\/h3><p>Das ganze Jahr \u00fcber<\/p><\/div><\/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> Erlebnisgalerie Ourika-Tal<\/h2>\r\n <div class=\"gallery-row\">\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/14.png\" alt=\"Ourika Valley Day Trip - Traditional Berber village architecture\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/8.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/8.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/8.png\" alt=\"Ourika Valley waterfalls - Cascading mountain streams\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/9.png\" alt=\"Ourika Valley hiking trail - Mountain paths in Atlas Mountains\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/10.png\" alt=\"Ourika Valley landscape - Panoramic mountain views\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/11.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/11.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/11.png\" alt=\"Ourika Valley river - Clear mountain waters\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/12.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/12.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/12.png\" alt=\"Ourika Valley traditional market - Local souk experience\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/7.png\" alt=\"Ourika Valley Setti Fatma waterfalls - Majestic cascades\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/2.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/2.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/2.png\" alt=\"Ourika Valley Argan cooperative - Traditional oil production\" style=\"display:none\">\r\n <\/figure>\r\n <figure class=\"gallery-thumb\" data-full=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/Bet-Moroccan-Tours-2025-10-29T132526.251.png\" style=\"background-image:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/Bet-Moroccan-Tours-2025-10-29T132526.251.png')\">\r\n <span class=\"img-overlay\"><\/span>\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/Bet-Moroccan-Tours-2025-10-29T132526.251.png\" alt=\"Ourika Valley mint tea experience - Traditional Berber hospitality\" style=\"display:none\">\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\">\u20ac40<\/div>\r\n <p class=\"price-note\">Pro Person<\/p>\r\n <p><i class=\"fas fa-calendar-alt\"><\/i> Halbt\u00e4giges Erlebnis<\/p>\r\n <p><i class=\"fas fa-mountain\"><\/i> Atlasgebirge<\/p>\r\n <p><i class=\"fas fa-hiking\"><\/i> Wasserfall-Wanderung<\/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, Abholort im Hotel 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\">\u20ac40<\/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, Abholort im Hotel usw.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"popup-total\"><span>Insgesamt<\/span><strong id=\"mobile-popup-total\">\u20ac40<\/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=\"Ourika Valley Day Trip - Atlas Mountains Experience\" \/><\/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 const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm(formType = 'desktop') {\r\n let isValid = true;\r\n const prefix = formType === 'mobile' ? 'm-' : '';\r\n\r\n \/\/ 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') || thumb.style.backgroundImage.slice(5,-2);\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=40;\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=`\u20ac${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 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=`\u20ac${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:'Ourika Valley Day Trip from Marrakech',\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 }\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'); \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=`\u20ac${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 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=`\u20ac${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:'Ourika Valley Day Trip from Marrakech',\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 }\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 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 \/\/ Add zoom functionality to Ourika Valley Experience Gallery\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');\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 Stunning Ourika Valley Day Trip from Marrakech Embark … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-410","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\/410","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=410"}],"version-history":[{"count":38,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":1741,"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/pages\/410\/revisions\/1741"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/de\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}