{"id":215,"date":"2026-03-24T20:46:05","date_gmt":"2026-03-24T20:46:05","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=215"},"modified":"2026-03-25T18:17:23","modified_gmt":"2026-03-25T18:17:23","slug":"excursion-from-casablanca-to-essaouira","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/de\/excursion-from-casablanca-to-essaouira\/","title":{"rendered":"Ausflug von Casablanca nach Essaouira"},"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 Excursion from Casablanca to Essaouira 2026 | Best Morocco Day Tour Service<\/title>\r\n <meta name=\"description\" content=\"Book your Excursion from Casablanca to Essaouira 2026. Professional driver, modern vehicle, door-to-door service. Best rates guaranteed for Casablanca to Essaouira day trip.\" \/>\r\n <meta name=\"keywords\" content=\"Excursion from Casablanca to Essaouira 2026, Private Excursion from Casablanca to Essaouira 2026, Casablanca to Essaouira day trip, private tour Morocco, Essaouira tour from Casablanca, Casablanca airport tour, Essaouira sightseeing\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroccotourcasablanca.com\/casablanca-to-essaouira-excursion-2026\" \/>\r\n\r\n <!-- EmailJS SDK -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script type=\"text\/javascript\">\r\n (function(){emailjs.init(\"aoitqkqua568QWWHQ\");})();\r\n <\/script>\r\n\r\n <style>\r\n \/* mobile gallery optimization - EXACTLY AS ORIGINAL *\/\r\n @media (max-width: 560px) {\r\n .ftm-gallery {\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n width: 100% !important;\r\n aspect-ratio: 16 \/ 10 !important;\r\n border-radius: 18px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .ftm-gallery-main {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n\r\n .ftm-gallery-side {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n flex-wrap: nowrap !important;\r\n overflow-x: auto !important;\r\n overflow-y: hidden !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scroll-snap-type: x proximity !important;\r\n gap: 10px !important;\r\n padding: 2px 0 2px !important;\r\n grid-template-rows: none !important;\r\n scrollbar-width: none !important;\r\n overscroll-behavior-x: contain !important;\r\n touch-action: pan-x !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .ftm-gallery-side::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n\r\n .ftm-gallery-thumb {\r\n flex: 0 0 calc((100% - 20px) \/ 3) !important;\r\n width: calc((100% - 20px) \/ 3) !important;\r\n min-width: calc((100% - 20px) \/ 3) !important;\r\n height: 76px !important;\r\n aspect-ratio: auto !important;\r\n scroll-snap-align: start !important;\r\n border-radius: 14px !important;\r\n }\r\n\r\n .ftm-gallery-badge {\r\n left: 12px !important;\r\n bottom: 12px !important;\r\n padding: 9px 14px !important;\r\n font-size: 13px !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .ftm-gallery-badge-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n\r\n .ftm-gallery-thumb-count {\r\n font-size: 16px !important;\r\n }\r\n\r\n .ftm-gallery-thumb-more-icon {\r\n display: none !important;\r\n }\r\n\r\n .ftm-lightbox {\r\n padding: 18px !important;\r\n }\r\n\r\n .ftm-lightbox-content {\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-width: calc(100vw - 36px) !important;\r\n max-height: 64vh !important;\r\n width: auto !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n border-radius: 14px !important;\r\n }\r\n\r\n .ftm-lightbox-close {\r\n top: -44px !important;\r\n right: 0 !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 24px !important;\r\n }\r\n\r\n .ftm-lightbox-nav {\r\n display: none !important;\r\n }\r\n\r\n .ftm-lightbox-counter {\r\n bottom: -34px !important;\r\n font-size: 14px !important;\r\n padding: 6px 14px !important;\r\n }\r\n \r\n .ftm-faq-question-text {\r\n font-size: 14px !important;\r\n }\r\n \r\n .ftm-faq-answer p {\r\n font-size: 13px !important;\r\n line-height: 1.55 !important;\r\n }\r\n \r\n .ftm-faq-question {\r\n padding: 14px 15px !important;\r\n }\r\n \r\n .ftm-faq-item.active .ftm-faq-answer {\r\n padding: 0 15px 14px 15px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .ftm-gallery-thumb {\r\n flex: 0 0 calc((100% - 20px) \/ 3) !important;\r\n width: calc((100% - 20px) \/ 3) !important;\r\n min-width: calc((100% - 20px) \/ 3) !important;\r\n height: 68px !important;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n aspect-ratio: 16 \/ 10 !important;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-height: 58vh !important;\r\n }\r\n }\r\n\r\n .ftm-thankyou-message {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n gap: 16px;\r\n background: linear-gradient(180deg, #ffffff 0%, #fff8f2 100%);\r\n border: 1px solid #ead9cc;\r\n color: #4b342a;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n margin: 24px;\r\n min-height: 230px;\r\n box-shadow: 0 16px 28px rgba(58, 35, 23, 0.08);\r\n }\r\n\r\n .ftm-thankyou-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n background: linear-gradient(180deg, #f57c00 0%, #e65100 100%);\r\n box-shadow: 0 10px 20px rgba(245, 124, 0, 0.18);\r\n }\r\n\r\n .ftm-thankyou-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n stroke: #ffffff;\r\n stroke-width: 2;\r\n }\r\n\r\n .ftm-thankyou-content {\r\n max-width: 440px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ftm-thankyou-content strong {\r\n display: block;\r\n font-size: 22px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n color: #3f2c22;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .ftm-thankyou-content p {\r\n margin: 0;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n color: #6a5044;\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .ftm-thankyou-message {\r\n margin: 18px;\r\n padding: 28px 20px;\r\n border-radius: 20px;\r\n min-height: 200px;\r\n }\r\n\r\n .ftm-thankyou-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 16px;\r\n }\r\n\r\n .ftm-thankyou-content strong {\r\n font-size: 18px;\r\n }\r\n\r\n .ftm-thankyou-content p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n }\r\n\r\n .ftm-submit-loading {\r\n opacity: 0.7;\r\n cursor: wait !important;\r\n pointer-events: none;\r\n }\r\n \r\n .ftm-spinner {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-radius: 50%;\r\n border-top-color: #ffffff;\r\n animation: ftm-spin 0.8s linear infinite;\r\n margin-right: 8px;\r\n vertical-align: middle;\r\n }\r\n \r\n @keyframes ftm-spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n .ftm-submit .ftm-btn-text {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .ftm-modal-head h4 {\r\n letter-spacing: -0.2px;\r\n }\r\n\r\n .ftm-close {\r\n transition: background 0.15s;\r\n }\r\n\r\n .ftm-close:hover {\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n .ftm-submit {\r\n transition: all 0.15s;\r\n }\r\n\r\n .ftm-field input,\r\n .ftm-field select {\r\n background: white;\r\n }\r\n\r\n \/* Form row layout - 2 items per line on all devices (updated from reference) *\/\r\n .ftm-form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n \r\n \/* full width for date field on mobile\/desktop (one line) *\/\r\n .ftm-date-full {\r\n grid-column: span 2;\r\n }\r\n \r\n @media (max-width: 560px) {\r\n .ftm-form-row {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n .ftm-date-full {\r\n grid-column: span 2;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ftm-tour-page\">\r\n <style>\r\n .ftm-tour-page,\r\n .ftm-tour-page * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .ftm-tour-page {\r\n --ftm-bg: #f6f1eb;\r\n --ftm-card: #ffffff;\r\n --ftm-line: #e7d7ca;\r\n --ftm-text: #50382f;\r\n --ftm-muted: #8b6d61;\r\n --ftm-primary: #f57c00;\r\n --ftm-primary-dark: #e65100;\r\n --ftm-gold: #f0b323;\r\n --ftm-shadow-soft: 0 1px 3px rgba(48, 28, 18, 0.04);\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n background: var(--ftm-bg);\r\n color: var(--ftm-text);\r\n padding: 18px 0 42px;\r\n line-height: 1.5;\r\n isolation: isolate;\r\n }\r\n\r\n .ftm-tour-page img {\r\n display: block;\r\n max-width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ftm-tour-page a,\r\n .ftm-tour-page button,\r\n .ftm-tour-page input,\r\n .ftm-tour-page select,\r\n .ftm-tour-page textarea {\r\n font: inherit;\r\n color: inherit;\r\n }\r\n\r\n .ftm-tour-page button {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n background: none;\r\n border: 0;\r\n }\r\n\r\n .ftm-wrap {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n }\r\n\r\n .ftm-gallery {\r\n display: grid;\r\n grid-template-columns: minmax(0, 2.2fr) minmax(250px, 0.95fr);\r\n gap: 14px;\r\n margin-bottom: 18px;\r\n align-items: stretch;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: var(--ftm-card);\r\n border: 1px solid var(--ftm-line);\r\n box-shadow: var(--ftm-shadow-soft);\r\n cursor: pointer;\r\n }\r\n\r\n .ftm-gallery-main-wrap::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: auto 0 0 0;\r\n height: 24%;\r\n background: linear-gradient(to top, rgba(20, 14, 11, 0.15), rgba(20, 14, 11, 0));\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-main {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.22s ease, transform 0.22s ease;\r\n }\r\n\r\n .ftm-gallery-main.ftm-main-switch {\r\n opacity: 0.9;\r\n transform: scale(1.01);\r\n }\r\n\r\n .ftm-gallery-badge {\r\n position: absolute;\r\n left: 14px;\r\n bottom: 14px;\r\n z-index: 3;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.92);\r\n color: #3f2c22;\r\n border: 1px solid rgba(217, 199, 187, 0.95);\r\n border-radius: 999px;\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n line-height: 1;\r\n box-shadow: 0 2px 6px rgba(35, 23, 14, 0.08);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-badge-icon {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #6e5447;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-gallery-side {\r\n display: grid;\r\n grid-template-rows: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n height: 100%;\r\n min-height: 0;\r\n align-self: stretch;\r\n }\r\n\r\n .ftm-gallery-thumb {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 0;\r\n overflow: hidden;\r\n border-radius: 18px;\r\n cursor: pointer;\r\n border: 1px solid var(--ftm-line);\r\n background: var(--ftm-card);\r\n box-shadow: var(--ftm-shadow-soft);\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n .ftm-gallery-thumb::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(18, 13, 10, 0.18), rgba(18, 13, 10, 0.03));\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .ftm-gallery-thumb.active {\r\n border-color: var(--ftm-primary);\r\n box-shadow: 0 0 0 1px rgba(245, 124, 0, 0.08);\r\n }\r\n\r\n .ftm-gallery-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ftm-gallery-thumb-count {\r\n position: absolute;\r\n inset: 50% auto auto 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 3;\r\n color: #ffffff;\r\n font-size: 19px;\r\n font-weight: 800;\r\n letter-spacing: 0.01em;\r\n display: none;\r\n text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-thumb.ftm-gallery-thumb--more .ftm-gallery-thumb-count {\r\n display: block;\r\n }\r\n\r\n .ftm-gallery-thumb-more-icon {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 12px;\r\n transform: translateX(-50%);\r\n z-index: 3;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.9);\r\n border: 1px solid rgba(220, 201, 189, 0.95);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n color: #5f463c;\r\n box-shadow: 0 2px 8px rgba(35, 23, 14, 0.08);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-thumb.ftm-gallery-thumb--more .ftm-gallery-thumb-more-icon {\r\n display: inline-flex;\r\n }\r\n\r\n .ftm-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 100000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .ftm-lightbox.active {\r\n display: flex;\r\n }\r\n\r\n .ftm-lightbox-content {\r\n position: relative;\r\n max-width: 1200px;\r\n max-height: 90vh;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-width: 90%;\r\n max-height: 82vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .ftm-lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n font-size: 28px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .ftm-lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: scale(1.1);\r\n }\r\n\r\n .ftm-lightbox-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .ftm-lightbox-nav:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .ftm-lightbox-prev {\r\n left: -70px;\r\n }\r\n\r\n .ftm-lightbox-next {\r\n right: -70px;\r\n }\r\n\r\n .ftm-lightbox-counter {\r\n position: absolute;\r\n bottom: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: white;\r\n font-size: 16px;\r\n background: rgba(0, 0, 0, 0.6);\r\n padding: 6px 16px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ftm-lightbox-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n }\r\n .ftm-lightbox-prev {\r\n left: -20px;\r\n }\r\n .ftm-lightbox-next {\r\n right: -20px;\r\n }\r\n .ftm-lightbox-close {\r\n top: -40px;\r\n right: -10px;\r\n }\r\n }\r\n\r\n .ftm-breadcrumb {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: #70584d;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 11px 16px;\r\n border-radius: 14px;\r\n margin: 4px 0 16px;\r\n border: 1px solid #e7d9ce;\r\n box-shadow: var(--ftm-shadow-soft);\r\n }\r\n\r\n .ftm-breadcrumb a {\r\n color: var(--ftm-muted);\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-breadcrumb .ftm-sep {\r\n color: #b59a8d;\r\n }\r\n\r\n .ftm-title {\r\n font-size: 36px;\r\n line-height: 1.14;\r\n color: #3f2c22;\r\n font-weight: 800;\r\n letter-spacing: -0.3px;\r\n max-width: 780px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .ftm-layout {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 330px;\r\n gap: 24px;\r\n align-items: start;\r\n }\r\n\r\n .ftm-card {\r\n background: var(--ftm-card);\r\n border: 1px solid var(--ftm-line);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--ftm-shadow-soft);\r\n }\r\n\r\n .ftm-card h3 {\r\n font-size: 23px;\r\n margin: 0 0 16px 0;\r\n color: #4f352b;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n border-left: 4px solid var(--ftm-primary);\r\n padding-left: 14px;\r\n line-height: 1.25;\r\n }\r\n\r\n .ftm-about p {\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: #4e3c33;\r\n }\r\n\r\n .ftm-about strong {\r\n color: #3d2c24;\r\n font-weight: 700;\r\n background: none;\r\n }\r\n\r\n .ftm-program {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n position: relative;\r\n }\r\n\r\n .ftm-step {\r\n position: relative;\r\n border-left: 2px solid #dcc0af;\r\n padding: 0 0 22px 28px;\r\n margin-left: 11px;\r\n }\r\n\r\n .ftm-step:last-child {\r\n padding-bottom: 2px;\r\n }\r\n\r\n .ftm-step::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -8px;\r\n top: 4px;\r\n width: 14px;\r\n height: 14px;\r\n background: var(--ftm-primary);\r\n border: 3px solid #faeee6;\r\n border-radius: 50%;\r\n z-index: 2;\r\n }\r\n\r\n .ftm-step-title {\r\n font-size: 18px;\r\n line-height: 1.45;\r\n font-weight: 800;\r\n color: #3f2e27;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .ftm-step p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #5f483e;\r\n max-width: 75ch;\r\n }\r\n\r\n .ftm-highlights {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .ftm-pill {\r\n background: #fffdfb;\r\n border: 1px solid #e5d6ca;\r\n border-radius: 14px;\r\n padding: 14px 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n color: #4d362c;\r\n box-shadow: var(--ftm-shadow-soft);\r\n min-height: 68px;\r\n }\r\n\r\n .ftm-pill .ftm-pill-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 38px;\r\n height: 38px;\r\n background: linear-gradient(180deg, #fffefe 0%, #faf2ec 100%);\r\n border: 1px solid #ead8cb;\r\n border-radius: 12px;\r\n color: #f57c00;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-include-exclude {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .ftm-inc-card,\r\n .ftm-exc-card {\r\n background: #fefcf9;\r\n border: 1px solid var(--ftm-line);\r\n border-radius: 18px;\r\n padding: 18px 16px;\r\n box-shadow: none;\r\n }\r\n\r\n .ftm-inc-card h4,\r\n .ftm-exc-card h4 {\r\n font-size: 18px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #3d2d26;\r\n border-bottom: 1px dashed #e0cdbe;\r\n padding-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n line-height: 1.35;\r\n }\r\n\r\n .ftm-list {\r\n list-style: none;\r\n }\r\n\r\n .ftm-list li {\r\n padding: 8px 0 8px 28px;\r\n font-size: 14.5px;\r\n line-height: 1.55;\r\n position: relative;\r\n border-bottom: 1px dashed #f0e2d8;\r\n }\r\n\r\n .ftm-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .ftm-list--yes li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n background: #f57c00;\r\n color: white;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .ftm-list--no li::before {\r\n content: \"\u2715\";\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n background: #b0a59f;\r\n color: white;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .ftm-faq-accordion {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 18px;\r\n }\r\n\r\n .ftm-faq-item {\r\n background: #fffdfb;\r\n border-radius: 14px;\r\n border: 1px solid #ead9cc;\r\n overflow: hidden;\r\n transition: border-color 0.25s ease, background 0.25s ease;\r\n }\r\n\r\n .ftm-faq-item.active {\r\n border-color: #ddc1ae;\r\n background: #fffaf6;\r\n }\r\n\r\n .ftm-faq-question {\r\n width: 100%;\r\n border: 0;\r\n background: transparent;\r\n text-align: left;\r\n padding: 16px 18px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 14px;\r\n font-family: inherit;\r\n }\r\n\r\n .ftm-faq-question-text {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #4f372d;\r\n line-height: 1.5;\r\n }\r\n\r\n .ftm-faq-answer {\r\n display: block;\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n padding: 0 18px;\r\n transition: max-height 0.35s ease, opacity 0.28s ease, padding 0.35s ease;\r\n }\r\n\r\n .ftm-faq-answer p {\r\n font-size: 14px;\r\n color: #5f4a40;\r\n line-height: 1.6;\r\n }\r\n\r\n .ftm-faq-item.active .ftm-faq-answer {\r\n opacity: 1;\r\n padding: 0 18px 16px 18px;\r\n }\r\n\r\n .ftm-faq-toggle {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 10px;\r\n background: #f3e4d8;\r\n color: #f57c00;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n .ftm-faq-toggle::before,\r\n .ftm-faq-toggle::after {\r\n content: \"\";\r\n position: absolute;\r\n background: currentColor;\r\n border-radius: 2px;\r\n transition: transform 0.25s ease, opacity 0.2s ease;\r\n }\r\n\r\n .ftm-faq-toggle::before {\r\n width: 12px;\r\n height: 2px;\r\n }\r\n\r\n .ftm-faq-toggle::after {\r\n width: 2px;\r\n height: 12px;\r\n }\r\n\r\n .ftm-faq-item.active .ftm-faq-toggle::after {\r\n opacity: 0;\r\n transform: scaleY(0.3);\r\n }\r\n\r\n .ftm-sidebar {\r\n position: sticky;\r\n top: 24px;\r\n }\r\n\r\n .ftm-booking {\r\n padding: 18px 16px;\r\n }\r\n\r\n .ftm-price-block {\r\n padding: 2px 2px 16px;\r\n text-align: center;\r\n border-bottom: 1px solid #ecdcd0;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .ftm-price-label {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #8a6b5e;\r\n text-transform: uppercase;\r\n letter-spacing: 0.16em;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .ftm-price-big {\r\n font-size: 42px;\r\n font-weight: 900;\r\n color: #2d1f18;\r\n line-height: 1;\r\n display: inline-flex;\r\n align-items: baseline;\r\n gap: 4px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ftm-price-note {\r\n font-size: 13px;\r\n color: #86695b;\r\n margin-top: 6px;\r\n line-height: 1.5;\r\n }\r\n\r\n .ftm-side-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n border-radius: 14px;\r\n padding: 15px 12px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.18s ease;\r\n margin-bottom: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-btn-primary,\r\n .ftm-btn-primary:link,\r\n .ftm-btn-primary:visited {\r\n background: #f57c00 !important;\r\n color: #ffffff !important;\r\n border: 1px solid #f57c00 !important;\r\n box-shadow: 0 2px 6px rgba(245, 124, 0, 0.16) !important;\r\n }\r\n\r\n .ftm-btn-primary:hover,\r\n .ftm-btn-primary:focus {\r\n background: #e65100 !important;\r\n color: #ffffff !important;\r\n border-color: #e65100 !important;\r\n }\r\n\r\n .ftm-meta {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n margin-top: 14px;\r\n }\r\n\r\n .ftm-meta div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-width: 0;\r\n background: #faf7f3;\r\n border: 1px solid #ecdcd0;\r\n border-radius: 12px;\r\n padding: 11px 10px;\r\n font-size: 13px;\r\n line-height: 1.25;\r\n color: #5b4137;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n text-align: center;\r\n }\r\n\r\n .ftm-help-card {\r\n text-align: left;\r\n padding: 18px 16px;\r\n }\r\n\r\n .ftm-help-card h4 {\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #3d2d26;\r\n font-size: 18px;\r\n line-height: 1.3;\r\n }\r\n\r\n .ftm-help-copy {\r\n font-size: 14px;\r\n line-height: 1.6;\r\n color: #6a5044;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .ftm-help-list {\r\n display: grid;\r\n gap: 10px;\r\n }\r\n\r\n .ftm-help-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 11px 12px;\r\n border: 1px solid #ead9cc;\r\n border-radius: 12px;\r\n background: #fffaf6;\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-help-row small {\r\n display: block;\r\n font-size: 11px;\r\n line-height: 1.3;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: #8a6d60;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .ftm-help-row strong {\r\n display: block;\r\n font-size: 14px;\r\n line-height: 1.45;\r\n color: #4a342b;\r\n font-weight: 700;\r\n word-break: break-word;\r\n }\r\n\r\n .ftm-help-dot {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 12px;\r\n border: 1px solid #ead9cc;\r\n background: linear-gradient(180deg, #fffefe 0%, #faf2ec 100%);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(37, 24, 18, 0.7);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 99999;\r\n padding: 20px;\r\n }\r\n\r\n .ftm-modal.ftm-show {\r\n display: flex;\r\n }\r\n\r\n .ftm-modal-box {\r\n max-width: 620px;\r\n width: 100%;\r\n background: #fff;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(35, 23, 14, 0.28);\r\n }\r\n\r\n .ftm-modal-head {\r\n background: var(--ftm-primary);\r\n color: white;\r\n padding: 20px 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .ftm-modal-head h4 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n }\r\n\r\n .ftm-close {\r\n background: rgba(255, 255, 255, 0.18);\r\n color: white;\r\n font-size: 28px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n line-height: 1;\r\n border: none;\r\n }\r\n\r\n .ftm-form {\r\n padding: 24px;\r\n display: grid;\r\n gap: 16px;\r\n }\r\n\r\n .ftm-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n .ftm-field label {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #50382f;\r\n line-height: 1.35;\r\n }\r\n\r\n .ftm-field input,\r\n .ftm-field select,\r\n .ftm-field textarea {\r\n padding: 14px 15px;\r\n border: 1px solid #ddd1c5;\r\n border-radius: 14px;\r\n background: #fffcf9;\r\n font-family: inherit;\r\n line-height: 1.4;\r\n min-height: 50px;\r\n outline: none;\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n }\r\n\r\n .ftm-field input:focus,\r\n .ftm-field select:focus,\r\n .ftm-field textarea:focus {\r\n border-color: #f7a64b;\r\n box-shadow: 0 0 0 3px rgba(245, 124, 0, 0.08);\r\n }\r\n\r\n .ftm-submit,\r\n .ftm-submit:link,\r\n .ftm-submit:visited {\r\n background: #f57c00 !important;\r\n color: #ffffff !important;\r\n padding: 16px;\r\n border-radius: 14px;\r\n font-weight: 700;\r\n font-size: 17px;\r\n border: 1px solid #f57c00 !important;\r\n cursor: pointer;\r\n box-shadow: 0 2px 6px rgba(245, 124, 0, 0.16) !important;\r\n }\r\n\r\n .ftm-submit:hover,\r\n .ftm-submit:focus {\r\n background: #e65100 !important;\r\n color: #ffffff !important;\r\n border-color: #e65100 !important;\r\n }\r\n\r\n .ftm-sec-icon,\r\n .ftm-btn-icon,\r\n .ftm-meta-icon,\r\n .ftm-help-icon,\r\n .ftm-head-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-sec-icon {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-btn-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: currentColor;\r\n }\r\n\r\n .ftm-meta-icon {\r\n width: 16px;\r\n height: 16px;\r\n color: #6e5447;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-help-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-head-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #3d2d26;\r\n }\r\n\r\n .ftm-svg {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n vector-effect: non-scaling-stroke;\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n .ftm-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-sidebar {\r\n position: static;\r\n }\r\n }\r\n\r\n @media (max-width: 780px) {\r\n .ftm-wrap {\r\n padding: 0 14px;\r\n }\r\n .ftm-title {\r\n font-size: 29px;\r\n }\r\n .ftm-card {\r\n padding: 18px;\r\n }\r\n .ftm-highlights {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n .ftm-include-exclude {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-price-big {\r\n font-size: 36px;\r\n }\r\n .ftm-modal-head h4 {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .ftm-tour-page {\r\n padding: 14px 0 32px;\r\n }\r\n .ftm-wrap {\r\n padding: 0 12px;\r\n }\r\n .ftm-breadcrumb {\r\n width: 100%;\r\n padding: 10px 13px;\r\n border-radius: 12px;\r\n }\r\n .ftm-title {\r\n font-size: 25px;\r\n }\r\n .ftm-card {\r\n padding: 16px;\r\n border-radius: 16px;\r\n }\r\n .ftm-card h3 {\r\n font-size: 20px;\r\n margin-bottom: 14px;\r\n padding-left: 12px;\r\n }\r\n .ftm-about p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n .ftm-step {\r\n padding: 0 0 20px 22px;\r\n margin-left: 8px;\r\n }\r\n .ftm-step-title {\r\n font-size: 16px;\r\n margin-bottom: 5px;\r\n }\r\n .ftm-step p {\r\n font-size: 14px;\r\n line-height: 1.65;\r\n }\r\n .ftm-pill {\r\n min-height: 60px;\r\n padding: 12px 13px;\r\n font-size: 14px;\r\n }\r\n .ftm-pill .ftm-pill-icon {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n .ftm-faq-question {\r\n padding: 14px 15px;\r\n }\r\n .ftm-faq-question-text {\r\n font-size: 14px;\r\n }\r\n .ftm-faq-answer p {\r\n font-size: 13.5px;\r\n }\r\n .ftm-side-btn {\r\n padding: 14px 12px;\r\n font-size: 15px;\r\n }\r\n .ftm-meta {\r\n gap: 8px;\r\n }\r\n .ftm-meta div {\r\n font-size: 12.6px;\r\n padding: 10px 8px;\r\n gap: 7px;\r\n }\r\n .ftm-help-row strong {\r\n font-size: 13.5px;\r\n }\r\n .ftm-modal {\r\n padding: 12px;\r\n }\r\n .ftm-modal-box {\r\n border-radius: 20px;\r\n }\r\n .ftm-modal-head {\r\n padding: 16px 18px;\r\n }\r\n .ftm-form {\r\n padding: 18px;\r\n gap: 14px;\r\n }\r\n .ftm-field input,\r\n .ftm-field select,\r\n .ftm-field textarea {\r\n min-height: 48px;\r\n padding: 13px 14px;\r\n border-radius: 12px;\r\n }\r\n .ftm-submit {\r\n padding: 15px;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .ftm-highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-meta div {\r\n font-size: 12.1px;\r\n padding: 10px 7px;\r\n }\r\n .ftm-price-big {\r\n font-size: 32px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ftm-wrap\">\r\n <div class=\"ftm-gallery\">\r\n <div class=\"ftm-gallery-main-wrap\" id=\"ftmMainImageWrap\">\r\n <img decoding=\"async\" class=\"ftm-gallery-main\" id=\"ftmGalleryMain\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/GettyImages-647288678-f034a186d6514c5b82c3ae8bd2b212ad.jpg\" alt=\"Excursion from Casablanca to Essaouira 2026\" loading=\"eager\" \/>\r\n <div class=\"ftm-gallery-badge\">\r\n <span class=\"ftm-gallery-badge-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"3\"><\/rect><circle cx=\"9\" cy=\"10\" r=\"2\"><\/circle><path d=\"M21 16l-5-5-8 8\"><\/path><\/svg><\/span>\r\n <span id=\"ftmGalleryTotal\">1 \/ 6 Fotos<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ftm-gallery-side\">\r\n <button class=\"ftm-gallery-thumb active\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/50ae3aa_1644014741517-casablanca-maroc-expat.avif\" alt=\"Essaouira coastal view\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <button class=\"ftm-gallery-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Casablanca-Imaginium-ONMT-3.webp\" alt=\"Essaouira Medina\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <button class=\"ftm-gallery-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/75-1.jpg\" alt=\"Essaouira harbor\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-lightbox\" id=\"ftmLightbox\">\r\n <div class=\"ftm-lightbox-content\"><img class=\"ftm-lightbox-img\" id=\"ftmLightboxImg\" alt=\"\"><button class=\"ftm-lightbox-close\" id=\"ftmLightboxClose\">\u00d7<\/button><button class=\"ftm-lightbox-nav ftm-lightbox-prev\" id=\"ftmLightboxPrev\">\u2039<\/button><button class=\"ftm-lightbox-nav ftm-lightbox-next\" id=\"ftmLightboxNext\">\u203a<\/button><div class=\"ftm-lightbox-counter\" id=\"ftmLightboxCounter\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-breadcrumb\">\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/de\/\">Startseite<\/a>\r\n <span class=\"ftm-sep\">\/<\/span>\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/de\/day-tours\/\">Tagestouren<\/a>\r\n <\/div>\r\n\r\n <h1 class=\"ftm-title\">Excursion from Casablanca to Essaouira 2026 | Private Day Trip<\/h1>\r\n\r\n <div class=\"ftm-layout\">\r\n <div class=\"ftm-main\">\r\n <div class=\"ftm-card ftm-about\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 3c2 3 3 5.5 3 8a3 3 0 1 1-6 0c0-2.5 1-5 3-8z\"><\/path><path d=\"M12 14c-3 0-5 1.8-5 4.2V21h10v-2.8C17 15.8 15 14 12 14z\"><\/path><\/svg><\/span>\u00dcber diese Exkursion<\/h3>\r\n <p><strong>Excursion from Casablanca to Essaouira 2026<\/strong> \u2013 Discover the enchanting coastal city of Essaouira, a UNESCO World Heritage site known for its historic medina, vibrant fishing port, and windswept beaches. On this private day trip from Casablanca, you'll explore the charming blue-and-white streets, visit the Skala fortress, and enjoy fresh seafood by the Atlantic Ocean. Our professional English\/French-speaking driver ensures a comfortable journey in a modern air-conditioned vehicle. Book your <strong>Excursion from Casablanca to Essaouira 2026<\/strong> heute!<\/p>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 6l7-2 4 2 7-2v14l-7 2-4-2-7 2z\"><\/path><path d=\"M10 4v14\"><\/path><path d=\"M14 6v14\"><\/path><\/svg><\/span>Exkursion Reiseplan<\/h3>\r\n <div class=\"ftm-program\">\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Abholung: Casablanca (Flughafen \/ Hotel \/ Residenz)<\/div><p>Your private driver will meet you at your Casablanca hotel or any preferred location. We start the journey south toward the Atlantic coast to Essaouira.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Scenic Coastal Drive<\/div><p>Enjoy a comfortable ride with free Wi-Fi and bottled water on board. Travel time approximately 3 to 3.5 hours to reach Essaouira, passing through scenic landscapes and argan forests.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Explore Essaouira<\/div><p>Discover the highlights of Essaouira: the historic Skala du Port with its bronze cannons, the bustling fishing port, the UNESCO-listed medina with its artisan shops, and the beautiful beach. Free time for lunch at a local seafood restaurant.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">R\u00fcckkehr nach Casablanca<\/div><p>After a memorable day exploring Essaouira, relax on the comfortable drive back to Casablanca with drop-off at your hotel or airport.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2l1.7 5.2H19l-4.3 3.1 1.6 5-4.3-3.1-4.3 3.1 1.6-5L5 7.2h5.3z\"><\/path><\/svg><\/span>H\u00f6hepunkte der Exkursion<\/h3>\r\n <div class=\"ftm-highlights\">\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 9.7a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/span>24\/7 Kundenbetreuung<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 19l6-8 4 5 3-4 5 7\"><\/path><path d=\"M3 19h18\"><\/path><\/svg><\/span>Moderne Klimatisierte Fahrzeuge<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 21s6-5.3 6-11a6 6 0 1 0-12 0c0 5.7 6 11 6 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.2\"><\/circle><\/svg><\/span>T\u00fcr-zu-T\u00fcr-Service<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12l4 4L19 6\"><\/path><\/svg><\/span>Berufskraftfahrer<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 20V8l6-4 6 4v12\"><\/path><path d=\"M10 20v-5h4v5\"><\/path><\/svg><\/span>Kostenloses Wi-Fi und Wasser<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M4 16l4-4 3 3 7-7\"><\/path><path d=\"M15 8h3v3\"><\/path><\/svg><\/span>Historic Medina Visit<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-include-exclude\">\r\n <div class=\"ftm-inc-card\"><h4><span class=\"ftm-head-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12l4 4L19 6\"><\/path><\/svg><\/span>WAS ENTHALTEN IST<\/h4><ul class=\"ftm-list ftm-list--yes\"><li>Privates Fahrzeug mit Klimaanlage (Limousine\/Minivan)<\/li><li>Englisch\/Franz\u00f6sisch sprechender professioneller Fahrer<\/li><li>Abholung vom Flughafen Casablanca oder vom Hotel<\/li><li>Full day excursion to Essaouira & return to Casablanca<\/li><li>Wasser in Flaschen und kostenloses Wi-Fi an Bord<\/li><li>Kraftstoff, Mautgeb\u00fchren und alle Steuern inklusive<\/li><li>Flexible Reiseroute & Besichtigungsstopps<\/li><\/ul><\/div>\r\n <div class=\"ftm-exc-card\"><h4><span class=\"ftm-head-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 6l12 12\"><\/path><path d=\"M18 6L6 18\"><\/path><\/svg><\/span>NICHT INBEGRIFFEN<\/h4><ul class=\"ftm-list ftm-list--no\"><li>Mahlzeiten und pers\u00f6nliche Ausgaben<\/li><li>Trinkgeld f\u00fcr den Fahrer (fakultativ)<\/li><li>Eintrittsgelder f\u00fcr Sehensw\u00fcrdigkeiten (falls zutreffend)<\/li><\/ul><\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\"><h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M9.5 9a2.5 2.5 0 1 1 4.2 1.8c-.8.8-1.7 1.4-1.7 2.7\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg><\/span>FAQ<\/h3>\r\n <div class=\"ftm-faq-accordion\">\r\n <div class=\"ftm-faq-item active\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">How long is the excursion from Casablanca to Essaouira?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>The total duration is approximately 10-12 hours including travel time and sightseeing in Essaouira.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Kann ich das Ausflugsprogramm individuell gestalten?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Ja, dies ist ein privater Ausflug. Sie k\u00f6nnen die Reiseroute an Ihre W\u00fcnsche anpassen und mehr Zeit bei bestimmten Attraktionen verbringen.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Welche Art von Fahrzeugen benutzen Sie?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Wir setzen moderne, klimatisierte Fahrzeuge ein, darunter Limousinen (f\u00fcr bis zu 3 Personen) und Minivans (f\u00fcr bis zu 7 Personen). Alle Fahrzeuge sind gut gewartet und komfortabel.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Handelt es sich um einen privaten Ausflug?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Ja, dies ist ein ganz privater Ausflug. Sie werden das Fahrzeug und den Fahrer ausschlie\u00dflich f\u00fcr Ihre Gruppe haben.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"ftm-sidebar\">\r\n <div class=\"ftm-card ftm-booking\">\r\n <div class=\"ftm-price-block\"><span class=\"ftm-price-label\">Preis<\/span><span class=\"ftm-price-big\">Auf Anfrage<small><\/small><\/span><div class=\"ftm-price-note\">Privater Ausflug - alle Steuern inbegriffen<\/div><\/div>\r\n <button class=\"ftm-side-btn ftm-btn-primary ftm-open-popup\" type=\"button\"><span class=\"ftm-btn-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M16 3v4\"><\/path><path d=\"M8 3v4\"><\/path><path d=\"M3 10h18\"><\/path><\/svg><\/span>Reservierung anfordern<\/button>\r\n <div class=\"ftm-meta\"><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path><\/svg><\/span>10-12 Stunden<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><circle cx=\"16\" cy=\"10\" r=\"2.5\"><\/circle><path d=\"M4 19c0-3 2.5-5 5-5s5 2 5 5\"><\/path><path d=\"M14 19c.2-1.8 1.6-3.2 3.8-3.2 1 0 1.8.2 2.2.5\"><\/path><\/svg><\/span>Privatexkursion<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 21s6-5.3 6-11a6 6 0 1 0-12 0c0 5.7 6 11 6 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.2\"><\/circle><\/svg><\/span>aus Casablanca<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M4 12h14\"><\/path><path d=\"M14 8l4 4-4 4\"><\/path><\/svg><\/span>nach Essaouira<\/div><\/div>\r\n <\/div>\r\n <div class=\"ftm-card ftm-help-card\"><h4><span class=\"ftm-help-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 4h12v16H6z\"><\/path><path d=\"M9 8h6\"><\/path><path d=\"M9 12h6\"><\/path><path d=\"M9 16h4\"><\/path><\/svg><\/span>Brauchen Sie Hilfe?<\/h4><p class=\"ftm-help-copy\">Setzen Sie sich mit unserem Team in Verbindung, um die Verf\u00fcgbarkeit, private Ausflugsm\u00f6glichkeiten und Details zur Reiseroute zu erfahren.<\/p><div class=\"ftm-help-list\"><a class=\"ftm-help-row\" href=\"tel:+212690740967\"><span class=\"ftm-help-dot\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 9.7a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/span><span><small>Telefon \/ WhatsApp<\/small><strong>+212 690-740967<\/strong><\/span><\/a><a class=\"ftm-help-row\" href=\"mailto:contact@moroccotourcasablanca.com\"><span class=\"ftm-help-dot\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg><\/span><span><small>E-Mail<\/small><strong>contact@moroccotourcasablanca.com<\/strong><\/span><\/a><\/div><\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-modal\" id=\"ftmTourModal\">\r\n <div class=\"ftm-modal-box\">\r\n <div class=\"ftm-modal-head\"><h4>Anfrage f\u00fcr Ihren privaten Ausflug<\/h4><button class=\"ftm-close\" type=\"button\">\u00d7<\/button><\/div>\r\n <form class=\"ftm-form\" id=\"ftmEmailJSForm\" action=\"\">\r\n <!-- Row 1: Full name + Email -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Vollst\u00e4ndiger Name<\/label><input type=\"text\" name=\"user_name\" placeholder=\"Unbekannter\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>E-Mail<\/label><input type=\"email\" name=\"user_email\" placeholder=\"john@example.com\" required \/><\/div>\r\n <\/div>\r\n <!-- Row 2: Phone + Passengers -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Telefon<\/label><input type=\"tel\" name=\"user_phone\" placeholder=\"+212 690-740967\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>Passagiere<\/label><select name=\"passengers\"><option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option><option>5<\/option><option>6+<\/option><\/select><\/div>\r\n <\/div>\r\n <!-- Row 3: Pickup location + Drop-off location -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Ort der Abholung<\/label><input type=\"text\" name=\"pickup_location\" placeholder=\"Casablanca Flughafen \/ Hotelname\" \/><\/div>\r\n <div class=\"ftm-field\"><label>Abgabestelle<\/label><input type=\"text\" name=\"dropoff_location\" placeholder=\"Essaouira (or return to Casablanca)\" \/><\/div>\r\n <\/div>\r\n <!-- Row 4: Travel date (full width using .ftm-date-full) -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field ftm-date-full\"><label>Datum der Reise<\/label><input type=\"date\" name=\"travel_date\" \/><\/div>\r\n <\/div>\r\n <!-- Message field full width -->\r\n <div class=\"ftm-field\"><label>Nachricht \/ Besondere W\u00fcnsche<\/label><textarea name=\"message\" rows=\"3\" placeholder=\"Besondere Attraktionen, Flugnummer, zus\u00e4tzliche W\u00fcnsche...\"><\/textarea><\/div>\r\n <button class=\"ftm-submit\" type=\"submit\" id=\"ftmSubmitBtn\"><span class=\"ftm-btn-text\">Anfrage senden<\/span><\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <div id=\"ftmThankYouMessage\" class=\"ftm-thankyou-message\" style=\"display: none;\"><div class=\"ftm-thankyou-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div><div class=\"ftm-thankyou-content\"><strong>Anfrage erfolgreich gesendet<\/strong><p>Vielen Dank, dass Sie mit uns Kontakt aufgenommen haben. Wir haben Ihre Anfrage f\u00fcr einen Ausflug erhalten und unser Team wird Ihnen innerhalb von 24 Stunden mit der Verf\u00fcgbarkeit und den vollst\u00e4ndigen Details antworten.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const page = document.querySelector('.ftm-tour-page');\r\n if (!page) return;\r\n const modal = page.querySelector('#ftmTourModal');\r\n const opens = page.querySelectorAll('.ftm-open-popup');\r\n const close = page.querySelector('.ftm-close');\r\n function lockBody() { document.body.style.overflow = 'hidden'; }\r\n function unlockBodyIfNeeded() { const lightbox = page.querySelector('#ftmLightbox'); if (!modal.classList.contains('ftm-show') && !lightbox.classList.contains('active')) { document.body.style.overflow = ''; } }\r\n opens.forEach((btn) => { btn.addEventListener('click', () => { modal.classList.add('ftm-show'); lockBody(); const thankYouDiv = document.getElementById('ftmThankYouMessage'); if (thankYouDiv) thankYouDiv.style.display = 'none'; const form = document.getElementById('ftmEmailJSForm'); if (form) form.style.display = 'grid'; const submitBtn = document.getElementById('ftmSubmitBtn'); if (submitBtn) { submitBtn.innerHTML = '<span class=\"ftm-btn-text\">Send request<\/span>'; submitBtn.disabled = false; submitBtn.classList.remove('ftm-submit-loading'); } }); });\r\n close.addEventListener('click', () => { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); });\r\n modal.addEventListener('click', (e) => { if (e.target === modal) { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); } });\r\n const emailForm = document.getElementById('ftmEmailJSForm');\r\n const thankYouDiv = document.getElementById('ftmThankYouMessage');\r\n const submitBtn = document.getElementById('ftmSubmitBtn');\r\n if (emailForm) { emailForm.addEventListener('submit', function(event) { event.preventDefault(); submitBtn.disabled = true; submitBtn.classList.add('ftm-submit-loading'); submitBtn.innerHTML = '<span class=\"ftm-btn-text\"><span class=\"ftm-spinner\"><\/span>Sending...<\/span>'; const serviceID = 'service_6xpgdw6'; const templateID = 'template_8kbt2yx'; setTimeout(() => { emailjs.sendForm(serviceID, templateID, this).then(() => { emailForm.style.display = 'none'; thankYouDiv.style.display = 'flex'; emailForm.reset(); }).catch((err) => { alert('Something went wrong\u2026 Please try again or contact us directly.\\n' + JSON.stringify(err)); submitBtn.disabled = false; submitBtn.classList.remove('ftm-submit-loading'); submitBtn.innerHTML = '<span class=\"ftm-btn-text\">Send request<\/span>'; }); }, 1000); }); }\r\n const faqItems = page.querySelectorAll('.ftm-faq-item');\r\n function closeFaqItem(item) { const answer = item.querySelector('.ftm-faq-answer'); const button = item.querySelector('.ftm-faq-question'); item.classList.remove('active'); button.setAttribute('aria-expanded', 'false'); answer.style.maxHeight = '0px'; }\r\n function openFaqItem(item) { const answer = item.querySelector('.ftm-faq-answer'); const button = item.querySelector('.ftm-faq-question'); item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); answer.style.maxHeight = answer.scrollHeight + 'px'; }\r\n faqItems.forEach((item) => { const btn = item.querySelector('.ftm-faq-question'); if (!btn) return; if (item.classList.contains('active')) openFaqItem(item); else closeFaqItem(item); btn.addEventListener('click', () => { const isOpen = item.classList.contains('active'); faqItems.forEach((other) => closeFaqItem(other)); if (!isOpen) openFaqItem(item); }); });\r\n window.addEventListener('resize', () => { faqItems.forEach((item) => { if (item.classList.contains('active')) { const answer = item.querySelector('.ftm-faq-answer'); if (answer) answer.style.maxHeight = answer.scrollHeight + 'px'; } }); });\r\n const galleryImages = [{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/GettyImages-647288678-f034a186d6514c5b82c3ae8bd2b212ad.jpg', alt: 'Essaouira coast' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/50ae3aa_1644014741517-casablanca-maroc-expat.avif', alt: 'Essaouira view' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Casablanca-Imaginium-ONMT-3.webp', alt: 'Essaouira Medina' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/75-1.jpg', alt: 'Essaouira harbor' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Essaouira-FB-cover-1.webp', alt: 'Essaouira beach' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/BANNER_4cad02d147.webp', alt: 'Essaouira Skala' }];\r\n const mainImage = page.querySelector('#ftmGalleryMain'); const mainWrap = page.querySelector('#ftmMainImageWrap'); const thumbButtons = Array.from(page.querySelectorAll('.ftm-gallery-thumb')); const totalLabel = page.querySelector('#ftmGalleryTotal'); const lightbox = page.querySelector('#ftmLightbox'); const lightboxImg = page.querySelector('#ftmLightboxImg'); const lightboxClose = page.querySelector('#ftmLightboxClose'); const lightboxPrev = page.querySelector('#ftmLightboxPrev'); const lightboxNext = page.querySelector('#ftmLightboxNext'); const lightboxCounter = page.querySelector('#ftmLightboxCounter'); let activeIndex = 0; let autoplayTimer = null; const AUTOPLAY_DELAY = 3500;\r\n function switchMain(src, alt) { if (!mainImage) return; mainImage.classList.add('ftm-main-switch'); setTimeout(() => { mainImage.setAttribute('src', src); mainImage.setAttribute('alt', alt || ''); }, 100); setTimeout(() => { mainImage.classList.remove('ftm-main-switch'); }, 240); }\r\n function updateGalleryBadge() { if (totalLabel) totalLabel.textContent = `${activeIndex + 1} \/ ${galleryImages.length} photos`; }\r\n function renderGallery(animate) { if (!galleryImages.length) return; updateGalleryBadge(); const main = galleryImages[activeIndex]; if (animate) switchMain(main.src, main.alt); else { mainImage.setAttribute('src', main.src); mainImage.setAttribute('alt', main.alt); } thumbButtons.forEach((btn, slot) => { const img = btn.querySelector('img'); const count = btn.querySelector('.ftm-gallery-thumb-count'); const idx = (activeIndex + slot + 1) % galleryImages.length; const data = galleryImages[idx]; const remainingCount = Math.max(galleryImages.length - (thumbButtons.length + 1), 0); btn.dataset.index = idx; btn.classList.remove('active'); btn.classList.remove('ftm-gallery-thumb--more'); if (img) { img.src = data.src; img.alt = data.alt; } if (count) count.textContent = ''; if (slot === thumbButtons.length - 1 && remainingCount > 0) { btn.classList.add('ftm-gallery-thumb--more'); if (count) count.textContent = `+${remainingCount}`; } }); }\r\n function updateLightboxImage() { const img = galleryImages[activeIndex]; lightboxImg.src = img.src; lightboxImg.alt = img.alt; lightboxCounter.textContent = `${activeIndex + 1} \/ ${galleryImages.length}`; }\r\n function openLightbox(index) { activeIndex = index; renderGallery(false); updateLightboxImage(); lightbox.classList.add('active'); lockBody(); stopAutoplay(); }\r\n function closeLightbox() { lightbox.classList.remove('active'); unlockBodyIfNeeded(); startAutoplay(); }\r\n function nextImage() { activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); updateLightboxImage(); }\r\n function prevImage() { activeIndex = (activeIndex - 1 + galleryImages.length) % galleryImages.length; renderGallery(true); updateLightboxImage(); }\r\n function nextGallery() { activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); }\r\n function prevGallery() { activeIndex = (activeIndex - 1 + galleryImages.length) % galleryImages.length; renderGallery(true); }\r\n function stopAutoplay() { if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } }\r\n function startAutoplay() { stopAutoplay(); autoplayTimer = setInterval(() => { if (lightbox.classList.contains('active') || modal.classList.contains('ftm-show')) return; activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); }, AUTOPLAY_DELAY); }\r\n function addSwipe(element, onSwipeLeft, onSwipeRight) { if (!element) return; let startX = 0, startY = 0; element.addEventListener('touchstart', (e) => { const touch = e.changedTouches[0]; startX = touch.clientX; startY = touch.clientY; }, { passive: true }); element.addEventListener('touchend', (e) => { const touch = e.changedTouches[0]; const diffX = touch.clientX - startX; const diffY = touch.clientY - startY; if (Math.abs(diffX) > 45 && Math.abs(diffX) > Math.abs(diffY)) { if (diffX < 0 && onSwipeLeft) onSwipeLeft(); else if (onSwipeRight) onSwipeRight(); } }, { passive: true }); }\r\n mainWrap.addEventListener('click', () => { openLightbox(activeIndex); });\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxPrev.addEventListener('click', (e) => { e.stopPropagation(); prevImage(); });\r\n lightboxNext.addEventListener('click', (e) => { e.stopPropagation(); nextImage(); });\r\n lightbox.addEventListener('click', (e) => { if (e.target === lightbox) closeLightbox(); });\r\n thumbButtons.forEach((btn) => { btn.addEventListener('click', () => { const nextIndex = Number(btn.dataset.index); if (Number.isNaN(nextIndex)) return; activeIndex = nextIndex; renderGallery(true); startAutoplay(); }); });\r\n addSwipe(mainWrap, () => { nextGallery(); startAutoplay(); }, () => { prevGallery(); startAutoplay(); });\r\n addSwipe(lightbox, () => { nextImage(); }, () => { prevImage(); });\r\n document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('ftm-show')) { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); } if (!lightbox.classList.contains('active')) return; if (e.key === 'Escape') closeLightbox(); else if (e.key === 'ArrowRight') nextImage(); else if (e.key === 'ArrowLeft') prevImage(); });\r\n document.addEventListener('visibilitychange', () => { if (document.hidden) stopAutoplay(); else if (!lightbox.classList.contains('active')) startAutoplay(); });\r\n renderGallery(false);\r\n startAutoplay();\r\n })();\r\n <\/script>\r\n<\/div>\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>Excursion from Casablanca to Essaouira 2026 | Best Morocco Day Tour Service 1 \/ 6 photos ×\u2039\u203a Home \/ Day Tours Excursion from Casablanca to Essaouira 2026 | Private Day Trip About This Excursion Excursion from Casablanca to Essaouira 2026 \u2013 Discover the enchanting coastal city of Essaouira, a UNESCO World Heritage site known for […]<\/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-215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":19,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/215\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}