Rifaura slider \u2013 all orange<\/title>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"rifaura-slider-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('rifaura-slider-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host {\r\n --primary: #F97316; \/* vibrant orange (main) *\/\r\n --secondary: #FFB347; \/* lighter orange for accents (instead of blue) *\/\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --white: #ffffff;\r\n --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .myt-slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .myt-slider-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .myt-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .myt-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n \r\n .myt-slide.prev {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n \r\n .myt-slide-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.8);\r\n }\r\n \r\n .myt-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 40px;\r\n color: var(--white);\r\n text-align: center;\r\n }\r\n \r\n .myt-slide-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 24px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .myt-slide-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin: 0 0 20px 0;\r\n text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .myt-slide-title span {\r\n color: var(--secondary); \/* lighter orange accent *\/\r\n }\r\n \r\n .myt-slide-desc {\r\n font-size: 20px;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* ALL BUTTONS orange *\/\r\n .myt-slide-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary); \/* orange *\/\r\n color: var(--white);\r\n padding: 16px 36px;\r\n border-radius: 50px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .myt-slide-cta:hover {\r\n background: var(--white);\r\n color: var(--primary); \/* orange text on hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .myt-slide-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n transition: var(--transition);\r\n }\r\n \r\n .myt-slide-cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* Navigation arrows (white, unchanged) *\/\r\n .myt-slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n z-index: 10;\r\n border: none;\r\n outline: none;\r\n }\r\n \r\n .myt-slider-nav:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .myt-slider-nav.prev {\r\n left: 30px;\r\n }\r\n \r\n .myt-slider-nav.next {\r\n right: 30px;\r\n }\r\n \r\n .myt-slider-nav svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--white);\r\n }\r\n \r\n .myt-slider-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n \r\n .myt-slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n padding: 0;\r\n }\r\n \r\n .myt-slider-dot.active {\r\n background: var(--white);\r\n transform: scale(1);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n \r\n \/* responsive *\/\r\n @media (max-width: 1024px) {\r\n .myt-slider-container { height: 550px; }\r\n .myt-slide-title { font-size: 46px; }\r\n .myt-slide-desc { font-size: 18px; }\r\n .myt-slider-nav { width: 50px; height: 50px; }\r\n .myt-slider-nav.prev { left: 20px; }\r\n .myt-slider-nav.next { right: 20px; }\r\n .myt-slider-nav svg { width: 22px; height: 22px; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .myt-slider-container { height: 480px; }\r\n .myt-slide-content { padding: 30px 25px; }\r\n .myt-slide-title { font-size: 34px; }\r\n .myt-slide-desc { font-size: 17px; margin-bottom: 30px; }\r\n .myt-slide-cta { padding: 14px 28px; font-size: 16px; }\r\n .myt-slider-nav { width: 44px; height: 44px; display: none; }\r\n .myt-slider-dots { bottom: 30px; }\r\n .myt-slider-dot { width: 8px; height: 8px; }\r\n .myt-slider-dot.active { width: 8px; height: 8px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .myt-slider-container { height: 420px; }\r\n .myt-slide-content { padding: 25px 20px; }\r\n .myt-slide-title { font-size: 28px; margin-bottom: 15px; }\r\n .myt-slide-desc { font-size: 16px; margin-bottom: 25px; }\r\n .myt-slide-badge { padding: 8px 18px; font-size: 12px; margin-bottom: 15px; }\r\n .myt-slide-cta { padding: 12px 24px; font-size: 15px; gap: 8px; }\r\n .myt-slide-cta svg { width: 16px; height: 16px; }\r\n .myt-slider-dots { bottom: 25px; gap: 8px; }\r\n .myt-slider-dot { width: 6px; height: 6px; }\r\n .myt-slider-dot.active { width: 6px; height: 6px; }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .myt-slider-container { height: 380px; }\r\n .myt-slide-title { font-size: 24px; }\r\n .myt-slide-desc { font-size: 15px; }\r\n .myt-slide-cta { padding: 10px 20px; font-size: 14px; }\r\n .myt-slider-dots { bottom: 20px; }\r\n }\r\n \r\n @media (max-width: 320px) {\r\n .myt-slider-container { height: 350px; }\r\n .myt-slide-content { padding: 20px 15px; }\r\n .myt-slide-title { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"myt-slider-container\" aria-label=\"Rifaura banner \u2013 all orange\">\r\n <div class=\"myt-slider-wrapper\">\r\n \r\n \r\n <div class=\"myt-slide active\" data-slide=\"1\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-1-scaled.jpg\"\r\n alt=\"Hassan II Mosque illuminated at night, Casablanca\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Rifaura Activities<\/div>\r\n <h1 class=\"myt-slide-title\">Discover <span>Morocco's Wonders<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n From the iconic Hassan II Mosque to hidden gems, explore Morocco's rich heritage with our expert-guided tours and authentic cultural experiences.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Start Exploring\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/caption-5.jpg\"\r\n alt=\"Rifaura cultural experience in Morocco\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Excursions & Tours<\/div>\r\n <h1 class=\"myt-slide-title\">Authentic <span>Cultural Encounters<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Immerse yourself in local traditions, from vibrant souks to tranquil riads. Our handcrafted tours connect you with the real Morocco.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Book Your Tour\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/morocco-facebook.jpg\"\r\n alt=\"Iconic Moroccan landscape\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Tailor-Made Experiences<\/div>\r\n <h1 class=\"myt-slide-title\">Your Story <span>Begins Here<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Private tours, small groups, and sustainable travel. Let Rifaura craft the perfect Moroccan adventure for you.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Plan Your Journey\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <button class=\"myt-slider-nav prev\" aria-label=\"Previous slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"myt-slider-nav next\" aria-label=\"Next slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"myt-slider-dots\">\r\n <div class=\"myt-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/\/ Slider functionality (unchanged)\r\n setTimeout(() => {\r\n const sliderContainer = root.querySelector('.myt-slider-container');\r\n const slides = root.querySelectorAll('.myt-slide');\r\n const dots = root.querySelectorAll('.myt-slider-dot');\r\n const prevBtn = root.querySelector('.myt-slider-nav.prev');\r\n const nextBtn = root.querySelector('.myt-slider-nav.next');\r\n \r\n let currentSlide = 0;\r\n let slideInterval;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active', 'prev');\r\n if (index === currentSlide) {\r\n slide.classList.add('active');\r\n } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.remove('active');\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToNextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToPrevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function startAutoSlide() {\r\n slideInterval = setInterval(goToNextSlide, 6000);\r\n }\r\n \r\n function pauseAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n function resetAutoSlide() {\r\n pauseAutoSlide();\r\n startAutoSlide();\r\n }\r\n \r\n prevBtn.addEventListener('click', goToPrevSlide);\r\n nextBtn.addEventListener('click', goToNextSlide);\r\n \r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n goToSlide(slideIndex);\r\n });\r\n });\r\n \r\n sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Touch swipe\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n sliderContainer.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n pauseAutoSlide();\r\n });\r\n \r\n sliderContainer.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const swipeThreshold = 50;\r\n const diff = touchStartX - touchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) goToNextSlide();\r\n else goToPrevSlide();\r\n }\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Init\r\n updateSlider();\r\n startAutoSlide();\r\n \r\n }, 100);\r\n })();\r\n <\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c44f3ff e-con-full e-flex e-con e-parent\" data-id=\"c44f3ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ecaa2 elementor-widget elementor-widget-html\" data-id=\"42ecaa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Rifaura Promo Bar (Orange) \u2013 reduced height<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n }\r\n \r\n \/* ----- RIFAURA BRAND COLORS (all orange shades) ----- *\/\r\n .brand-bg {\r\n background: linear-gradient(90deg, #F97316 0%, #FFB347 35%, #F97316 100%);\r\n \/* solid fallback *\/\r\n background-color: #F97316;\r\n }\r\n \r\n \/* Carousel Container *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n }\r\n \r\n \/* \ud83d\udd3b REDUCED HEIGHTS (as requested) *\/\r\n .desktop-height {\r\n height: 60px; \/* was 75px *\/\r\n }\r\n \r\n .mobile-height {\r\n height: 48px; \/* was 60px *\/\r\n }\r\n \r\n \/* Carousel Track *\/\r\n .carousel-track {\r\n display: flex;\r\n position: absolute;\r\n white-space: nowrap;\r\n height: 100%;\r\n align-items: center;\r\n }\r\n \r\n \/* Animation *\/\r\n .carousel-animation {\r\n animation: slide 35s linear infinite;\r\n }\r\n \r\n .carousel-animation:hover {\r\n animation-play-state: paused;\r\n }\r\n \r\n @keyframes slide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Promo Item *\/\r\n .promo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px; \/* slightly reduced *\/\r\n padding: 0 28px; \/* reduced from 35px *\/\r\n color: white; \/* all text white \u2013 contrasts nicely on orange *\/\r\n font-weight: 600;\r\n font-size: 17px; \/* slightly smaller *\/\r\n height: 100%;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .promo-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .promo-icon {\r\n font-size: 22px; \/* reduced from 24px *\/\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .promo-item:hover .promo-icon {\r\n transform: scale(1.15);\r\n }\r\n \r\n .highlight {\r\n color: white; \/* keep white, but you could use a lighter orange if needed *\/\r\n font-weight: 700;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 768px) {\r\n .mobile-height {\r\n height: 44px; \/* reduced from 55px *\/\r\n }\r\n \r\n .carousel-animation {\r\n animation-duration: 30s;\r\n }\r\n \r\n .promo-item {\r\n font-size: 15px; \/* was 16px *\/\r\n padding: 0 20px; \/* reduced from 28px *\/\r\n gap: 10px;\r\n min-width: 180px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 20px; \/* was 22px *\/\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mobile-height {\r\n height: 42px; \/* reduced from 50px *\/\r\n }\r\n \r\n .promo-item {\r\n font-size: 14px; \/* was 15px *\/\r\n padding: 0 18px; \/* reduced *\/\r\n min-width: 160px;\r\n gap: 8px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mobile-height {\r\n height: 40px;\r\n }\r\n \r\n .promo-item {\r\n font-size: 13px;\r\n padding: 0 16px;\r\n min-width: 150px;\r\n }\r\n }\r\n \r\n \/* Hide\/Show based on screen size *\/\r\n .desktop-only {\r\n display: block;\r\n }\r\n \r\n .mobile-only {\r\n display: none;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .desktop-only {\r\n display: none;\r\n }\r\n \r\n .mobile-only {\r\n display: block;\r\n }\r\n }\r\n \r\n \/* Pause on hover *\/\r\n .carousel-container:hover .carousel-animation {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n <div class=\"desktop-only\">\r\n <div class=\"carousel-container desktop-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exklusiv<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> gl\u00fcckliche Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span> Dienstleistung<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span> Experten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span> Fahrten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel-Treks<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span> abenteuer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">.<\/span> Berberf\u00fchrer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandboarding<\/span> Spa\u00df<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marokkanisch<\/span> Abendessen<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exklusiv<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> gl\u00fcckliche Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span> Dienstleistung<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span> Experten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span> Fahrten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel-Treks<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span> abenteuer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">.<\/span> Berberf\u00fchrer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandboarding<\/span> Spa\u00df<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marokkanisch<\/span> Abendessen<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-only\">\r\n <div class=\"carousel-container mobile-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Leitf\u00e4den<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandkasten<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Abendessen<\/span><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Leitf\u00e4den<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandkasten<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Abendessen<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0bf58b e-con-full e-flex e-con e-parent\" data-id=\"e0bf58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b091 elementor-widget elementor-widget-html\" data-id=\"0f7b091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>About Rifaura \u2013 cultural travel<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <style>\r\n :root{\r\n --rfa-orange: #F97316;\r\n --rfa-orange-light: #FFB347;\r\n --rfa-black: #0b0b0b;\r\n --rfa-text: #0b0b0b;\r\n --rfa-muted: #6b7280;\r\n --rfa-bg: #ffffff;\r\n --rfa-soft: #fff4e6;\r\n --rfa-checkBg: #fff1dc;\r\n\r\n --rfa-shadow: 0 18px 45px rgba(249,115,22,.12);\r\n --rfa-shadow2: 0 10px 25px rgba(249,115,22,.08);\r\n\r\n --rfa-radius: 22px;\r\n --rfa-radiusBig: 120px;\r\n --rfa-max: 1200px;\r\n\r\n --rfa-orangeFilter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n body{\r\n margin:0;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n background: var(--rfa-bg);\r\n color: var(--rfa-text);\r\n }\r\n\r\n .rfa-about-section{ padding: clamp(28px, 4vw, 60px) 18px; }\r\n .rfa-container{\r\n max-width: var(--rfa-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: clamp(24px, 4vw, 56px);\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT COLLAGE *\/\r\n .rfa-collage{\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 22px);\r\n min-height: clamp(360px, 42vw, 520px);\r\n align-content: stretch;\r\n --rfa-badge-x: 50%;\r\n --rfa-badge-y: 50%;\r\n --rfa-badge-size: clamp(110px, 14vw, 150px);\r\n }\r\n\r\n .rfa-img-box{\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--rfa-shadow2);\r\n background: #f2f2f2;\r\n }\r\n .rfa-img-box img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n display:block;\r\n }\r\n\r\n .rfa-img-1{\r\n grid-column: 1 \/ 2;\r\n grid-row: 1 \/ 2;\r\n border-radius: var(--rfa-radiusBig) var(--rfa-radius) var(--rfa-radius) var(--rfa-radius);\r\n }\r\n\r\n .rfa-img-3{\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 3;\r\n border-radius: var(--rfa-radius) var(--rfa-radius) var(--rfa-radius) var(--rfa-radiusBig);\r\n }\r\n\r\n .rfa-img-2{\r\n grid-column: 2 \/ 3;\r\n grid-row: 1 \/ 3;\r\n border-radius: var(--rfa-radius);\r\n align-self: center;\r\n height: 86%;\r\n transform: translateY(2%);\r\n z-index: 1;\r\n }\r\n\r\n \/* ORANGE RING *\/\r\n .rfa-ring{\r\n position:absolute;\r\n width: clamp(140px, 18vw, 200px);\r\n height: clamp(140px, 18vw, 200px);\r\n border-radius: 999px;\r\n border: clamp(12px, 1.4vw, 18px) solid var(--rfa-orange);\r\n top: clamp(10px, 2vw, 18px);\r\n left: 56%;\r\n transform: translateX(-10%);\r\n z-index: 0;\r\n opacity: .9;\r\n }\r\n\r\n \/* EXPERIENCE BADGE *\/\r\n .rfa-exp-badge{\r\n position:absolute;\r\n width: var(--rfa-badge-size);\r\n height: var(--rfa-badge-size);\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n display:grid;\r\n place-items:center;\r\n text-align:center;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.20);\r\n border: 8px solid #fff;\r\n\r\n left: var(--rfa-badge-x);\r\n top: var(--rfa-badge-y);\r\n transform: translate(-50%, -50%);\r\n z-index: 4;\r\n }\r\n .rfa-exp-inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap: 6px;\r\n }\r\n .rfa-exp-badge .rfa-num{\r\n font-weight: 900;\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n line-height: 1;\r\n margin: 0;\r\n color: var(--rfa-orange);\r\n }\r\n .rfa-exp-badge .rfa-txt{\r\n margin: 0;\r\n font-weight: 900;\r\n font-size: clamp(11px, 1.2vw, 14px);\r\n line-height: 1.15;\r\n color: var(--rfa-orange-light);\r\n }\r\n\r\n \/* RIGHT CONTENT *\/\r\n .rfa-content{ max-width: 560px; }\r\n\r\n .rfa-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: var(--rfa-soft);\r\n color: var(--rfa-black);\r\n font-weight: 900;\r\n font-size: 13px;\r\n border: 1px solid rgba(249,115,22,.35);\r\n }\r\n .rfa-pill .rfa-pill-ico{\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid rgba(249,115,22,.35);\r\n display:grid;\r\n place-items:center;\r\n }\r\n .rfa-pill svg{ width: 14px; height: 14px; stroke: var(--rfa-orange); stroke-width: 2; fill:none; }\r\n\r\n h2{\r\n margin: 14px 0 12px;\r\n font-size: clamp(28px, 3.1vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -.2px;\r\n }\r\n .rfa-hl{ color: var(--rfa-orange); }\r\n\r\n .rfa-desc{\r\n margin: 0 0 20px;\r\n color: var(--rfa-muted);\r\n line-height: 1.7;\r\n font-size: 14.5px;\r\n max-width: 56ch;\r\n }\r\n\r\n .rfa-details{\r\n display:grid;\r\n grid-template-columns: 1.15fr .95fr;\r\n gap: 18px;\r\n align-items: start;\r\n margin-top: 8px;\r\n }\r\n\r\n .rfa-feature{\r\n display:flex;\r\n gap: 14px;\r\n padding: 10px 0;\r\n }\r\n\r\n .rfa-f-ico{\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n display:grid;\r\n place-items:center;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.14);\r\n flex: 0 0 auto;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-f-ico img{\r\n width: 24px;\r\n height: 24px;\r\n display:block;\r\n filter: var(--rfa-orangeFilter);\r\n }\r\n\r\n .rfa-feature h4{ margin: 2px 0 6px; font-size: 16px; line-height: 1.2; }\r\n .rfa-feature p{ margin:0; color: var(--rfa-muted); font-size: 13.8px; line-height: 1.6; font-weight: 700; }\r\n\r\n .rfa-check-card{\r\n background: var(--rfa-checkBg);\r\n border-radius: 18px;\r\n padding: 16px;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-check-list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px; }\r\n .rfa-check-item{ display:flex; align-items:center; gap: 10px; font-weight: 900; color: #0b1220; font-size: 14px; }\r\n .rfa-check{\r\n width: 18px; height: 18px; border-radius: 999px;\r\n background: rgba(249,115,22,.18);\r\n display:grid; place-items:center;\r\n border: 1px solid rgba(249,115,22,.40);\r\n flex: 0 0 auto;\r\n }\r\n .rfa-check svg{ width: 12px; height: 12px; stroke: var(--rfa-orange); stroke-width: 3; fill:none; }\r\n\r\n .rfa-cta{\r\n margin-top: 18px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n font-weight: 900;\r\n font-size: 13.5px;\r\n text-decoration:none;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.14);\r\n border: 1px solid rgba(249,115,22,.35);\r\n transition: transform .15s ease, filter .15s ease;\r\n }\r\n .rfa-cta:hover{ transform: translateY(-1px); filter: brightness(1.02); }\r\n .rfa-cta svg{ width: 16px; height: 16px; stroke: var(--rfa-orange-light); stroke-width:2; fill:none; }\r\n\r\n @media (min-width: 981px){\r\n .rfa-collage{ min-height: 460px; }\r\n .rfa-img-2{ height: 78%; transform: translateY(6%); }\r\n }\r\n\r\n @media (max-width: 980px){\r\n .rfa-container{ grid-template-columns: 1fr; }\r\n .rfa-content{ max-width: 100%; }\r\n .rfa-details{ grid-template-columns: 1fr; }\r\n .rfa-check-card{ order: 2; }\r\n .rfa-collage{ min-height: 420px; }\r\n }\r\n\r\n @media (max-width: 520px){\r\n .rfa-collage{\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n min-height: 380px;\r\n --rfa-badge-size: 122px;\r\n }\r\n .rfa-img-2{ height: 82%; }\r\n .rfa-ring{ left: 58%; top: 8px; }\r\n .rfa-exp-badge{ border-width: 6px; }\r\n .rfa-exp-badge .rfa-num{ font-size: 36px; }\r\n .rfa-exp-badge .rfa-txt{ font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n \r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-1 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b1022b4ce12323f4.avif\" alt=\"Rifaura traveler in traditional white dress\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-2 animate__animated animate__fadeInRight\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura excursion landscape\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-3 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/ballooningmarrakech-1.jpg\" alt=\"Rifaura adventure moment\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-exp-badge animate__animated animate__zoomIn\">\r\n <div class=\"rfa-exp-inner\">\r\n <div class=\"rfa-num\">10+<\/div>\r\n <div class=\"rfa-txt\">Jahre der<br\/>Abenteuer<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-content\">\r\n <div class=\"rfa-pill animate__animated animate__fadeIn\">\r\n <span class=\"rfa-pill-ico\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 17h10\"><\/path>\r\n <path d=\"M6 17V9a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8\"><\/path>\r\n <path d=\"M8 9h8\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n \u00dcber Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> - Unvergesslich<br\/><span class=\"rfa-hl\">Aktivit\u00e4ten und Exkursionen<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> ist spezialisiert auf handgefertigte Abenteuer in ganz Marokko. Von aufregenden Exkursionen im Atlasgebirge bis hin zu ruhigen kulturellen Spazierg\u00e4ngen in alten Medinas bringen wir Ihnen das Herz jedes Reiseziels mit Leidenschaft und Fachwissen n\u00e4her.\r\n <\/p>\r\n\r\n <div class=\"rfa-details\">\r\n <div class=\"animate__animated animate__fadeIn\">\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>T\u00e4gliche Ausfl\u00fcge<\/h4>\r\n <p>Ma\u00dfgeschneiderte Erlebnisse<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Fachkundige lokale F\u00fchrer<\/h4>\r\n <p>Insiderwissen<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-check-card animate__animated animate__fadeIn\">\r\n <ul class=\"rfa-check-list\">\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Kleine Gruppen<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Fachkundige F\u00fchrer<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Nachhaltig<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Private Optionen<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Flexible Termine<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"rfa-cta animate__animated animate__fadeInUp\" href=\"https:\/\/rifaura.com\/de\/contact\/\">\r\n Beginnen Sie Ihr Abenteuer\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12\"><\/path>\r\n <path d=\"M13 6l6 6-6 6\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a3d2f e-con-full e-flex e-con e-parent\" data-id=\"71a3d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48763f elementor-widget elementor-widget-html\" data-id=\"b48763f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Multi-Day Tours from Casablanca, Marrakech & Tangier | Rifaura<\/title>\r\n <meta name=\"description\" content=\"Embark on unforgettable multi-day tours: 10-Day Casablanca to Desert & Marrakech, 2-Day Zagora, 3-Day Fes, 3-Day Merzouga, 6-Day Fes via Desert, 8 Days from Tangier. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Rifaura Mehrtagestouren<\/span>\r\n <h1>W\u00fcste & Reichsst\u00e4dte <span>Fahrten<\/span><\/h1>\r\n <p>Von Casablanca, Marrakesch und Tanger aus erkunden Sie die Sahara, das Gebirge und die historischen St\u00e4dte Marokkos auf fachkundig ausgearbeiteten Reiserouten.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"10-Day Tour Casablanca to Desert and Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 10 Tage<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">10-t\u00e4gige Tour von Casablanca in die W\u00fcste und nach Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 10 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Reichsst\u00e4dte<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara-W\u00fcste<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%2010-Day%20Tour%20Casablanca%20Desert%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/download.avif\" alt=\"2-Day Tour Marrakech to Zagora Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Zagora<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">2-t\u00e4gige Tour von Marrakesch zur Zagora-W\u00fcste<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Kamel-Trekking<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>W\u00fcstencamp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%202-Day%20Zagora%20from%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"3-Day Tour Marrakech to Fes\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-city\"><\/i> Fes<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">3-t\u00e4gige Tour von Marrakech nach Fes<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Atlasgebirge<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Kulturelle Stationen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20to%20Fes\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/Visiting-Sahara-Desert.jpg\" alt=\"3-Day Tour Marrakech to Merzouga Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Merzouga<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">3-t\u00e4gige Tour von Marrakesch zur W\u00fcste Merzouga<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Erg Chebbi<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Luxus-Camp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20Merzouga\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/meknes-maroc_A3YHKFA.jpg.1920x0_q85_format-jpg-2.jpg\" alt=\"6-Day Tour Marrakech to Fes via Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 6 Tage<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">6-t\u00e4gige Tour von Marrakech nach Fes \u00fcber die W\u00fcste<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 6 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Fes<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%206-Day%20Marrakech%20Fes%20via%20Desert\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/2979c2582f468c00cdd6906d8bf6350a-3-scaled.webp\" alt=\"8 Days Tour from Tangier\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-ship\"><\/i> Tanger<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">8 Tage Tour ab Tanger<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tanger<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Chefchaouen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%208%20Days%20Tour%20from%20Tangier\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-723f4a6 e-con-full e-flex e-con e-parent\" data-id=\"723f4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8133a36 elementor-widget elementor-widget-html\" data-id=\"8133a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Rifaura Hero + Stats (orange, logical numbers, Ait Ben Haddou)<\/title>\r\n <style>\r\n \/* ===== RIFAURA HERO + STATS \u2013 orange theme, numbers not too large, your image ===== *\/\r\n .rifaura-hero-stats, .rifaura-hero-stats *{ box-sizing:border-box; }\r\n .rifaura-hero-stats{\r\n \/* RIFAURA orange palette *\/\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --bar1: #F97316; \/* orange gradient start *\/\r\n --bar2: #f0852e; \/* slightly deeper orange *\/\r\n --shadow2: 0 18px 45px rgba(249,115,22,0.18);\r\n width:100%;\r\n }\r\n\r\n \/* full width section (edge to edge) *\/\r\n .rifaura-hero-stats{\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n width: 100vw;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n \/* HERO with background image (your Ait Ben Haddou) *\/\r\n .rifaura-hero{\r\n position: relative;\r\n width: 100%;\r\n height: clamp(260px, 36vw, 420px);\r\n padding-bottom: 92px; \/* space for stats overlap *\/\r\n overflow: visible;\r\n }\r\n .rifaura-bg{\r\n position:absolute; inset:0;\r\n background-image: url('https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/unesco-world-heritage-ksar-of-ait-ben-haddou-in-ma-2025-02-02-13-12-17-utc-1-scaled.jpeg');\r\n background-size: cover;\r\n background-position: center 30%; \/* focus on the ksar *\/\r\n background-attachment: fixed; \/* fixed on desktop *\/\r\n }\r\n .rifaura-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.06) 100%);\r\n }\r\n\r\n \/* STATS CARD (orange bar, white icons with orange ring) *\/\r\n .rifaura-stats-wrap{\r\n position:absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translate(-50%, 50%);\r\n z-index: 4;\r\n width: min(860px, calc(100% - 36px));\r\n }\r\n\r\n .rifaura-stats{\r\n position: relative;\r\n display:flex;\r\n gap: 0;\r\n border-radius: 22px;\r\n padding: 18px 16px;\r\n background: linear-gradient(135deg, var(--bar1) 0%, var(--bar2) 100%);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n \/* decorative background patterns (like original but orange) *\/\r\n .rifaura-stats::before{\r\n content:\"\";\r\n position:absolute; inset:-110px -160px;\r\n background: repeating-linear-gradient(135deg, rgba(255,255,255,0.2) 0 24px, rgba(255,255,255,0) 24px 52px);\r\n opacity:0.15;\r\n transform: rotate(-6deg);\r\n pointer-events:none;\r\n }\r\n .rifaura-stats::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(900px 260px at 22% 25%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%),\r\n linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 45%),\r\n linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 38%);\r\n opacity: 0.4;\r\n pointer-events:none;\r\n }\r\n\r\n \/* each stat *\/\r\n .rifaura-stat{\r\n position: relative;\r\n z-index: 2;\r\n flex: 1 1 0;\r\n text-align:center;\r\n padding: 6px 10px;\r\n }\r\n\r\n \/* separator lines (white with low opacity) *\/\r\n .rifaura-stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top: 18px;\r\n bottom: 18px;\r\n width:1px;\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* ICON \u2013 white outer ring + orange background *\/\r\n .rifaura-ic{\r\n position: relative;\r\n width: 58px; height: 58px;\r\n border-radius: 999px;\r\n background: #ffffff; \/* white background inside ring *\/\r\n display:grid;\r\n place-items:center;\r\n margin: 0 auto 10px;\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.15);\r\n }\r\n \/* outer ring \u2013 orange *\/\r\n .rifaura-ic::before{\r\n content:\"\";\r\n position:absolute;\r\n inset: -5px;\r\n border-radius: 999px;\r\n border: 3px solid var(--orange); \/* orange ring *\/\r\n box-shadow: 0 10px 22px rgba(0,0,0,0.1);\r\n pointer-events:none;\r\n }\r\n .rifaura-ic img{\r\n width: 30px; height: 30px;\r\n display:block;\r\n filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%); \/* turns svg to orange *\/\r\n }\r\n\r\n \/* number \u2013 not too large, clean *\/\r\n .rifaura-num{\r\n display:flex;\r\n align-items: flex-start;\r\n justify-content:center;\r\n gap: 2px;\r\n color: #ffffff;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n .rifaura-num span{ font-size: 28px; } \/* logical size *\/\r\n .rifaura-num small{ font-size: 13px; opacity: 0.9; margin-top: 4px; }\r\n\r\n \/* label *\/\r\n .rifaura-lbl{ color: rgba(255,255,255,0.95); font-weight: 700; font-size: 12px; letter-spacing: 0.3px; }\r\n\r\n \/* white container under hero (to blend with page) *\/\r\n .rifaura-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0;\r\n bottom:-140px;\r\n height: 140px;\r\n background:#ffffff;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== responsive ===== *\/\r\n @media (max-width: 820px){\r\n .rifaura-stats{ padding: 14px 10px; }\r\n .rifaura-ic{ width: 52px; height: 52px; }\r\n .rifaura-ic img{ width: 26px; height: 26px; }\r\n .rifaura-num span{ font-size: 26px; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n \/* mobile: no fixed background *\/\r\n .rifaura-bg{ background-attachment: scroll; }\r\n\r\n .rifaura-hero{\r\n height: 270px;\r\n padding-bottom: 110px;\r\n }\r\n .rifaura-hero::after{\r\n bottom:-170px;\r\n height: 170px;\r\n }\r\n\r\n \/* 2x2 grid *\/\r\n .rifaura-stats{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n padding: 14px;\r\n border-radius: 20px;\r\n }\r\n .rifaura-stat{\r\n padding: 10px 8px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.06);\r\n }\r\n .rifaura-stat::after{ display:none; }\r\n\r\n .rifaura-ic{ width: 48px; height: 48px; margin-bottom: 8px; }\r\n .rifaura-ic::before{ inset:-4px; border-width:2px; }\r\n .rifaura-ic img{ width: 24px; height: 24px; }\r\n .rifaura-num span{ font-size: 24px; }\r\n .rifaura-num small{ font-size: 12px; }\r\n .rifaura-lbl{ font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rifaura-hero-stats\" aria-label=\"Rifaura Held mit Statistiken\">\r\n <div class=\"rifaura-hero\">\r\n \r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Rifaura-Statistiken\">\r\n \r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>150<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Touren & Aktivit\u00e4ten<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>115<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Zufriedene Kunden<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>10<\/span><small><\/small><\/div>\r\n <div class=\"rifaura-lbl\">Experten-Treiber<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M11.5 1L8 7h7l-3.5-6zm0 22L8 17h7l-3.5 6zM12 10.5l-3 5h6l-3-5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>120<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Faire Preise<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0370713 e-flex e-con-boxed e-con e-child\" data-id=\"0370713\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28ef02 elementor-widget elementor-widget-spacer\" data-id=\"f28ef02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fb0a27 e-con-full e-flex e-con e-parent\" data-id=\"3fb0a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38996e elementor-widget elementor-widget-html\" data-id=\"a38996e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Quad Biking & Desert Adventures | Rifaura Marrakech<\/title>\r\n <meta name=\"description\" content=\"Quad Biking in Agafay Desert 2 Hours riding, Camel ride in the palm grove, Hot Air Balloon, Buggy tours \u2013 full-day experiences with lunch & pool. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Rifaura-Abenteuer<\/span>\r\n <h1>Quadfahren & <span>W\u00fcstenerlebnisse<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove - 2-st\u00fcndige Ausritte, Ganztagesausfl\u00fcge mit Mittagessen und Pool, Kamelritte, Hei\u00dfluftballonfahrten, Buggy-Touren. Sicherheitsausr\u00fcstung bei jedem Abenteuer inklusive.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/team-building-activities-marrakech-.webp\" alt=\"Quad Biking Agafay 2 hours\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> 2h Fahrt<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Biking in der Agafay W\u00fcste 2 Stunden Reiten<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay W\u00fcste<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 Stunden<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adrenalin<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>W\u00fcstenh\u00fcgel<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Biking%20Agafay%202h\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/76.jpg\" alt=\"Camel ride palm grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-camel\"><\/i> Kamel-Treck<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Kamelritt in den Palmenhainen von Marrakesch<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmenhain<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 Stunde<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-palm-tree\"><\/i><span>Oase<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i><span>Option Sonnenuntergang<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Camel%20ride%20palm%20grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/COCHLEAPRODUCTION-12-1.webp\" alt=\"Hot Air Balloon Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-hot-air\"><\/i> Sonnenaufgangsflug<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Hei\u00dfluftballonfahrt in Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 1h Flug<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panoramablick<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Fr\u00fchst\u00fcck<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Hot%20Air%20Balloon%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/buggy-1-636x426-1.jpg\" alt=\"Buggy Ride Palm Grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> Buggy-Tour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggy-Fahrt im Palmenhain von Marrakesch<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmenhain<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 Stunden<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Oasen-Pfade<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Off-Road<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Palm%20Grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b5-1.jpg\" alt=\"Quad Agafay full day lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-utensils\"><\/i> ganzer Tag<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quadfahren in der Agafay-W\u00fcste: Ganzt\u00e4gig mit Mittagessen und Pool<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ganzer Tag<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Zugang zum Pool<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>Marokkanisches Mittagessen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Agafay%20full%20day%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/9f4c3ff06caad2e46baf912dc87e2097.avif\" alt=\"Buggy Agafay lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> Buggy + Pool<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggyfahrt in der Agafay-W\u00fcste mit Mittagessen und Pool<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay W\u00fcste<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ganzer Tag<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Buggy fahren<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Pool<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Agafay%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de15ab9 e-con-full e-flex e-con e-parent\" data-id=\"de15ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6795ff elementor-widget elementor-widget-html\" data-id=\"c6795ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Booking Process | Rifaura Tours<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ===== PREFIXED NAMES: all classes & CSS identifiers start with \"rp-\" ===== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations (kept generic, no conflict) *\/\r\n @keyframes rp-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes rp-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: rp-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-small-title {\r\n color: #F97316;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n border-radius: 30px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 40px;\r\n color: #1f2937;\r\n position: relative;\r\n display: block;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .rp-main-title br {\r\n display: block;\r\n }\r\n\r\n .rp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: #F97316;\r\n border-radius: 2px;\r\n }\r\n\r\n .rp-steps {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 40px 0;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* dashed wave \u2014 desktop only *\/\r\n @media (min-width: 901px) {\r\n .rp-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n left: 5%;\r\n width: 90%;\r\n height: 120px;\r\n z-index: 0;\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C150,0 300,120 450,60 600,0 750,120 900,60 1050,0 1200,60 1200,60' fill='none' stroke='%23F97316' stroke-width='3' stroke-dasharray='10 10' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n }\r\n }\r\n\r\n .rp-step {\r\n width: 22%;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .rp-step:nth-child(2) {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(4) {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .rp-step-container {\r\n background: linear-gradient(135deg, #ffffff, #fff7ed);\r\n padding: 35px 20px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(249, 115, 22, 0.1);\r\n border: 2px solid rgba(249, 115, 22, 0.1);\r\n position: relative;\r\n }\r\n\r\n .rp-step-number {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-step-number {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-step-number {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-step-number {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-step-number {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n margin: 10px auto 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n border: 2px solid rgba(249, 115, 22, 0.15);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-icon-box {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-icon-box {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-icon-box {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-icon-box {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 32px;\r\n color: #F97316;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #1f2937;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) h3 {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(2) h3 {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(3) h3 {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(4) h3 {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.6;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) p {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(2) p {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(3) p {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step:nth-child(4) p {\r\n animation-delay: 2.3s;\r\n }\r\n\r\n \/* mobile version \u2013 all prefixed *\/\r\n @media (max-width: 900px) {\r\n .rp-container {\r\n margin: 30px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .rp-steps {\r\n flex-direction: column;\r\n gap: 20px;\r\n padding: 20px 0 30px;\r\n position: relative;\r\n }\r\n\r\n .rp-steps::before {\r\n display: none;\r\n }\r\n\r\n .rp-step {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .rp-step-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n padding: 25px 20px;\r\n border-radius: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box {\r\n margin: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 28px;\r\n }\r\n\r\n .rp-step-content {\r\n flex: 1;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 19px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 15px;\r\n background: linear-gradient(to bottom, #F97316, #FFB347);\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n \/* small phones *\/\r\n @media (max-width: 600px) {\r\n .rp-container {\r\n margin: 20px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .rp-small-title {\r\n font-size: 12px;\r\n padding: 5px 15px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 22px 18px;\r\n gap: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 26px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -8px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* extra small phones *\/\r\n @media (max-width: 480px) {\r\n .rp-container {\r\n padding: 0 15px;\r\n margin: 15px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 20px 16px;\r\n gap: 16px;\r\n border-radius: 16px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 17px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 24px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 13.5px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -6px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"rp-container\">\r\n\r\n <div class=\"rp-small-title\">Buchungsprozess<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n Buchen Sie Ihr Marokko-Abenteuer<br>\r\n in 4 einfachen Schritten\r\n <\/h2>\r\n\r\n <div class=\"rp-steps\">\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">1<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>W\u00e4hlen Sie Ihre Tour<\/h3>\r\n <p>W\u00e4hlen Sie zwischen W\u00fcstencamps, kaiserlichen St\u00e4dten oder individuellen Abenteuern.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">2<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Kontakt zu unserem Team<\/h3>\r\n <p>Melden Sie sich per WhatsApp oder Telefon. Wir werden die Verf\u00fcgbarkeit best\u00e4tigen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">3<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Best\u00e4tigen Sie Ihre Buchung<\/h3>\r\n <p>Keine Zahlung im Voraus erforderlich. Wir senden alle Details.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">4<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Treffen & Genie\u00dfen<\/h3>\r\n <p>Treffen Sie Ihren Guide, bezahlen Sie vor Ort und genie\u00dfen Sie das Abenteuer.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5f2f1 e-con-full e-flex e-con e-parent\" data-id=\"cf5f2f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eac26 elementor-widget elementor-widget-html\" data-id=\"35eac26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Rifaura \u2013 Why Choose Us (Background #fff6ec)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0; background:#fafafa;\">\r\n\r\n\r\n<section class=\"rifaura-why\" aria-label=\"Warum Rifaura Tours w\u00e4hlen\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n \r\n <div class=\"rifaura-why-header\">\r\n <span class=\"rifaura-why-eyebrow\">Unsere Vorteile<\/span>\r\n <h2 class=\"rifaura-why-title\">Warum w\u00e4hlen <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Erleben Sie Marokko mit Komfort, Authentizit\u00e4t und absoluter Unbesorgtheit<\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-why-grid\">\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/car-checklist.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Einfacher Buchungsprozess<\/h3>\r\n <p>Schnelle Best\u00e4tigung, einfache Schritte, keine Vorabzahlung erforderlich.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">01<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/money.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Fair & Transparent<\/h3>\r\n <p>Keine versteckten Geb\u00fchren. Sie zahlen vor Ort, genau das, was wir vereinbart haben.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">02<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/support.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>24\/7 Kundenbetreuung<\/h3>\r\n <p>WhatsApp, Telefon, E-Mail - wir sind immer f\u00fcr Sie da.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">03<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== RIFAURA WHY CHOOSE US \u2013 BACKGROUND #fff6ec (your choice) ===== *\/\r\n.rifaura-why, .rifaura-why *{ box-sizing:border-box; }\r\n.rifaura-why{\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --card: #ffffff;\r\n --muted: #6b7280;\r\n\r\n width: 100%;\r\n padding: clamp(50px, 7vw, 100px) 0;\r\n \/* \u2705 YOUR SPECIFIED BACKGROUND \u2013 soft, warm, professional *\/\r\n background: #fff6ec;\r\n font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n}\r\n\r\n.rifaura-why-inner{\r\n width: min(1320px, 100%);\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 60px);\r\n}\r\n\r\n\/* HEADER TEXT \u2013 dark text on light background *\/\r\n.rifaura-why-header{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.rifaura-why-eyebrow{\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n background: rgba(249,115,22,0.08);\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.rifaura-why-title{\r\n font-size: 38px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.rifaura-why-title strong{\r\n color: var(--orange);\r\n}\r\n\r\n.rifaura-why-sub{\r\n font-size: 18px;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GRID *\/\r\n.rifaura-why-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(24px, 3vw, 36px);\r\n}\r\n\r\n\/* ========== CARDS \u2013 white, slight shadow ========== *\/\r\n.rifaura-why-card{\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 38px 32px 36px;\r\n overflow: hidden;\r\n min-height: 260px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 20px 40px -8px rgba(249,115,22,0.1);\r\n transition: transform .2s ease, box-shadow .25s ease;\r\n}\r\n\r\n.rifaura-why-card:hover{\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 60px -8px rgba(249,115,22,0.2);\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.rifaura-why-head{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 22px;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* ========== ICON CONTAINER ========== *\/\r\n.rifaura-why-ico{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 26px;\r\n background: rgba(249,115,22,0.08);\r\n border: 2px solid rgba(249,115,22,0.3);\r\n display: grid;\r\n place-items: center;\r\n flex: 0 0 auto;\r\n position: relative;\r\n z-index: 6;\r\n}\r\n\r\n.rifaura-why-ico img{\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ========== TEXT ========== *\/\r\n.rifaura-why-text h3{\r\n margin: 0 0 10px;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.3px;\r\n}\r\n.rifaura-why-text p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.55;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ========== BIG NUMBER ========== *\/\r\n.rifaura-why-num{\r\n position: absolute;\r\n left: 24px;\r\n bottom: 8px;\r\n font-size: 110px;\r\n font-weight: 950;\r\n letter-spacing: -4px;\r\n color: rgba(249,115,22,0.08);\r\n z-index: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n line-height: 0.8;\r\n}\r\n\r\n\/* ========== CORNER ACCENT \u2013 ORANGE ========== *\/\r\n.rifaura-why-corner{\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 12px solid var(--orange);\r\n border-right: 12px solid var(--orange);\r\n border-bottom-right-radius: 28px;\r\n z-index: 0;\r\n opacity: 0.9;\r\n}\r\n.rifaura-why-corner::after{\r\n content: \"\";\r\n position: absolute;\r\n right: -12px;\r\n bottom: -12px;\r\n width: 70px;\r\n height: 70px;\r\n border-bottom: 12px solid #fff;\r\n border-right: 12px solid #fff;\r\n border-bottom-right-radius: 24px;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 980px){\r\n .rifaura-why-grid{ grid-template-columns: 1fr; gap: 28px; }\r\n .rifaura-why-card{ min-height: auto; padding: 32px 28px; }\r\n .rifaura-why-ico{ width: 86px; height: 86px; }\r\n .rifaura-why-ico img{ width: 52px; height: 52px; }\r\n .rifaura-why-text h3{ font-size: 22px; }\r\n .rifaura-why-text p{ font-size: 16px; }\r\n .rifaura-why-num{ font-size: 90px; left: 20px; }\r\n .rifaura-why-title{ font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n .rifaura-why-card{ padding: 28px 22px; }\r\n .rifaura-why-ico{ width: 78px; height: 78px; }\r\n .rifaura-why-ico img{ width: 48px; height: 48px; }\r\n .rifaura-why-text h3{ font-size: 20px; }\r\n .rifaura-why-num{ font-size: 80px; }\r\n .rifaura-why-title{ font-size: 28px; }\r\n .rifaura-why-sub{ font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c23d17f e-con-full e-flex e-con e-parent\" data-id=\"c23d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9551f9c elementor-widget elementor-widget-html\" data-id=\"9551f9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>FAQs | Rifaura - Activities & Excursions Morocco<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\nbody {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION - RIFAURA ORANGE THEME *\/\r\n.faq-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.section-badge {\r\n color: #F97316; \/* Rifaura orange *\/\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: rgba(249,115,22,0.08);\r\n border-radius: 30px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #1f2937;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title span {\r\n color: #F97316; \/* Orange *\/\r\n}\r\n\r\n.section-subtitle {\r\n font-size: 16px;\r\n color: #4b5563;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* TWO COLUMN LAYOUT *\/\r\n.faq-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n}\r\n\r\n\/* IMAGE COLUMN - UPDATED WITH YOUR NEW IMAGE *\/\r\n.image-column {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px rgba(249,115,22,0.15);\r\n height: 550px;\r\n}\r\n\r\n.image-column img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.image-column:hover img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n.image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: white;\r\n padding: 30px 25px 25px;\r\n text-align: center;\r\n}\r\n\r\n.image-overlay h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n}\r\n\r\n.image-overlay p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* FAQ COLUMN *\/\r\n.faq-column {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 5px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n background: #fff7ed; \/* Light orange tint *\/\r\n border-radius: 14px;\r\n margin-bottom: 15px;\r\n border: 2px solid rgba(249,115,22,0.1);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.faq-question {\r\n padding: 20px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n font-size: 17px;\r\n color: #1f2937;\r\n background: #fff;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n}\r\n\r\n.faq-toggle {\r\n color: #F97316;\r\n font-size: 17px;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 12px;\r\n font-weight: 300;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n transform: rotate(45deg);\r\n color: #F97316; \/* Keeping orange *\/\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n padding: 0 25px 20px;\r\n max-height: 500px;\r\n}\r\n\r\n\/* FAQ ANSWER CONTENT *\/\r\n.answer-content {\r\n padding-top: 12px;\r\n}\r\n\r\n.answer-content ul {\r\n padding-left: 18px;\r\n margin: 8px 0;\r\n}\r\n\r\n.answer-content li {\r\n margin-bottom: 6px;\r\n position: relative;\r\n font-size: 14.5px;\r\n}\r\n\r\n.answer-content li::before {\r\n content: \"\u2022\";\r\n color: #F97316; \/* Orange bullet *\/\r\n font-weight: bold;\r\n position: absolute;\r\n left: -13px;\r\n}\r\n\r\n\/* BOOKING BANNER - ORANGE *\/\r\n.booking-banner {\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n border-radius: 18px;\r\n padding: 30px 40px;\r\n margin-top: 30px;\r\n text-align: center;\r\n box-shadow: 0 12px 25px rgba(249,115,22,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n}\r\n\r\n.banner-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.banner-content h3 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.banner-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.booking-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0b0b0b; \/* Dark contrast *\/\r\n color: white;\r\n padding: 14px 35px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.booking-button:hover {\r\n background: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.booking-button i {\r\n font-size: 18px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.booking-button:hover i {\r\n transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 992px) {\r\n .faq-container {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n \r\n .image-column {\r\n height: 450px;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .faq-section {\r\n margin: 50px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 25px 30px;\r\n margin-top: 25px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 24px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-question {\r\n padding: 18px 22px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14.5px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .faq-section {\r\n margin: 40px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 22px 25px;\r\n margin-top: 20px;\r\n border-radius: 16px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 22px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 15px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .booking-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n \r\n .section-badge {\r\n font-size: 12px;\r\n padding: 5px 16px;\r\n }\r\n \r\n .faq-question {\r\n padding: 16px 20px;\r\n font-size: 15px;\r\n }\r\n \r\n .faq-number {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 13px;\r\n margin-right: 10px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 0 20px 18px;\r\n }\r\n \r\n .image-column {\r\n height: 320px;\r\n }\r\n \r\n .image-overlay {\r\n padding: 25px 20px 20px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n \r\n .booking-banner {\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n margin-top: 18px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 14px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .booking-button {\r\n padding: 11px 25px;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">H\u00e4ufig gestellte Fragen<\/div>\r\n <h2 class=\"section-title\">Ihr <span>Abenteuer Marokko<\/span> Fragen<\/h2>\r\n <p class=\"section-subtitle\">Alles, was Sie \u00fcber unsere Aktivit\u00e4ten, Ausfl\u00fcge und Touren wissen m\u00fcssen<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-container\">\r\n \r\n <div class=\"image-column\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura Tours - Morocco Desert Adventure\">\r\n <div class=\"image-overlay\">\r\n <h3>Abenteuer in der Sahara-W\u00fcste<\/h3>\r\n <p>Erleben Sie Kameltrekking, Luxus-Camping und unvergessliche Sonnenunterg\u00e4nge in der marokkanischen W\u00fcste<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-column\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">1<\/span>\r\n <span class=\"question-text\">Welche Aktivit\u00e4ten und Ausfl\u00fcge werden in Rifaura angeboten?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Wir bieten eine breite Palette an handgefertigten Erlebnissen in ganz Marokko:<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f W\u00fcstenausfl\u00fcge:<\/strong> Kameltrekking, W\u00fcstencamps mit \u00dcbernachtung, 4x4-Abenteuer<\/li>\r\n <li><strong>\u26f0\ufe0f Bergtouren:<\/strong> Wandern im Atlasgebirge, Besuch eines Berberdorfes<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Kulturelle Aktivit\u00e4ten:<\/strong> Medina-Wanderungen, Kochkurse, T\u00f6pferworkshops<\/li>\r\n <li><strong>\ud83d\ude97 Tagesausfl\u00fcge:<\/strong> Von Marrakech, Fes und anderen Gro\u00dfst\u00e4dten<\/li>\r\n <li><strong>\u2728 Private F\u00fchrungen:<\/strong> Individuelle Reiserouten f\u00fcr Familien, Paare und Alleinreisende<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">2<\/span>\r\n <span class=\"question-text\">Wie buche ich einen Ausflug und was ist darin enthalten?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p><strong>Buchen ist einfach:<\/strong><\/p>\r\n <ol>\r\n <li>Kontaktieren Sie uns per WhatsApp oder Telefon<\/li>\r\n <li>W\u00e4hlen Sie Ihre Aktivit\u00e4t, Daten und Gruppengr\u00f6\u00dfe<\/li>\r\n <li>Best\u00e4tigen Sie Ihre Reservierung (keine Vorauszahlung erforderlich)<\/li>\r\n <li>Treffen Sie Ihren Reiseleiter am vereinbarten Ort<\/li>\r\n <\/ol>\r\n <p><strong>Typischerweise enthalten:<\/strong> Privater Transport, professioneller Reiseleiter, Aktivit\u00e4ten (Kamelritt usw.), Mahlzeiten wie angegeben und Wasser in Flaschen.<\/p>\r\n <p><strong>Nicht enthalten:<\/strong> Trinkgelder, pers\u00f6nliche Ausgaben und optionale Extras.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">3<\/span>\r\n <span class=\"question-text\">Wann ist die beste Zeit f\u00fcr Outdoor-Aktivit\u00e4ten in Marokko?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Marokko bietet das ganze Jahr \u00fcber tolle Erlebnisse, aber hier ist, was Sie erwarten k\u00f6nnen:<\/p>\r\n <ul>\r\n <li><strong>Fr\u00fchling (M\u00e4rz-Mai):<\/strong> Perfektes Wetter f\u00fcr Wanderungen, W\u00fcstentouren und Stadtspazierg\u00e4nge<\/li>\r\n <li><strong>Herbst (September-November):<\/strong> Milde Temperaturen, ideal f\u00fcr alle Aktivit\u00e4ten<\/li>\r\n <li><strong>Sommer (Juni-August):<\/strong> Ideal f\u00fcr K\u00fcstenausfl\u00fcge und W\u00fcstentouren am fr\u00fchen Morgen\/sp\u00e4ten Nachmittag<\/li>\r\n <li><strong>Winter (Dezember-Februar):<\/strong> Schnee im Atlas, angenehme Tage in der W\u00fcste (kalte N\u00e4chte)<\/li>\r\n <\/ul>\r\n <p>Wir sind das ganze Jahr \u00fcber t\u00e4tig und k\u00f6nnen die besten Aktivit\u00e4ten f\u00fcr jede Jahreszeit vorschlagen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">4<\/span>\r\n <span class=\"question-text\">Sind Ihre Ausfl\u00fcge auch f\u00fcr Alleinreisende geeignet?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Unbedingt! Wir hei\u00dfen Solo-Abenteurer willkommen:<\/p>\r\n <ul>\r\n <li><strong>An Gruppenreisen teilnehmen:<\/strong> Teilen Sie Ihre Erfahrungen mit gleichgesinnten Reisenden<\/li>\r\n <li><strong>Private Optionen:<\/strong> Gestalten Sie Ihre eigene Solo-Reise<\/li>\r\n <li><strong>Kein Einzelzimmerzuschlag:<\/strong> Bei vielen Gruppenabfl\u00fcgen<\/li>\r\n <li><strong>Sicherheit und Komfort:<\/strong> Erfahrene Reiseleiter sorgen daf\u00fcr, dass Sie gut betreut werden<\/li>\r\n <li><strong>Flexibel:<\/strong> Wir k\u00f6nnen die Aktivit\u00e4ten an Ihr Tempo und Ihre Interessen anpassen<\/li>\r\n <\/ul>\r\n <p>Alleinreisen sind eine fantastische M\u00f6glichkeit, Marokko mit Rifaura zu erkunden.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">5<\/span>\r\n <span class=\"question-text\">Wie sieht Ihre Stornierungs- und Zahlungspolitik f\u00fcr Aktivit\u00e4ten aus?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Wir halten die Dinge einfach und reisefreundlich:<\/p>\r\n <ul>\r\n <li><strong>Keine Vorabzahlung:<\/strong> Reservieren Sie Ihren Platz, ohne im Voraus zu bezahlen<\/li>\r\n <li><strong>Bezahlung am Tag:<\/strong> Barzahlung (MAD\/EUR) oder Kartenzahlung an Ihren Reiseleiter<\/li>\r\n <li><strong>Kostenlose Stornierung:<\/strong> Bis zu 48 Stunden vor Ihrer Aktivit\u00e4t<\/li>\r\n <li><strong>Wetterpolitik:<\/strong> Wenn die Bedingungen unsicher sind, verschieben wir den Termin oder erstatten den vollen Betrag.<\/li>\r\n <li><strong>Gruppenrabatte:<\/strong> Verf\u00fcgbar f\u00fcr Gruppen von 4 oder mehr Personen<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">6<\/span>\r\n <span class=\"question-text\">Was sollte ich f\u00fcr einen Tagesausflug oder einen W\u00fcstenausflug mitbringen?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Wir empfehlen, die wichtigsten Dinge einzupacken:<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 Kleidung:<\/strong> Bequeme Schichten, Sonnenhut, Schal f\u00fcr Wind\/Sonne<\/li>\r\n <li><strong>\ud83d\udc5f Schuhwerk:<\/strong> Geschlossene Schuhe f\u00fcr Spazierg\u00e4nge\/Wanderungen<\/li>\r\n <li><strong>\ud83e\uddf4 Schutz:<\/strong> Sonnencreme, Sonnenbrille, Lippenbalsam<\/li>\r\n <li><strong>\ud83d\udcf7 Extras:<\/strong> Kamera, Powerbank, kleiner Rucksack<\/li>\r\n <li><strong>\ud83d\udca7 Fl\u00fcssigkeitszufuhr:<\/strong> Wir stellen Wasser zur Verf\u00fcgung, aber bringen Sie auch Ihre eigene Flasche mit.<\/li>\r\n <li><strong>\ud83c\udf19 F\u00fcr N\u00e4chte in der W\u00fcste:<\/strong> Warme Jacke (Winter) oder leichte Jacke (Sommer)<\/li>\r\n <\/ul>\r\n <p>Wir stellen Schlafs\u00e4cke und Campingausr\u00fcstung f\u00fcr W\u00fcstentouren mit \u00dcbernachtung zur Verf\u00fcgung.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"booking-banner\">\r\n <div class=\"banner-content\">\r\n <h3>Bereit f\u00fcr Ihr Marokko-Abenteuer?<\/h3>\r\n <p>Kontaktieren Sie uns jetzt, um Ihr unvergessliches Rifaura-Erlebnis zu buchen<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Kontaktieren Sie uns auf WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n const toggles = document.querySelectorAll('.faq-toggle');\r\n \r\n \/\/ All FAQs start closed (no active class)\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const toggle = item.querySelector('.faq-toggle');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.faq-toggle').textContent = '+';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Remove active from all\r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n toggles.forEach(toggle => toggle.textContent = '+');\r\n \r\n \/\/ If clicked item wasn't active, activate it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n toggle.textContent = '+';\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n\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>Rifaura slider \u2013 all orange Rifaura Promo Bar (Orange) \u2013 reduced height Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding fun moroccan dinner Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding […]<\/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-450","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Rifaura slider \u2013 all orange<\/title>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"rifaura-slider-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('rifaura-slider-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host {\r\n --primary: #F97316; \/* vibrant orange (main) *\/\r\n --secondary: #FFB347; \/* lighter orange for accents (instead of blue) *\/\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --white: #ffffff;\r\n --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .myt-slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .myt-slider-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .myt-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .myt-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n \r\n .myt-slide.prev {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n \r\n .myt-slide-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.8);\r\n }\r\n \r\n .myt-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 40px;\r\n color: var(--white);\r\n text-align: center;\r\n }\r\n \r\n .myt-slide-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 24px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .myt-slide-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin: 0 0 20px 0;\r\n text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .myt-slide-title span {\r\n color: var(--secondary); \/* lighter orange accent *\/\r\n }\r\n \r\n .myt-slide-desc {\r\n font-size: 20px;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* ALL BUTTONS orange *\/\r\n .myt-slide-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary); \/* orange *\/\r\n color: var(--white);\r\n padding: 16px 36px;\r\n border-radius: 50px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .myt-slide-cta:hover {\r\n background: var(--white);\r\n color: var(--primary); \/* orange text on hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .myt-slide-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n transition: var(--transition);\r\n }\r\n \r\n .myt-slide-cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* Navigation arrows (white, unchanged) *\/\r\n .myt-slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n z-index: 10;\r\n border: none;\r\n outline: none;\r\n }\r\n \r\n .myt-slider-nav:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .myt-slider-nav.prev {\r\n left: 30px;\r\n }\r\n \r\n .myt-slider-nav.next {\r\n right: 30px;\r\n }\r\n \r\n .myt-slider-nav svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--white);\r\n }\r\n \r\n .myt-slider-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n \r\n .myt-slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n padding: 0;\r\n }\r\n \r\n .myt-slider-dot.active {\r\n background: var(--white);\r\n transform: scale(1);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n \r\n \/* responsive *\/\r\n @media (max-width: 1024px) {\r\n .myt-slider-container { height: 550px; }\r\n .myt-slide-title { font-size: 46px; }\r\n .myt-slide-desc { font-size: 18px; }\r\n .myt-slider-nav { width: 50px; height: 50px; }\r\n .myt-slider-nav.prev { left: 20px; }\r\n .myt-slider-nav.next { right: 20px; }\r\n .myt-slider-nav svg { width: 22px; height: 22px; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .myt-slider-container { height: 480px; }\r\n .myt-slide-content { padding: 30px 25px; }\r\n .myt-slide-title { font-size: 34px; }\r\n .myt-slide-desc { font-size: 17px; margin-bottom: 30px; }\r\n .myt-slide-cta { padding: 14px 28px; font-size: 16px; }\r\n .myt-slider-nav { width: 44px; height: 44px; display: none; }\r\n .myt-slider-dots { bottom: 30px; }\r\n .myt-slider-dot { width: 8px; height: 8px; }\r\n .myt-slider-dot.active { width: 8px; height: 8px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .myt-slider-container { height: 420px; }\r\n .myt-slide-content { padding: 25px 20px; }\r\n .myt-slide-title { font-size: 28px; margin-bottom: 15px; }\r\n .myt-slide-desc { font-size: 16px; margin-bottom: 25px; }\r\n .myt-slide-badge { padding: 8px 18px; font-size: 12px; margin-bottom: 15px; }\r\n .myt-slide-cta { padding: 12px 24px; font-size: 15px; gap: 8px; }\r\n .myt-slide-cta svg { width: 16px; height: 16px; }\r\n .myt-slider-dots { bottom: 25px; gap: 8px; }\r\n .myt-slider-dot { width: 6px; height: 6px; }\r\n .myt-slider-dot.active { width: 6px; height: 6px; }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .myt-slider-container { height: 380px; }\r\n .myt-slide-title { font-size: 24px; }\r\n .myt-slide-desc { font-size: 15px; }\r\n .myt-slide-cta { padding: 10px 20px; font-size: 14px; }\r\n .myt-slider-dots { bottom: 20px; }\r\n }\r\n \r\n @media (max-width: 320px) {\r\n .myt-slider-container { height: 350px; }\r\n .myt-slide-content { padding: 20px 15px; }\r\n .myt-slide-title { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"myt-slider-container\" aria-label=\"Rifaura banner \u2013 all orange\">\r\n <div class=\"myt-slider-wrapper\">\r\n \r\n \r\n <div class=\"myt-slide active\" data-slide=\"1\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-1-scaled.jpg\"\r\n alt=\"Hassan II Mosque illuminated at night, Casablanca\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Rifaura Activities<\/div>\r\n <h1 class=\"myt-slide-title\">Discover <span>Morocco's Wonders<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n From the iconic Hassan II Mosque to hidden gems, explore Morocco's rich heritage with our expert-guided tours and authentic cultural experiences.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Start Exploring\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/caption-5.jpg\"\r\n alt=\"Rifaura cultural experience in Morocco\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Excursions & Tours<\/div>\r\n <h1 class=\"myt-slide-title\">Authentic <span>Cultural Encounters<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Immerse yourself in local traditions, from vibrant souks to tranquil riads. Our handcrafted tours connect you with the real Morocco.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Book Your Tour\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/morocco-facebook.jpg\"\r\n alt=\"Iconic Moroccan landscape\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Tailor-Made Experiences<\/div>\r\n <h1 class=\"myt-slide-title\">Your Story <span>Begins Here<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Private tours, small groups, and sustainable travel. Let Rifaura craft the perfect Moroccan adventure for you.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Plan Your Journey\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <button class=\"myt-slider-nav prev\" aria-label=\"Previous slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"myt-slider-nav next\" aria-label=\"Next slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"myt-slider-dots\">\r\n <div class=\"myt-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/\/ Slider functionality (unchanged)\r\n setTimeout(() => {\r\n const sliderContainer = root.querySelector('.myt-slider-container');\r\n const slides = root.querySelectorAll('.myt-slide');\r\n const dots = root.querySelectorAll('.myt-slider-dot');\r\n const prevBtn = root.querySelector('.myt-slider-nav.prev');\r\n const nextBtn = root.querySelector('.myt-slider-nav.next');\r\n \r\n let currentSlide = 0;\r\n let slideInterval;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active', 'prev');\r\n if (index === currentSlide) {\r\n slide.classList.add('active');\r\n } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.remove('active');\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToNextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToPrevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function startAutoSlide() {\r\n slideInterval = setInterval(goToNextSlide, 6000);\r\n }\r\n \r\n function pauseAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n function resetAutoSlide() {\r\n pauseAutoSlide();\r\n startAutoSlide();\r\n }\r\n \r\n prevBtn.addEventListener('click', goToPrevSlide);\r\n nextBtn.addEventListener('click', goToNextSlide);\r\n \r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n goToSlide(slideIndex);\r\n });\r\n });\r\n \r\n sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Touch swipe\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n sliderContainer.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n pauseAutoSlide();\r\n });\r\n \r\n sliderContainer.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const swipeThreshold = 50;\r\n const diff = touchStartX - touchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) goToNextSlide();\r\n else goToPrevSlide();\r\n }\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Init\r\n updateSlider();\r\n startAutoSlide();\r\n \r\n }, 100);\r\n })();\r\n <\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c44f3ff e-con-full e-flex e-con e-parent\" data-id=\"c44f3ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ecaa2 elementor-widget elementor-widget-html\" data-id=\"42ecaa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Rifaura Promo Bar (Orange) \u2013 reduced height<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n }\r\n \r\n \/* ----- RIFAURA BRAND COLORS (all orange shades) ----- *\/\r\n .brand-bg {\r\n background: linear-gradient(90deg, #F97316 0%, #FFB347 35%, #F97316 100%);\r\n \/* solid fallback *\/\r\n background-color: #F97316;\r\n }\r\n \r\n \/* Carousel Container *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n }\r\n \r\n \/* \ud83d\udd3b REDUCED HEIGHTS (as requested) *\/\r\n .desktop-height {\r\n height: 60px; \/* was 75px *\/\r\n }\r\n \r\n .mobile-height {\r\n height: 48px; \/* was 60px *\/\r\n }\r\n \r\n \/* Carousel Track *\/\r\n .carousel-track {\r\n display: flex;\r\n position: absolute;\r\n white-space: nowrap;\r\n height: 100%;\r\n align-items: center;\r\n }\r\n \r\n \/* Animation *\/\r\n .carousel-animation {\r\n animation: slide 35s linear infinite;\r\n }\r\n \r\n .carousel-animation:hover {\r\n animation-play-state: paused;\r\n }\r\n \r\n @keyframes slide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Promo Item *\/\r\n .promo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px; \/* slightly reduced *\/\r\n padding: 0 28px; \/* reduced from 35px *\/\r\n color: white; \/* all text white \u2013 contrasts nicely on orange *\/\r\n font-weight: 600;\r\n font-size: 17px; \/* slightly smaller *\/\r\n height: 100%;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .promo-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .promo-icon {\r\n font-size: 22px; \/* reduced from 24px *\/\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .promo-item:hover .promo-icon {\r\n transform: scale(1.15);\r\n }\r\n \r\n .highlight {\r\n color: white; \/* keep white, but you could use a lighter orange if needed *\/\r\n font-weight: 700;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 768px) {\r\n .mobile-height {\r\n height: 44px; \/* reduced from 55px *\/\r\n }\r\n \r\n .carousel-animation {\r\n animation-duration: 30s;\r\n }\r\n \r\n .promo-item {\r\n font-size: 15px; \/* was 16px *\/\r\n padding: 0 20px; \/* reduced from 28px *\/\r\n gap: 10px;\r\n min-width: 180px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 20px; \/* was 22px *\/\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mobile-height {\r\n height: 42px; \/* reduced from 50px *\/\r\n }\r\n \r\n .promo-item {\r\n font-size: 14px; \/* was 15px *\/\r\n padding: 0 18px; \/* reduced *\/\r\n min-width: 160px;\r\n gap: 8px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mobile-height {\r\n height: 40px;\r\n }\r\n \r\n .promo-item {\r\n font-size: 13px;\r\n padding: 0 16px;\r\n min-width: 150px;\r\n }\r\n }\r\n \r\n \/* Hide\/Show based on screen size *\/\r\n .desktop-only {\r\n display: block;\r\n }\r\n \r\n .mobile-only {\r\n display: none;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .desktop-only {\r\n display: none;\r\n }\r\n \r\n .mobile-only {\r\n display: block;\r\n }\r\n }\r\n \r\n \/* Pause on hover *\/\r\n .carousel-container:hover .carousel-animation {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n <div class=\"desktop-only\">\r\n <div class=\"carousel-container desktop-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exklusiv<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> gl\u00fcckliche Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span> Dienstleistung<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span> Experten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span> Fahrten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel-Treks<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span> abenteuer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">.<\/span> Berberf\u00fchrer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandboarding<\/span> Spa\u00df<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marokkanisch<\/span> Abendessen<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exklusiv<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> gl\u00fcckliche Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span> Dienstleistung<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span> Experten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span> Fahrten<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel-Treks<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span> abenteuer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">.<\/span> Berberf\u00fchrer<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandboarding<\/span> Spa\u00df<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marokkanisch<\/span> Abendessen<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-only\">\r\n <div class=\"carousel-container mobile-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Leitf\u00e4den<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandkasten<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Abendessen<\/span><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> Reisende<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5-Sterne<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Marokko<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">sicher<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sonnenuntergang<\/span> Kamel<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">vierfach<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Leitf\u00e4den<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Sandkasten<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Abendessen<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0bf58b e-con-full e-flex e-con e-parent\" data-id=\"e0bf58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b091 elementor-widget elementor-widget-html\" data-id=\"0f7b091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>About Rifaura \u2013 cultural travel<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <style>\r\n :root{\r\n --rfa-orange: #F97316;\r\n --rfa-orange-light: #FFB347;\r\n --rfa-black: #0b0b0b;\r\n --rfa-text: #0b0b0b;\r\n --rfa-muted: #6b7280;\r\n --rfa-bg: #ffffff;\r\n --rfa-soft: #fff4e6;\r\n --rfa-checkBg: #fff1dc;\r\n\r\n --rfa-shadow: 0 18px 45px rgba(249,115,22,.12);\r\n --rfa-shadow2: 0 10px 25px rgba(249,115,22,.08);\r\n\r\n --rfa-radius: 22px;\r\n --rfa-radiusBig: 120px;\r\n --rfa-max: 1200px;\r\n\r\n --rfa-orangeFilter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n body{\r\n margin:0;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n background: var(--rfa-bg);\r\n color: var(--rfa-text);\r\n }\r\n\r\n .rfa-about-section{ padding: clamp(28px, 4vw, 60px) 18px; }\r\n .rfa-container{\r\n max-width: var(--rfa-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: clamp(24px, 4vw, 56px);\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT COLLAGE *\/\r\n .rfa-collage{\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 22px);\r\n min-height: clamp(360px, 42vw, 520px);\r\n align-content: stretch;\r\n --rfa-badge-x: 50%;\r\n --rfa-badge-y: 50%;\r\n --rfa-badge-size: clamp(110px, 14vw, 150px);\r\n }\r\n\r\n .rfa-img-box{\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--rfa-shadow2);\r\n background: #f2f2f2;\r\n }\r\n .rfa-img-box img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n display:block;\r\n }\r\n\r\n .rfa-img-1{\r\n grid-column: 1 \/ 2;\r\n grid-row: 1 \/ 2;\r\n border-radius: var(--rfa-radiusBig) var(--rfa-radius) var(--rfa-radius) var(--rfa-radius);\r\n }\r\n\r\n .rfa-img-3{\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 3;\r\n border-radius: var(--rfa-radius) var(--rfa-radius) var(--rfa-radius) var(--rfa-radiusBig);\r\n }\r\n\r\n .rfa-img-2{\r\n grid-column: 2 \/ 3;\r\n grid-row: 1 \/ 3;\r\n border-radius: var(--rfa-radius);\r\n align-self: center;\r\n height: 86%;\r\n transform: translateY(2%);\r\n z-index: 1;\r\n }\r\n\r\n \/* ORANGE RING *\/\r\n .rfa-ring{\r\n position:absolute;\r\n width: clamp(140px, 18vw, 200px);\r\n height: clamp(140px, 18vw, 200px);\r\n border-radius: 999px;\r\n border: clamp(12px, 1.4vw, 18px) solid var(--rfa-orange);\r\n top: clamp(10px, 2vw, 18px);\r\n left: 56%;\r\n transform: translateX(-10%);\r\n z-index: 0;\r\n opacity: .9;\r\n }\r\n\r\n \/* EXPERIENCE BADGE *\/\r\n .rfa-exp-badge{\r\n position:absolute;\r\n width: var(--rfa-badge-size);\r\n height: var(--rfa-badge-size);\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n display:grid;\r\n place-items:center;\r\n text-align:center;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.20);\r\n border: 8px solid #fff;\r\n\r\n left: var(--rfa-badge-x);\r\n top: var(--rfa-badge-y);\r\n transform: translate(-50%, -50%);\r\n z-index: 4;\r\n }\r\n .rfa-exp-inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap: 6px;\r\n }\r\n .rfa-exp-badge .rfa-num{\r\n font-weight: 900;\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n line-height: 1;\r\n margin: 0;\r\n color: var(--rfa-orange);\r\n }\r\n .rfa-exp-badge .rfa-txt{\r\n margin: 0;\r\n font-weight: 900;\r\n font-size: clamp(11px, 1.2vw, 14px);\r\n line-height: 1.15;\r\n color: var(--rfa-orange-light);\r\n }\r\n\r\n \/* RIGHT CONTENT *\/\r\n .rfa-content{ max-width: 560px; }\r\n\r\n .rfa-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: var(--rfa-soft);\r\n color: var(--rfa-black);\r\n font-weight: 900;\r\n font-size: 13px;\r\n border: 1px solid rgba(249,115,22,.35);\r\n }\r\n .rfa-pill .rfa-pill-ico{\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid rgba(249,115,22,.35);\r\n display:grid;\r\n place-items:center;\r\n }\r\n .rfa-pill svg{ width: 14px; height: 14px; stroke: var(--rfa-orange); stroke-width: 2; fill:none; }\r\n\r\n h2{\r\n margin: 14px 0 12px;\r\n font-size: clamp(28px, 3.1vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -.2px;\r\n }\r\n .rfa-hl{ color: var(--rfa-orange); }\r\n\r\n .rfa-desc{\r\n margin: 0 0 20px;\r\n color: var(--rfa-muted);\r\n line-height: 1.7;\r\n font-size: 14.5px;\r\n max-width: 56ch;\r\n }\r\n\r\n .rfa-details{\r\n display:grid;\r\n grid-template-columns: 1.15fr .95fr;\r\n gap: 18px;\r\n align-items: start;\r\n margin-top: 8px;\r\n }\r\n\r\n .rfa-feature{\r\n display:flex;\r\n gap: 14px;\r\n padding: 10px 0;\r\n }\r\n\r\n .rfa-f-ico{\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n display:grid;\r\n place-items:center;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.14);\r\n flex: 0 0 auto;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-f-ico img{\r\n width: 24px;\r\n height: 24px;\r\n display:block;\r\n filter: var(--rfa-orangeFilter);\r\n }\r\n\r\n .rfa-feature h4{ margin: 2px 0 6px; font-size: 16px; line-height: 1.2; }\r\n .rfa-feature p{ margin:0; color: var(--rfa-muted); font-size: 13.8px; line-height: 1.6; font-weight: 700; }\r\n\r\n .rfa-check-card{\r\n background: var(--rfa-checkBg);\r\n border-radius: 18px;\r\n padding: 16px;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-check-list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px; }\r\n .rfa-check-item{ display:flex; align-items:center; gap: 10px; font-weight: 900; color: #0b1220; font-size: 14px; }\r\n .rfa-check{\r\n width: 18px; height: 18px; border-radius: 999px;\r\n background: rgba(249,115,22,.18);\r\n display:grid; place-items:center;\r\n border: 1px solid rgba(249,115,22,.40);\r\n flex: 0 0 auto;\r\n }\r\n .rfa-check svg{ width: 12px; height: 12px; stroke: var(--rfa-orange); stroke-width: 3; fill:none; }\r\n\r\n .rfa-cta{\r\n margin-top: 18px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n font-weight: 900;\r\n font-size: 13.5px;\r\n text-decoration:none;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.14);\r\n border: 1px solid rgba(249,115,22,.35);\r\n transition: transform .15s ease, filter .15s ease;\r\n }\r\n .rfa-cta:hover{ transform: translateY(-1px); filter: brightness(1.02); }\r\n .rfa-cta svg{ width: 16px; height: 16px; stroke: var(--rfa-orange-light); stroke-width:2; fill:none; }\r\n\r\n @media (min-width: 981px){\r\n .rfa-collage{ min-height: 460px; }\r\n .rfa-img-2{ height: 78%; transform: translateY(6%); }\r\n }\r\n\r\n @media (max-width: 980px){\r\n .rfa-container{ grid-template-columns: 1fr; }\r\n .rfa-content{ max-width: 100%; }\r\n .rfa-details{ grid-template-columns: 1fr; }\r\n .rfa-check-card{ order: 2; }\r\n .rfa-collage{ min-height: 420px; }\r\n }\r\n\r\n @media (max-width: 520px){\r\n .rfa-collage{\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n min-height: 380px;\r\n --rfa-badge-size: 122px;\r\n }\r\n .rfa-img-2{ height: 82%; }\r\n .rfa-ring{ left: 58%; top: 8px; }\r\n .rfa-exp-badge{ border-width: 6px; }\r\n .rfa-exp-badge .rfa-num{ font-size: 36px; }\r\n .rfa-exp-badge .rfa-txt{ font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n \r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-1 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b1022b4ce12323f4.avif\" alt=\"Rifaura traveler in traditional white dress\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-2 animate__animated animate__fadeInRight\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura excursion landscape\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-3 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/ballooningmarrakech-1.jpg\" alt=\"Rifaura adventure moment\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-exp-badge animate__animated animate__zoomIn\">\r\n <div class=\"rfa-exp-inner\">\r\n <div class=\"rfa-num\">10+<\/div>\r\n <div class=\"rfa-txt\">Jahre der<br\/>Abenteuer<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-content\">\r\n <div class=\"rfa-pill animate__animated animate__fadeIn\">\r\n <span class=\"rfa-pill-ico\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 17h10\"><\/path>\r\n <path d=\"M6 17V9a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8\"><\/path>\r\n <path d=\"M8 9h8\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n \u00dcber Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> - Unvergesslich<br\/><span class=\"rfa-hl\">Aktivit\u00e4ten und Exkursionen<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> ist spezialisiert auf handgefertigte Abenteuer in ganz Marokko. Von aufregenden Exkursionen im Atlasgebirge bis hin zu ruhigen kulturellen Spazierg\u00e4ngen in alten Medinas bringen wir Ihnen das Herz jedes Reiseziels mit Leidenschaft und Fachwissen n\u00e4her.\r\n <\/p>\r\n\r\n <div class=\"rfa-details\">\r\n <div class=\"animate__animated animate__fadeIn\">\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>T\u00e4gliche Ausfl\u00fcge<\/h4>\r\n <p>Ma\u00dfgeschneiderte Erlebnisse<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Fachkundige lokale F\u00fchrer<\/h4>\r\n <p>Insiderwissen<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-check-card animate__animated animate__fadeIn\">\r\n <ul class=\"rfa-check-list\">\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Kleine Gruppen<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Fachkundige F\u00fchrer<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Nachhaltig<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Private Optionen<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Flexible Termine<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"rfa-cta animate__animated animate__fadeInUp\" href=\"https:\/\/rifaura.com\/de\/contact\/\">\r\n Beginnen Sie Ihr Abenteuer\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12\"><\/path>\r\n <path d=\"M13 6l6 6-6 6\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a3d2f e-con-full e-flex e-con e-parent\" data-id=\"71a3d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48763f elementor-widget elementor-widget-html\" data-id=\"b48763f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Multi-Day Tours from Casablanca, Marrakech & Tangier | Rifaura<\/title>\r\n <meta name=\"description\" content=\"Embark on unforgettable multi-day tours: 10-Day Casablanca to Desert & Marrakech, 2-Day Zagora, 3-Day Fes, 3-Day Merzouga, 6-Day Fes via Desert, 8 Days from Tangier. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Rifaura Mehrtagestouren<\/span>\r\n <h1>W\u00fcste & Reichsst\u00e4dte <span>Fahrten<\/span><\/h1>\r\n <p>Von Casablanca, Marrakesch und Tanger aus erkunden Sie die Sahara, das Gebirge und die historischen St\u00e4dte Marokkos auf fachkundig ausgearbeiteten Reiserouten.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"10-Day Tour Casablanca to Desert and Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 10 Tage<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">10-t\u00e4gige Tour von Casablanca in die W\u00fcste und nach Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 10 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Reichsst\u00e4dte<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara-W\u00fcste<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%2010-Day%20Tour%20Casablanca%20Desert%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/download.avif\" alt=\"2-Day Tour Marrakech to Zagora Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Zagora<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">2-t\u00e4gige Tour von Marrakesch zur Zagora-W\u00fcste<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Kamel-Trekking<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>W\u00fcstencamp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%202-Day%20Zagora%20from%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"3-Day Tour Marrakech to Fes\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-city\"><\/i> Fes<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">3-t\u00e4gige Tour von Marrakech nach Fes<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Atlasgebirge<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Kulturelle Stationen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20to%20Fes\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/Visiting-Sahara-Desert.jpg\" alt=\"3-Day Tour Marrakech to Merzouga Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Merzouga<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">3-t\u00e4gige Tour von Marrakesch zur W\u00fcste Merzouga<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Erg Chebbi<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Luxus-Camp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20Merzouga\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/meknes-maroc_A3YHKFA.jpg.1920x0_q85_format-jpg-2.jpg\" alt=\"6-Day Tour Marrakech to Fes via Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 6 Tage<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">6-t\u00e4gige Tour von Marrakech nach Fes \u00fcber die W\u00fcste<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 6 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Fes<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%206-Day%20Marrakech%20Fes%20via%20Desert\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/2979c2582f468c00cdd6906d8bf6350a-3-scaled.webp\" alt=\"8 Days Tour from Tangier\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-ship\"><\/i> Tanger<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">8 Tage Tour ab Tanger<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tanger<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 Tage<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Chefchaouen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%208%20Days%20Tour%20from%20Tangier\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-723f4a6 e-con-full e-flex e-con e-parent\" data-id=\"723f4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8133a36 elementor-widget elementor-widget-html\" data-id=\"8133a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Rifaura Hero + Stats (orange, logical numbers, Ait Ben Haddou)<\/title>\r\n <style>\r\n \/* ===== RIFAURA HERO + STATS \u2013 orange theme, numbers not too large, your image ===== *\/\r\n .rifaura-hero-stats, .rifaura-hero-stats *{ box-sizing:border-box; }\r\n .rifaura-hero-stats{\r\n \/* RIFAURA orange palette *\/\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --bar1: #F97316; \/* orange gradient start *\/\r\n --bar2: #f0852e; \/* slightly deeper orange *\/\r\n --shadow2: 0 18px 45px rgba(249,115,22,0.18);\r\n width:100%;\r\n }\r\n\r\n \/* full width section (edge to edge) *\/\r\n .rifaura-hero-stats{\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n width: 100vw;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n \/* HERO with background image (your Ait Ben Haddou) *\/\r\n .rifaura-hero{\r\n position: relative;\r\n width: 100%;\r\n height: clamp(260px, 36vw, 420px);\r\n padding-bottom: 92px; \/* space for stats overlap *\/\r\n overflow: visible;\r\n }\r\n .rifaura-bg{\r\n position:absolute; inset:0;\r\n background-image: url('https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/unesco-world-heritage-ksar-of-ait-ben-haddou-in-ma-2025-02-02-13-12-17-utc-1-scaled.jpeg');\r\n background-size: cover;\r\n background-position: center 30%; \/* focus on the ksar *\/\r\n background-attachment: fixed; \/* fixed on desktop *\/\r\n }\r\n .rifaura-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.06) 100%);\r\n }\r\n\r\n \/* STATS CARD (orange bar, white icons with orange ring) *\/\r\n .rifaura-stats-wrap{\r\n position:absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translate(-50%, 50%);\r\n z-index: 4;\r\n width: min(860px, calc(100% - 36px));\r\n }\r\n\r\n .rifaura-stats{\r\n position: relative;\r\n display:flex;\r\n gap: 0;\r\n border-radius: 22px;\r\n padding: 18px 16px;\r\n background: linear-gradient(135deg, var(--bar1) 0%, var(--bar2) 100%);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n \/* decorative background patterns (like original but orange) *\/\r\n .rifaura-stats::before{\r\n content:\"\";\r\n position:absolute; inset:-110px -160px;\r\n background: repeating-linear-gradient(135deg, rgba(255,255,255,0.2) 0 24px, rgba(255,255,255,0) 24px 52px);\r\n opacity:0.15;\r\n transform: rotate(-6deg);\r\n pointer-events:none;\r\n }\r\n .rifaura-stats::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(900px 260px at 22% 25%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%),\r\n linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 45%),\r\n linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 38%);\r\n opacity: 0.4;\r\n pointer-events:none;\r\n }\r\n\r\n \/* each stat *\/\r\n .rifaura-stat{\r\n position: relative;\r\n z-index: 2;\r\n flex: 1 1 0;\r\n text-align:center;\r\n padding: 6px 10px;\r\n }\r\n\r\n \/* separator lines (white with low opacity) *\/\r\n .rifaura-stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top: 18px;\r\n bottom: 18px;\r\n width:1px;\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* ICON \u2013 white outer ring + orange background *\/\r\n .rifaura-ic{\r\n position: relative;\r\n width: 58px; height: 58px;\r\n border-radius: 999px;\r\n background: #ffffff; \/* white background inside ring *\/\r\n display:grid;\r\n place-items:center;\r\n margin: 0 auto 10px;\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.15);\r\n }\r\n \/* outer ring \u2013 orange *\/\r\n .rifaura-ic::before{\r\n content:\"\";\r\n position:absolute;\r\n inset: -5px;\r\n border-radius: 999px;\r\n border: 3px solid var(--orange); \/* orange ring *\/\r\n box-shadow: 0 10px 22px rgba(0,0,0,0.1);\r\n pointer-events:none;\r\n }\r\n .rifaura-ic img{\r\n width: 30px; height: 30px;\r\n display:block;\r\n filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%); \/* turns svg to orange *\/\r\n }\r\n\r\n \/* number \u2013 not too large, clean *\/\r\n .rifaura-num{\r\n display:flex;\r\n align-items: flex-start;\r\n justify-content:center;\r\n gap: 2px;\r\n color: #ffffff;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n .rifaura-num span{ font-size: 28px; } \/* logical size *\/\r\n .rifaura-num small{ font-size: 13px; opacity: 0.9; margin-top: 4px; }\r\n\r\n \/* label *\/\r\n .rifaura-lbl{ color: rgba(255,255,255,0.95); font-weight: 700; font-size: 12px; letter-spacing: 0.3px; }\r\n\r\n \/* white container under hero (to blend with page) *\/\r\n .rifaura-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0;\r\n bottom:-140px;\r\n height: 140px;\r\n background:#ffffff;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== responsive ===== *\/\r\n @media (max-width: 820px){\r\n .rifaura-stats{ padding: 14px 10px; }\r\n .rifaura-ic{ width: 52px; height: 52px; }\r\n .rifaura-ic img{ width: 26px; height: 26px; }\r\n .rifaura-num span{ font-size: 26px; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n \/* mobile: no fixed background *\/\r\n .rifaura-bg{ background-attachment: scroll; }\r\n\r\n .rifaura-hero{\r\n height: 270px;\r\n padding-bottom: 110px;\r\n }\r\n .rifaura-hero::after{\r\n bottom:-170px;\r\n height: 170px;\r\n }\r\n\r\n \/* 2x2 grid *\/\r\n .rifaura-stats{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n padding: 14px;\r\n border-radius: 20px;\r\n }\r\n .rifaura-stat{\r\n padding: 10px 8px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.06);\r\n }\r\n .rifaura-stat::after{ display:none; }\r\n\r\n .rifaura-ic{ width: 48px; height: 48px; margin-bottom: 8px; }\r\n .rifaura-ic::before{ inset:-4px; border-width:2px; }\r\n .rifaura-ic img{ width: 24px; height: 24px; }\r\n .rifaura-num span{ font-size: 24px; }\r\n .rifaura-num small{ font-size: 12px; }\r\n .rifaura-lbl{ font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rifaura-hero-stats\" aria-label=\"Rifaura Held mit Statistiken\">\r\n <div class=\"rifaura-hero\">\r\n \r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Rifaura-Statistiken\">\r\n \r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>150<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Touren & Aktivit\u00e4ten<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>115<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Zufriedene Kunden<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>10<\/span><small><\/small><\/div>\r\n <div class=\"rifaura-lbl\">Experten-Treiber<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M11.5 1L8 7h7l-3.5-6zm0 22L8 17h7l-3.5 6zM12 10.5l-3 5h6l-3-5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>120<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Faire Preise<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0370713 e-flex e-con-boxed e-con e-child\" data-id=\"0370713\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28ef02 elementor-widget elementor-widget-spacer\" data-id=\"f28ef02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fb0a27 e-con-full e-flex e-con e-parent\" data-id=\"3fb0a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38996e elementor-widget elementor-widget-html\" data-id=\"a38996e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Quad Biking & Desert Adventures | Rifaura Marrakech<\/title>\r\n <meta name=\"description\" content=\"Quad Biking in Agafay Desert 2 Hours riding, Camel ride in the palm grove, Hot Air Balloon, Buggy tours \u2013 full-day experiences with lunch & pool. Book now.\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Rifaura-Abenteuer<\/span>\r\n <h1>Quadfahren & <span>W\u00fcstenerlebnisse<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove - 2-st\u00fcndige Ausritte, Ganztagesausfl\u00fcge mit Mittagessen und Pool, Kamelritte, Hei\u00dfluftballonfahrten, Buggy-Touren. Sicherheitsausr\u00fcstung bei jedem Abenteuer inklusive.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/team-building-activities-marrakech-.webp\" alt=\"Quad Biking Agafay 2 hours\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> 2h Fahrt<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Biking in der Agafay W\u00fcste 2 Stunden Reiten<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay W\u00fcste<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 Stunden<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adrenalin<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>W\u00fcstenh\u00fcgel<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Biking%20Agafay%202h\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/76.jpg\" alt=\"Camel ride palm grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-camel\"><\/i> Kamel-Treck<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Kamelritt in den Palmenhainen von Marrakesch<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmenhain<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 Stunde<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-palm-tree\"><\/i><span>Oase<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i><span>Option Sonnenuntergang<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Camel%20ride%20palm%20grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/COCHLEAPRODUCTION-12-1.webp\" alt=\"Hot Air Balloon Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-hot-air\"><\/i> Sonnenaufgangsflug<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Hei\u00dfluftballonfahrt in Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakesch<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 1h Flug<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panoramablick<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Fr\u00fchst\u00fcck<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Hot%20Air%20Balloon%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/buggy-1-636x426-1.jpg\" alt=\"Buggy Ride Palm Grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> Buggy-Tour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggy-Fahrt im Palmenhain von Marrakesch<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmenhain<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 Stunden<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Oasen-Pfade<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Off-Road<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Palm%20Grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b5-1.jpg\" alt=\"Quad Agafay full day lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-utensils\"><\/i> ganzer Tag<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quadfahren in der Agafay-W\u00fcste: Ganzt\u00e4gig mit Mittagessen und Pool<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ganzer Tag<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Zugang zum Pool<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>Marokkanisches Mittagessen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Agafay%20full%20day%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/9f4c3ff06caad2e46baf912dc87e2097.avif\" alt=\"Buggy Agafay lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> Buggy + Pool<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggyfahrt in der Agafay-W\u00fcste mit Mittagessen und Pool<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay W\u00fcste<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ganzer Tag<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Buggy fahren<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Pool<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Schutzausr\u00fcstung<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Agafay%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/de\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Buchen Sie<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de15ab9 e-con-full e-flex e-con e-parent\" data-id=\"de15ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6795ff elementor-widget elementor-widget-html\" data-id=\"c6795ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Booking Process | Rifaura Tours<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ===== PREFIXED NAMES: all classes & CSS identifiers start with \"rp-\" ===== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations (kept generic, no conflict) *\/\r\n @keyframes rp-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes rp-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: rp-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-small-title {\r\n color: #F97316;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n border-radius: 30px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 40px;\r\n color: #1f2937;\r\n position: relative;\r\n display: block;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .rp-main-title br {\r\n display: block;\r\n }\r\n\r\n .rp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: #F97316;\r\n border-radius: 2px;\r\n }\r\n\r\n .rp-steps {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 40px 0;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* dashed wave \u2014 desktop only *\/\r\n @media (min-width: 901px) {\r\n .rp-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n left: 5%;\r\n width: 90%;\r\n height: 120px;\r\n z-index: 0;\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C150,0 300,120 450,60 600,0 750,120 900,60 1050,0 1200,60 1200,60' fill='none' stroke='%23F97316' stroke-width='3' stroke-dasharray='10 10' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n }\r\n }\r\n\r\n .rp-step {\r\n width: 22%;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .rp-step:nth-child(2) {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(4) {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .rp-step-container {\r\n background: linear-gradient(135deg, #ffffff, #fff7ed);\r\n padding: 35px 20px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(249, 115, 22, 0.1);\r\n border: 2px solid rgba(249, 115, 22, 0.1);\r\n position: relative;\r\n }\r\n\r\n .rp-step-number {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-step-number {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-step-number {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-step-number {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-step-number {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n margin: 10px auto 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n border: 2px solid rgba(249, 115, 22, 0.15);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-icon-box {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-icon-box {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-icon-box {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-icon-box {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 32px;\r\n color: #F97316;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #1f2937;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) h3 {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(2) h3 {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(3) h3 {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(4) h3 {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.6;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) p {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(2) p {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(3) p {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step:nth-child(4) p {\r\n animation-delay: 2.3s;\r\n }\r\n\r\n \/* mobile version \u2013 all prefixed *\/\r\n @media (max-width: 900px) {\r\n .rp-container {\r\n margin: 30px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .rp-steps {\r\n flex-direction: column;\r\n gap: 20px;\r\n padding: 20px 0 30px;\r\n position: relative;\r\n }\r\n\r\n .rp-steps::before {\r\n display: none;\r\n }\r\n\r\n .rp-step {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .rp-step-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n padding: 25px 20px;\r\n border-radius: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box {\r\n margin: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 28px;\r\n }\r\n\r\n .rp-step-content {\r\n flex: 1;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 19px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 15px;\r\n background: linear-gradient(to bottom, #F97316, #FFB347);\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n \/* small phones *\/\r\n @media (max-width: 600px) {\r\n .rp-container {\r\n margin: 20px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .rp-small-title {\r\n font-size: 12px;\r\n padding: 5px 15px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 22px 18px;\r\n gap: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 26px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -8px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* extra small phones *\/\r\n @media (max-width: 480px) {\r\n .rp-container {\r\n padding: 0 15px;\r\n margin: 15px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 20px 16px;\r\n gap: 16px;\r\n border-radius: 16px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 17px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 24px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 13.5px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -6px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"rp-container\">\r\n\r\n <div class=\"rp-small-title\">Buchungsprozess<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n Buchen Sie Ihr Marokko-Abenteuer<br>\r\n in 4 einfachen Schritten\r\n <\/h2>\r\n\r\n <div class=\"rp-steps\">\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">1<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>W\u00e4hlen Sie Ihre Tour<\/h3>\r\n <p>W\u00e4hlen Sie zwischen W\u00fcstencamps, kaiserlichen St\u00e4dten oder individuellen Abenteuern.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">2<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Kontakt zu unserem Team<\/h3>\r\n <p>Melden Sie sich per WhatsApp oder Telefon. Wir werden die Verf\u00fcgbarkeit best\u00e4tigen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">3<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Best\u00e4tigen Sie Ihre Buchung<\/h3>\r\n <p>Keine Zahlung im Voraus erforderlich. Wir senden alle Details.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">4<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Treffen & Genie\u00dfen<\/h3>\r\n <p>Treffen Sie Ihren Guide, bezahlen Sie vor Ort und genie\u00dfen Sie das Abenteuer.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5f2f1 e-con-full e-flex e-con e-parent\" data-id=\"cf5f2f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eac26 elementor-widget elementor-widget-html\" data-id=\"35eac26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Rifaura \u2013 Why Choose Us (Background #fff6ec)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0; background:#fafafa;\">\r\n\r\n\r\n<section class=\"rifaura-why\" aria-label=\"Warum Rifaura Tours w\u00e4hlen\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n \r\n <div class=\"rifaura-why-header\">\r\n <span class=\"rifaura-why-eyebrow\">Unsere Vorteile<\/span>\r\n <h2 class=\"rifaura-why-title\">Warum w\u00e4hlen <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Erleben Sie Marokko mit Komfort, Authentizit\u00e4t und absoluter Unbesorgtheit<\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-why-grid\">\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/car-checklist.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Einfacher Buchungsprozess<\/h3>\r\n <p>Schnelle Best\u00e4tigung, einfache Schritte, keine Vorabzahlung erforderlich.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">01<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/money.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Fair & Transparent<\/h3>\r\n <p>Keine versteckten Geb\u00fchren. Sie zahlen vor Ort, genau das, was wir vereinbart haben.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">02<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/support.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>24\/7 Kundenbetreuung<\/h3>\r\n <p>WhatsApp, Telefon, E-Mail - wir sind immer f\u00fcr Sie da.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">03<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== RIFAURA WHY CHOOSE US \u2013 BACKGROUND #fff6ec (your choice) ===== *\/\r\n.rifaura-why, .rifaura-why *{ box-sizing:border-box; }\r\n.rifaura-why{\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --card: #ffffff;\r\n --muted: #6b7280;\r\n\r\n width: 100%;\r\n padding: clamp(50px, 7vw, 100px) 0;\r\n \/* \u2705 YOUR SPECIFIED BACKGROUND \u2013 soft, warm, professional *\/\r\n background: #fff6ec;\r\n font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n}\r\n\r\n.rifaura-why-inner{\r\n width: min(1320px, 100%);\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 60px);\r\n}\r\n\r\n\/* HEADER TEXT \u2013 dark text on light background *\/\r\n.rifaura-why-header{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.rifaura-why-eyebrow{\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n background: rgba(249,115,22,0.08);\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.rifaura-why-title{\r\n font-size: 38px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.rifaura-why-title strong{\r\n color: var(--orange);\r\n}\r\n\r\n.rifaura-why-sub{\r\n font-size: 18px;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GRID *\/\r\n.rifaura-why-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(24px, 3vw, 36px);\r\n}\r\n\r\n\/* ========== CARDS \u2013 white, slight shadow ========== *\/\r\n.rifaura-why-card{\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 38px 32px 36px;\r\n overflow: hidden;\r\n min-height: 260px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 20px 40px -8px rgba(249,115,22,0.1);\r\n transition: transform .2s ease, box-shadow .25s ease;\r\n}\r\n\r\n.rifaura-why-card:hover{\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 60px -8px rgba(249,115,22,0.2);\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.rifaura-why-head{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 22px;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* ========== ICON CONTAINER ========== *\/\r\n.rifaura-why-ico{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 26px;\r\n background: rgba(249,115,22,0.08);\r\n border: 2px solid rgba(249,115,22,0.3);\r\n display: grid;\r\n place-items: center;\r\n flex: 0 0 auto;\r\n position: relative;\r\n z-index: 6;\r\n}\r\n\r\n.rifaura-why-ico img{\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ========== TEXT ========== *\/\r\n.rifaura-why-text h3{\r\n margin: 0 0 10px;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.3px;\r\n}\r\n.rifaura-why-text p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.55;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ========== BIG NUMBER ========== *\/\r\n.rifaura-why-num{\r\n position: absolute;\r\n left: 24px;\r\n bottom: 8px;\r\n font-size: 110px;\r\n font-weight: 950;\r\n letter-spacing: -4px;\r\n color: rgba(249,115,22,0.08);\r\n z-index: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n line-height: 0.8;\r\n}\r\n\r\n\/* ========== CORNER ACCENT \u2013 ORANGE ========== *\/\r\n.rifaura-why-corner{\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 12px solid var(--orange);\r\n border-right: 12px solid var(--orange);\r\n border-bottom-right-radius: 28px;\r\n z-index: 0;\r\n opacity: 0.9;\r\n}\r\n.rifaura-why-corner::after{\r\n content: \"\";\r\n position: absolute;\r\n right: -12px;\r\n bottom: -12px;\r\n width: 70px;\r\n height: 70px;\r\n border-bottom: 12px solid #fff;\r\n border-right: 12px solid #fff;\r\n border-bottom-right-radius: 24px;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 980px){\r\n .rifaura-why-grid{ grid-template-columns: 1fr; gap: 28px; }\r\n .rifaura-why-card{ min-height: auto; padding: 32px 28px; }\r\n .rifaura-why-ico{ width: 86px; height: 86px; }\r\n .rifaura-why-ico img{ width: 52px; height: 52px; }\r\n .rifaura-why-text h3{ font-size: 22px; }\r\n .rifaura-why-text p{ font-size: 16px; }\r\n .rifaura-why-num{ font-size: 90px; left: 20px; }\r\n .rifaura-why-title{ font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n .rifaura-why-card{ padding: 28px 22px; }\r\n .rifaura-why-ico{ width: 78px; height: 78px; }\r\n .rifaura-why-ico img{ width: 48px; height: 48px; }\r\n .rifaura-why-text h3{ font-size: 20px; }\r\n .rifaura-why-num{ font-size: 80px; }\r\n .rifaura-why-title{ font-size: 28px; }\r\n .rifaura-why-sub{ font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c23d17f e-con-full e-flex e-con e-parent\" data-id=\"c23d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9551f9c elementor-widget elementor-widget-html\" data-id=\"9551f9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>FAQs | Rifaura - Activities & Excursions Morocco<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\nbody {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION - RIFAURA ORANGE THEME *\/\r\n.faq-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.section-badge {\r\n color: #F97316; \/* Rifaura orange *\/\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: rgba(249,115,22,0.08);\r\n border-radius: 30px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #1f2937;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title span {\r\n color: #F97316; \/* Orange *\/\r\n}\r\n\r\n.section-subtitle {\r\n font-size: 16px;\r\n color: #4b5563;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* TWO COLUMN LAYOUT *\/\r\n.faq-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n}\r\n\r\n\/* IMAGE COLUMN - UPDATED WITH YOUR NEW IMAGE *\/\r\n.image-column {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px rgba(249,115,22,0.15);\r\n height: 550px;\r\n}\r\n\r\n.image-column img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.image-column:hover img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n.image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: white;\r\n padding: 30px 25px 25px;\r\n text-align: center;\r\n}\r\n\r\n.image-overlay h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n}\r\n\r\n.image-overlay p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* FAQ COLUMN *\/\r\n.faq-column {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 5px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n background: #fff7ed; \/* Light orange tint *\/\r\n border-radius: 14px;\r\n margin-bottom: 15px;\r\n border: 2px solid rgba(249,115,22,0.1);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.faq-question {\r\n padding: 20px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n font-size: 17px;\r\n color: #1f2937;\r\n background: #fff;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n}\r\n\r\n.faq-toggle {\r\n color: #F97316;\r\n font-size: 17px;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 12px;\r\n font-weight: 300;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n transform: rotate(45deg);\r\n color: #F97316; \/* Keeping orange *\/\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n padding: 0 25px 20px;\r\n max-height: 500px;\r\n}\r\n\r\n\/* FAQ ANSWER CONTENT *\/\r\n.answer-content {\r\n padding-top: 12px;\r\n}\r\n\r\n.answer-content ul {\r\n padding-left: 18px;\r\n margin: 8px 0;\r\n}\r\n\r\n.answer-content li {\r\n margin-bottom: 6px;\r\n position: relative;\r\n font-size: 14.5px;\r\n}\r\n\r\n.answer-content li::before {\r\n content: \"\u2022\";\r\n color: #F97316; \/* Orange bullet *\/\r\n font-weight: bold;\r\n position: absolute;\r\n left: -13px;\r\n}\r\n\r\n\/* BOOKING BANNER - ORANGE *\/\r\n.booking-banner {\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n border-radius: 18px;\r\n padding: 30px 40px;\r\n margin-top: 30px;\r\n text-align: center;\r\n box-shadow: 0 12px 25px rgba(249,115,22,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n}\r\n\r\n.banner-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.banner-content h3 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.banner-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.booking-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0b0b0b; \/* Dark contrast *\/\r\n color: white;\r\n padding: 14px 35px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.booking-button:hover {\r\n background: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.booking-button i {\r\n font-size: 18px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.booking-button:hover i {\r\n transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 992px) {\r\n .faq-container {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n \r\n .image-column {\r\n height: 450px;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .faq-section {\r\n margin: 50px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 25px 30px;\r\n margin-top: 25px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 24px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-question {\r\n padding: 18px 22px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14.5px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .faq-section {\r\n margin: 40px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 22px 25px;\r\n margin-top: 20px;\r\n border-radius: 16px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 22px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 15px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .booking-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n \r\n .section-badge {\r\n font-size: 12px;\r\n padding: 5px 16px;\r\n }\r\n \r\n .faq-question {\r\n padding: 16px 20px;\r\n font-size: 15px;\r\n }\r\n \r\n .faq-number {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 13px;\r\n margin-right: 10px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 0 20px 18px;\r\n }\r\n \r\n .image-column {\r\n height: 320px;\r\n }\r\n \r\n .image-overlay {\r\n padding: 25px 20px 20px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n \r\n .booking-banner {\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n margin-top: 18px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 14px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .booking-button {\r\n padding: 11px 25px;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">H\u00e4ufig gestellte Fragen<\/div>\r\n <h2 class=\"section-title\">Ihr <span>Abenteuer Marokko<\/span> Fragen<\/h2>\r\n <p class=\"section-subtitle\">Alles, was Sie \u00fcber unsere Aktivit\u00e4ten, Ausfl\u00fcge und Touren wissen m\u00fcssen<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-container\">\r\n \r\n <div class=\"image-column\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura Tours - Morocco Desert Adventure\">\r\n <div class=\"image-overlay\">\r\n <h3>Abenteuer in der Sahara-W\u00fcste<\/h3>\r\n <p>Erleben Sie Kameltrekking, Luxus-Camping und unvergessliche Sonnenunterg\u00e4nge in der marokkanischen W\u00fcste<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-column\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">1<\/span>\r\n <span class=\"question-text\">Welche Aktivit\u00e4ten und Ausfl\u00fcge werden in Rifaura angeboten?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Wir bieten eine breite Palette an handgefertigten Erlebnissen in ganz Marokko:<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f W\u00fcstenausfl\u00fcge:<\/strong> Kameltrekking, W\u00fcstencamps mit \u00dcbernachtung, 4x4-Abenteuer<\/li>\r\n <li><strong>\u26f0\ufe0f Bergtouren:<\/strong> Wandern im Atlasgebirge, Besuch eines Berberdorfes<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Kulturelle Aktivit\u00e4ten:<\/strong> Medina-Wanderungen, Kochkurse, T\u00f6pferworkshops<\/li>\r\n <li><strong>\ud83d\ude97 Tagesausfl\u00fcge:<\/strong> Von Marrakech, Fes und anderen Gro\u00dfst\u00e4dten<\/li>\r\n <li><strong>\u2728 Private F\u00fchrungen:<\/strong> Individuelle Reiserouten f\u00fcr Familien, Paare und Alleinreisende<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">2<\/span>\r\n <span class=\"question-text\">Wie buche ich einen Ausflug und was ist darin enthalten?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p><strong>Buchen ist einfach:<\/strong><\/p>\r\n <ol>\r\n <li>Kontaktieren Sie uns per WhatsApp oder Telefon<\/li>\r\n <li>W\u00e4hlen Sie Ihre Aktivit\u00e4t, Daten und Gruppengr\u00f6\u00dfe<\/li>\r\n <li>Best\u00e4tigen Sie Ihre Reservierung (keine Vorauszahlung erforderlich)<\/li>\r\n <li>Treffen Sie Ihren Reiseleiter am vereinbarten Ort<\/li>\r\n <\/ol>\r\n <p><strong>Typischerweise enthalten:<\/strong> Privater Transport, professioneller Reiseleiter, Aktivit\u00e4ten (Kamelritt usw.), Mahlzeiten wie angegeben und Wasser in Flaschen.<\/p>\r\n <p><strong>Nicht enthalten:<\/strong> Trinkgelder, pers\u00f6nliche Ausgaben und optionale Extras.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">3<\/span>\r\n <span class=\"question-text\">Wann ist die beste Zeit f\u00fcr Outdoor-Aktivit\u00e4ten in Marokko?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Marokko bietet das ganze Jahr \u00fcber tolle Erlebnisse, aber hier ist, was Sie erwarten k\u00f6nnen:<\/p>\r\n <ul>\r\n <li><strong>Fr\u00fchling (M\u00e4rz-Mai):<\/strong> Perfektes Wetter f\u00fcr Wanderungen, W\u00fcstentouren und Stadtspazierg\u00e4nge<\/li>\r\n <li><strong>Herbst (September-November):<\/strong> Milde Temperaturen, ideal f\u00fcr alle Aktivit\u00e4ten<\/li>\r\n <li><strong>Sommer (Juni-August):<\/strong> Ideal f\u00fcr K\u00fcstenausfl\u00fcge und W\u00fcstentouren am fr\u00fchen Morgen\/sp\u00e4ten Nachmittag<\/li>\r\n <li><strong>Winter (Dezember-Februar):<\/strong> Schnee im Atlas, angenehme Tage in der W\u00fcste (kalte N\u00e4chte)<\/li>\r\n <\/ul>\r\n <p>Wir sind das ganze Jahr \u00fcber t\u00e4tig und k\u00f6nnen die besten Aktivit\u00e4ten f\u00fcr jede Jahreszeit vorschlagen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">4<\/span>\r\n <span class=\"question-text\">Sind Ihre Ausfl\u00fcge auch f\u00fcr Alleinreisende geeignet?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Unbedingt! Wir hei\u00dfen Solo-Abenteurer willkommen:<\/p>\r\n <ul>\r\n <li><strong>An Gruppenreisen teilnehmen:<\/strong> Teilen Sie Ihre Erfahrungen mit gleichgesinnten Reisenden<\/li>\r\n <li><strong>Private Optionen:<\/strong> Gestalten Sie Ihre eigene Solo-Reise<\/li>\r\n <li><strong>Kein Einzelzimmerzuschlag:<\/strong> Bei vielen Gruppenabfl\u00fcgen<\/li>\r\n <li><strong>Sicherheit und Komfort:<\/strong> Erfahrene Reiseleiter sorgen daf\u00fcr, dass Sie gut betreut werden<\/li>\r\n <li><strong>Flexibel:<\/strong> Wir k\u00f6nnen die Aktivit\u00e4ten an Ihr Tempo und Ihre Interessen anpassen<\/li>\r\n <\/ul>\r\n <p>Alleinreisen sind eine fantastische M\u00f6glichkeit, Marokko mit Rifaura zu erkunden.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">5<\/span>\r\n <span class=\"question-text\">Wie sieht Ihre Stornierungs- und Zahlungspolitik f\u00fcr Aktivit\u00e4ten aus?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Wir halten die Dinge einfach und reisefreundlich:<\/p>\r\n <ul>\r\n <li><strong>Keine Vorabzahlung:<\/strong> Reservieren Sie Ihren Platz, ohne im Voraus zu bezahlen<\/li>\r\n <li><strong>Bezahlung am Tag:<\/strong> Barzahlung (MAD\/EUR) oder Kartenzahlung an Ihren Reiseleiter<\/li>\r\n <li><strong>Kostenlose Stornierung:<\/strong> Bis zu 48 Stunden vor Ihrer Aktivit\u00e4t<\/li>\r\n <li><strong>Wetterpolitik:<\/strong> Wenn die Bedingungen unsicher sind, verschieben wir den Termin oder erstatten den vollen Betrag.<\/li>\r\n <li><strong>Gruppenrabatte:<\/strong> Verf\u00fcgbar f\u00fcr Gruppen von 4 oder mehr Personen<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">6<\/span>\r\n <span class=\"question-text\">Was sollte ich f\u00fcr einen Tagesausflug oder einen W\u00fcstenausflug mitbringen?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Wir empfehlen, die wichtigsten Dinge einzupacken:<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 Kleidung:<\/strong> Bequeme Schichten, Sonnenhut, Schal f\u00fcr Wind\/Sonne<\/li>\r\n <li><strong>\ud83d\udc5f Schuhwerk:<\/strong> Geschlossene Schuhe f\u00fcr Spazierg\u00e4nge\/Wanderungen<\/li>\r\n <li><strong>\ud83e\uddf4 Schutz:<\/strong> Sonnencreme, Sonnenbrille, Lippenbalsam<\/li>\r\n <li><strong>\ud83d\udcf7 Extras:<\/strong> Kamera, Powerbank, kleiner Rucksack<\/li>\r\n <li><strong>\ud83d\udca7 Fl\u00fcssigkeitszufuhr:<\/strong> Wir stellen Wasser zur Verf\u00fcgung, aber bringen Sie auch Ihre eigene Flasche mit.<\/li>\r\n <li><strong>\ud83c\udf19 F\u00fcr N\u00e4chte in der W\u00fcste:<\/strong> Warme Jacke (Winter) oder leichte Jacke (Sommer)<\/li>\r\n <\/ul>\r\n <p>Wir stellen Schlafs\u00e4cke und Campingausr\u00fcstung f\u00fcr W\u00fcstentouren mit \u00dcbernachtung zur Verf\u00fcgung.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"booking-banner\">\r\n <div class=\"banner-content\">\r\n <h3>Bereit f\u00fcr Ihr Marokko-Abenteuer?<\/h3>\r\n <p>Kontaktieren Sie uns jetzt, um Ihr unvergessliches Rifaura-Erlebnis zu buchen<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Kontaktieren Sie uns auf WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n const toggles = document.querySelectorAll('.faq-toggle');\r\n \r\n \/\/ All FAQs start closed (no active class)\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const toggle = item.querySelector('.faq-toggle');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.faq-toggle').textContent = '+';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Remove active from all\r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n toggles.forEach(toggle => toggle.textContent = '+');\r\n \r\n \/\/ If clicked item wasn't active, activate it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n toggle.textContent = '+';\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n\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>Rifaura slider \u2013 all orange Rifaura Promo Bar (Orange) \u2013 reduced height Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding fun moroccan dinner Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding […]<\/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-450","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}