{"id":623,"date":"2026-02-18T17:26:10","date_gmt":"2026-02-18T17:26:10","guid":{"rendered":"https:\/\/rifaura.com\/?page_id=623"},"modified":"2026-02-18T18:12:19","modified_gmt":"2026-02-18T18:12:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/rifaura.com\/de\/contact\/","title":{"rendered":"Kontakt"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n \r\n Contact \u2013 Rifaura Tours<\/title>\r\n <meta name=\"description\" content=\"Contact Rifaura Tours. Request a private tour or transfer in Morocco: airport pickup, desert trips, and intercity tours. Fast confirmation.\" \/>\r\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/rifaura.com\/contact\" \/>\r\n\r\n <!-- Icons -->\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 <!-- Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,700;14..32,800;14..32,950&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <!-- EmailJS with YOUR credentials -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n\r\n <!-- confetti -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1\"><\/script>\r\n<\/head>\r\n\r\n<body style=\"margin:0; background:#ffffff;\">\r\n <div class=\"rifaura-contact-wrapper\" id=\"rifauraContactPage\">\r\n\r\n <style>\r\n \/* =========================\r\n Scoped base (Rifaura orange theme)\r\n ========================= *\/\r\n .rifaura-contact-wrapper,\r\n .rifaura-contact-wrapper *{ box-sizing:border-box; }\r\n\r\n .rifaura-contact-wrapper{\r\n --orange: #F97316;\r\n --orange-dark: #e0670e;\r\n --orange-light: #FFB347;\r\n --white: #ffffff;\r\n --ink: #111827;\r\n --muted: #6b7280;\r\n --bg-light: #fff7ed;\r\n\r\n font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n color: var(--ink);\r\n background: var(--white);\r\n }\r\n\r\n .rifaura-contact-wrapper img{ max-width:100%; height:auto; display:block; }\r\n .rifaura-contact-wrapper a{ color:inherit; text-decoration:none; }\r\n\r\n .rifaura-contact-wrapper section{ padding: 70px 20px; }\r\n .rifaura-contact-wrapper .sm-container{\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* HERO *\/\r\n .rifaura-hero{\r\n background: linear-gradient(135deg, rgba(249,115,22,0.14), rgba(17,24,39,0.03));\r\n border-bottom: 1px solid rgba(0,0,0,0.06);\r\n }\r\n .rifaura-hero-inner{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:40px;\r\n align-items:center;\r\n justify-content:space-between;\r\n }\r\n .rifaura-hero-text{ flex: 1 1 320px; }\r\n .rifaura-eyebrow{\r\n display:inline-block;\r\n padding: 8px 20px;\r\n border-radius: 999px;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--orange-dark);\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n margin-bottom: 18px;\r\n }\r\n .rifaura-title{\r\n font-size: clamp(28px, 4vw, 40px);\r\n font-weight: 950;\r\n margin: 0 0 14px;\r\n letter-spacing: -0.4px;\r\n color: var(--ink);\r\n }\r\n .rifaura-title strong{ color: var(--orange); }\r\n .rifaura-subtitle{\r\n font-size: 16px;\r\n color: var(--muted);\r\n max-width: 560px;\r\n line-height: 1.75;\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n .rifaura-hero-image{ flex: 0 0 380px; }\r\n .rifaura-hero-image img{\r\n width:100%;\r\n border-radius: 20px;\r\n border: 4px solid var(--orange);\r\n box-shadow: 0 15px 40px rgba(249,115,22,0.2);\r\n object-fit: cover;\r\n }\r\n\r\n \/* MAIN *\/\r\n .rifaura-main{ background: var(--bg-light); }\r\n .rifaura-grid{\r\n display:grid;\r\n grid-template-columns: minmax(0,1.1fr) minmax(0,1.1fr);\r\n gap: 40px;\r\n align-items:start;\r\n }\r\n\r\n .rifaura-details-panel{\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 24px 22px 26px;\r\n box-shadow: 0 10px 26px rgba(249,115,22,0.08);\r\n border: 1px solid rgba(249,115,22,0.1);\r\n }\r\n .rifaura-details-title{\r\n font-size: 24px;\r\n font-weight: 950;\r\n margin: 0 0 8px;\r\n letter-spacing: -0.2px;\r\n color: var(--ink);\r\n }\r\n .rifaura-details-text{\r\n color: var(--muted);\r\n margin: 0 0 18px;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n font-weight: 600;\r\n }\r\n\r\n .rifaura-cards{\r\n display:flex;\r\n flex-direction:column;\r\n gap: 14px;\r\n }\r\n .rifaura-card{\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 14px 16px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 5px 14px rgba(249,115,22,0.05);\r\n display:flex;\r\n gap: 12px;\r\n align-items:center;\r\n }\r\n .rifaura-card-icon{\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, var(--orange), var(--orange-dark));\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#fff;\r\n font-size: 18px;\r\n flex-shrink:0;\r\n }\r\n .rifaura-card h3{\r\n margin: 0 0 4px;\r\n font-size: 15px;\r\n font-weight: 900;\r\n color: var(--ink);\r\n }\r\n .rifaura-card p,\r\n .rifaura-card a{\r\n margin: 0;\r\n font-size: 14px;\r\n color: var(--muted);\r\n font-weight: 650;\r\n }\r\n .rifaura-card a:hover{ color: var(--orange); }\r\n\r\n \/* =========================\r\n TWO-STEP BOOKING FORM \u2013 TOUR NAME IS NOW A TEXT INPUT\r\n ========================= *\/\r\n .rifaura-booking-card {\r\n width: 100%;\r\n background: white;\r\n border-radius: 32px;\r\n box-shadow: 0 25px 50px -12px rgba(249,115,22,0.25);\r\n overflow: hidden;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n }\r\n\r\n .rifaura-booking-header {\r\n background: linear-gradient(135deg, #F97316 0%, #FFB347 100%);\r\n padding: 30px 28px 20px;\r\n color: white;\r\n }\r\n\r\n .rifaura-booking-header h2 {\r\n font-size: 28px;\r\n font-weight: 950;\r\n letter-spacing: -0.3px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .rifaura-booking-header p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n font-weight: 600;\r\n }\r\n\r\n .rifaura-step-indicator {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff;\r\n padding: 18px 28px;\r\n border-bottom: 1px solid rgba(249,115,22,0.1);\r\n }\r\n\r\n .rifaura-step {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex: 1;\r\n }\r\n\r\n .rifaura-step__number {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: #f1f5f9;\r\n color: #64748b;\r\n font-weight: 950;\r\n font-size: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .rifaura-step.active .rifaura-step__number {\r\n background: #F97316;\r\n color: white;\r\n box-shadow: 0 6px 12px rgba(249,115,22,0.3);\r\n }\r\n\r\n .rifaura-step__label {\r\n font-weight: 800;\r\n font-size: 14px;\r\n color: #1e293b;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .rifaura-step.active .rifaura-step__label {\r\n color: #F97316;\r\n }\r\n\r\n .rifaura-step-line {\r\n height: 2px;\r\n flex: 0.3;\r\n background: #e2e8f0;\r\n margin: 0 10px;\r\n }\r\n\r\n .rifaura-form-panel {\r\n padding: 32px 28px;\r\n display: none;\r\n }\r\n\r\n .rifaura-form-panel.active-panel {\r\n display: block;\r\n }\r\n\r\n .rifaura-form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .rifaura-full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .rifaura-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .rifaura-field label {\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n color: #334155;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .rifaura-field label i {\r\n color: #F97316;\r\n font-size: 14px;\r\n }\r\n\r\n .rifaura-field input,\r\n .rifaura-field textarea {\r\n height: 52px;\r\n padding: 0 16px;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 14px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n background: white;\r\n transition: border 0.15s, box-shadow 0.15s;\r\n outline: none;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .rifaura-field textarea {\r\n height: auto;\r\n padding: 14px 16px;\r\n min-height: 100px;\r\n resize: vertical;\r\n }\r\n\r\n .rifaura-field input:focus,\r\n .rifaura-field textarea:focus {\r\n border-color: #F97316;\r\n box-shadow: 0 0 0 4px rgba(249,115,22,0.15);\r\n }\r\n\r\n .rifaura-button-row {\r\n display: flex;\r\n gap: 16px;\r\n margin-top: 12px;\r\n }\r\n\r\n .rifaura-btn {\r\n height: 56px;\r\n padding: 0 28px;\r\n border-radius: 16px;\r\n font-weight: 800;\r\n font-size: 16px;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n transition: all 0.15s ease;\r\n flex: 1;\r\n }\r\n\r\n .rifaura-btn-primary {\r\n background: #F97316;\r\n color: white;\r\n box-shadow: 0 10px 20px -8px rgba(249,115,22,0.5);\r\n }\r\n\r\n .rifaura-btn-primary:hover {\r\n background: #e0670e;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .rifaura-btn-secondary {\r\n background: #f1f5f9;\r\n color: #1e293b;\r\n }\r\n\r\n .rifaura-btn-secondary:hover {\r\n background: #e2e8f0;\r\n }\r\n\r\n .rifaura-btn.loading {\r\n pointer-events: none;\r\n opacity: 0.7;\r\n position: relative;\r\n }\r\n\r\n .rifaura-btn.loading span {\r\n opacity: 0;\r\n }\r\n\r\n .rifaura-btn.loading::after {\r\n content: '';\r\n position: absolute;\r\n width: 22px;\r\n height: 22px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-top-color: white;\r\n border-radius: 50%;\r\n animation: rifauraSpin 0.8s linear infinite;\r\n }\r\n\r\n @keyframes rifauraSpin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .rifaura-hint {\r\n margin-top: 18px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #F97316;\r\n min-height: 24px;\r\n text-align: center;\r\n }\r\n\r\n \/* Success modal *\/\r\n .rifaura-success-modal{\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.5);\r\n backdrop-filter: blur(6px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.25s ease;\r\n }\r\n .rifaura-success-modal.show{\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .rifaura-success-card{\r\n background: white;\r\n max-width: 460px;\r\n width: 92%;\r\n border-radius: 28px;\r\n padding: 38px 28px;\r\n text-align: center;\r\n box-shadow: 0 40px 70px rgba(0,0,0,0.3);\r\n border: 2px solid var(--orange);\r\n transform: translateY(18px);\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n .rifaura-success-modal.show .rifaura-success-card{ transform: translateY(0); }\r\n .rifaura-success-icon{\r\n width: 70px; height: 70px;\r\n background: rgba(249,115,22,0.12);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 18px;\r\n border: 2px solid var(--orange);\r\n }\r\n .rifaura-success-icon i{\r\n font-size: 34px;\r\n color: var(--orange);\r\n }\r\n .rifaura-success-card h3{\r\n font-size: 24px;\r\n font-weight: 950;\r\n margin-bottom: 12px;\r\n color: #0f172a;\r\n }\r\n .rifaura-success-card p{\r\n color: #475569;\r\n font-weight: 600;\r\n margin-bottom: 24px;\r\n }\r\n .rifaura-success-btn{\r\n background: #111827;\r\n border: none;\r\n color: white;\r\n font-weight: 950;\r\n padding: 14px 30px;\r\n border-radius: 999px;\r\n font-size: 15px;\r\n cursor: pointer;\r\n transition: background 0.15s;\r\n }\r\n .rifaura-success-btn:hover{\r\n background: var(--orange);\r\n color: #111827;\r\n }\r\n\r\n \/* FAQ *\/\r\n .rifaura-faq{ background: var(--white); }\r\n .rifaura-faq-header{ text-align:center; margin-bottom: 34px; }\r\n .rifaura-faq-eyebrow{\r\n display:inline-block;\r\n padding: 8px 18px;\r\n border-radius: 999px;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--orange-dark);\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n font-weight: 900;\r\n letter-spacing: 0.08em;\r\n margin-bottom: 12px;\r\n }\r\n .rifaura-faq-title{ font-size: 26px; font-weight: 950; margin:0; color: var(--ink); }\r\n .rifaura-faq-grid{ max-width: 900px; margin: 0 auto; }\r\n\r\n .rifaura-faq-item{\r\n background: var(--bg-light);\r\n border-radius: 16px;\r\n margin-bottom: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 6px 16px rgba(249,115,22,0.05);\r\n }\r\n .rifaura-faq-q{\r\n padding: 16px 18px;\r\n font-size: 16px;\r\n font-weight: 900;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n cursor:pointer;\r\n color: var(--ink);\r\n }\r\n .rifaura-faq-q span{ margin-right: 10px; }\r\n .rifaura-faq-q i{\r\n font-size: 16px;\r\n color: var(--orange-dark);\r\n transition: transform 0.2s ease;\r\n }\r\n .rifaura-faq-item.active .rifaura-faq-q i{ transform: rotate(180deg); }\r\n .rifaura-faq-a{\r\n max-height: 0;\r\n overflow:hidden;\r\n transition: max-height .25s ease;\r\n }\r\n .rifaura-faq-a-inner{\r\n padding: 0 18px 16px;\r\n font-size: 14px;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n font-weight: 600;\r\n }\r\n .rifaura-faq-item.active .rifaura-faq-a{ max-height: 560px; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px){\r\n .rifaura-grid{ grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 768px){\r\n .rifaura-contact-wrapper section{ padding: 50px 16px; }\r\n .rifaura-hero-inner{ gap: 26px; }\r\n .rifaura-hero-image{ flex-basis: 100%; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n .rifaura-form-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n .rifaura-step__label {\r\n font-size: 12px;\r\n }\r\n .rifaura-step__number {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 14px;\r\n }\r\n .rifaura-booking-header {\r\n padding: 24px 20px;\r\n }\r\n .rifaura-form-panel {\r\n padding: 24px 20px;\r\n }\r\n .rifaura-step-indicator {\r\n padding: 18px 20px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <!-- HERO -->\r\n <section class=\"rifaura-hero\">\r\n <div class=\"sm-container\">\r\n <div class=\"rifaura-hero-inner\">\r\n <div class=\"rifaura-hero-text\">\r\n <span class=\"rifaura-eyebrow\">Kontakt<\/span>\r\n <h1 class=\"rifaura-title\">Kontakt <strong>Rifaura Touren<\/strong><\/h1>\r\n <p class=\"rifaura-subtitle\">\r\n Kontaktieren Sie uns f\u00fcr private Touren und Transfers in ganz Marokko: Abholung vom Flughafen, W\u00fcstentouren und \u00dcberlandfahrten.\r\n Senden Sie uns Ihre Anfrage und wir werden sie schnell per Telefon oder WhatsApp best\u00e4tigen.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-hero-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/4-Days-Tour-from-Fes-to-Marrakech-9-2-700x400.jpg.webp\"\r\n alt=\"Rifaura Tours - private tour in Morocco\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAIN -->\r\n <section class=\"rifaura-main\">\r\n <div class=\"sm-container\">\r\n <div class=\"rifaura-grid\">\r\n\r\n <!-- LEFT: Contact details -->\r\n <div class=\"rifaura-details-panel\">\r\n <h2 class=\"rifaura-details-title\">Kontakt aufnehmen<\/h2>\r\n <p class=\"rifaura-details-text\">\r\n Teilen Sie uns Ihr Reisedatum, den Abholort, das Reiseziel und die Gruppengr\u00f6\u00dfe mit - wir senden Ihnen ein klares Angebot und best\u00e4tigen es schnell.\r\n <\/p>\r\n\r\n <div class=\"rifaura-cards\">\r\n <div class=\"rifaura-card\">\r\n <div class=\"rifaura-card-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div>\r\n <h3>Telefon \/ WhatsApp<\/h3>\r\n <a href=\"tel:+212657261708\">+212 657 261 708<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-card\">\r\n <div class=\"rifaura-card-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div>\r\n <h3>E-Mail<\/h3>\r\n <a href=\"mailto:info@rifaura.com\">info@rifaura.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-card\">\r\n <div class=\"rifaura-card-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div>\r\n <h3>Adresse<\/h3>\r\n <p>Marrakech, Marokko<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: Two-step booking form \u2013 \"Select tour\" is now a text input -->\r\n <div class=\"rifaura-booking-card\" id=\"rifauraBooking\">\r\n <div class=\"rifaura-booking-header\">\r\n <h2>Buchen Sie Ihre Marokko-Tour<\/h2>\r\n <p>2 einfache Schritte - keine Vorabzahlung<\/p>\r\n <\/div>\r\n\r\n <!-- Step indicator -->\r\n <div class=\"rifaura-step-indicator\">\r\n <div class=\"rifaura-step active\" id=\"step1Indicator\">\r\n <span class=\"rifaura-step__number\">1<\/span>\r\n <span class=\"rifaura-step__label\">Details zur Tour<\/span>\r\n <\/div>\r\n <div class=\"rifaura-step-line\"><\/div>\r\n <div class=\"rifaura-step\" id=\"step2Indicator\">\r\n <span class=\"rifaura-step__number\">2<\/span>\r\n <span class=\"rifaura-step__label\">Deine Infos<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STEP 1 PANEL (with text input for tour name) -->\r\n <div class=\"rifaura-form-panel active-panel\" id=\"step1Panel\">\r\n <form id=\"step1Form\" action=\"\">\r\n <div class=\"rifaura-form-grid\">\r\n <!-- \u2705 Tour name - now a TEXT INPUT (no select) -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-compass\"><\/i> Name der Tour<\/label>\r\n <input type=\"text\" id=\"tourNameInput\" placeholder=\"z.B. 7 Tage W\u00fcste ab Casablanca\" required>\r\n <\/div>\r\n\r\n <!-- Date -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-calendar-alt\"><\/i> Datum<\/label>\r\n <input type=\"date\" id=\"tourDate\" required>\r\n <\/div>\r\n\r\n <!-- Participants -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-users\"><\/i> Teilnehmer<\/label>\r\n <input type=\"number\" id=\"participants\" min=\"1\" max=\"15\" value=\"2\" required>\r\n <\/div>\r\n\r\n <!-- Pickup city -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-map-pin\"><\/i> Abholort (Hotel\/Riad\/Stadt)<\/label>\r\n <input type=\"text\" id=\"pickupLocation\" placeholder=\"z.B. Marrakech, Hotel XYZ\" required>\r\n <\/div>\r\n\r\n <!-- Special request (optional) -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-comment\"><\/i> Besondere W\u00fcnsche (fakultativ)<\/label>\r\n <textarea id=\"specialRequest\" placeholder=\"Haben Sie besondere Bed\u00fcrfnisse oder Vorlieben?\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-button-row\">\r\n <button type=\"submit\" class=\"rifaura-btn rifaura-btn-primary\" id=\"step1Next\">\r\n <span>Weiter<\/span>\r\n <i class=\"fas fa-arrow-right btn-icon\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"rifaura-hint\" id=\"step1Hint\"><\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n\r\n <!-- STEP 2 PANEL -->\r\n <div class=\"rifaura-form-panel\" id=\"step2Panel\">\r\n <form id=\"step2Form\" action=\"\">\r\n <div class=\"rifaura-form-grid\">\r\n <!-- Full name -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-user\"><\/i> Vollst\u00e4ndiger Name<\/label>\r\n <input type=\"text\" id=\"fullName\" placeholder=\"Ihr vollst\u00e4ndiger Name\" required>\r\n <\/div>\r\n\r\n <!-- Email -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-envelope\"><\/i> E-Mail<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n\r\n <!-- Phone -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-phone-alt\"><\/i> Telefon \/ WhatsApp<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"+212 6..\" required>\r\n <\/div>\r\n\r\n <!-- Time (preferred) -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-clock\"><\/i> Bevorzugte Zeit<\/label>\r\n <input type=\"time\" id=\"preferredTime\" required>\r\n <\/div>\r\n\r\n <!-- Additional notes (optional) -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-pen\"><\/i> Zus\u00e4tzliche Hinweise (fakultativ)<\/label>\r\n <textarea id=\"additionalNotes\" placeholder=\"Flugnummer, besondere Unterbringung...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-button-row\">\r\n <button type=\"button\" class=\"rifaura-btn rifaura-btn-secondary\" id=\"backToStep1\">\r\n <i class=\"fas fa-arrow-left btn-icon\"><\/i>\r\n <span>Zur\u00fcck<\/span>\r\n <\/button>\r\n <button type=\"submit\" class=\"rifaura-btn rifaura-btn-primary\" id=\"finalSubmit\">\r\n <span>Best\u00e4tigen Sie die Buchung<\/span>\r\n <i class=\"fas fa-check btn-icon\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"rifaura-hint\" id=\"step2Hint\"><\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"rifaura-faq\">\r\n <div class=\"sm-container\">\r\n <div class=\"rifaura-faq-header\">\r\n <span class=\"rifaura-faq-eyebrow\">FAQ<\/span>\r\n <h2 class=\"rifaura-faq-title\">H\u00e4ufig gestellte Fragen<\/h2>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-grid\">\r\n <div class=\"rifaura-faq-item active\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>Wie kann ich eine Tour buchen?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n F\u00fcllen Sie das Formular mit dem Namen Ihrer Tour, Datum, Teilnehmer und Abholung. Wir best\u00e4tigen schnell per WhatsApp oder Telefon.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-item\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>Bieten Sie die Abholung vom Flughafen und die R\u00fcckfahrt an?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Ja - wir bieten Flughafentransfers in Casablanca, Marrakesch, Rabat, Fes, Tanger und anderen St\u00e4dten an.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-item\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>Wie wird der Preis berechnet?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Der Preis h\u00e4ngt von der Entfernung, der Abholzeit, den Fahrg\u00e4sten und dem Fahrzeugtyp ab. Wir senden Ihnen ein klares Festpreisangebot, nachdem Sie eingereicht haben.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-item\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>Wie schnell k\u00f6nnen Sie best\u00e4tigen?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Normalerweise innerhalb weniger Stunden. Wenn Sie au\u00dferhalb der Gesch\u00e4ftszeiten einreichen, kann die Best\u00e4tigung etwas l\u00e4nger dauern.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Success modal -->\r\n <div class=\"rifaura-success-modal\" id=\"successModal\">\r\n <div class=\"rifaura-success-card\">\r\n <div class=\"rifaura-success-icon\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <h3>Ich danke Ihnen!<\/h3>\r\n <p>Ihre Anfrage f\u00fcr eine Tour wurde abgeschickt. Wir werden Sie in K\u00fcrze zur Best\u00e4tigung kontaktieren.<\/p>\r\n <button class=\"rifaura-success-btn\" id=\"closeSuccessModal\">Wunderbar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \/\/ \u2705 YOUR EmailJS credentials\r\n emailjs.init(\"-z0lbUIGUUTtx_QIa\"); \/\/ Public Key\r\n\r\n const page = document.getElementById('rifauraContactPage');\r\n const root = document.getElementById('rifauraBooking');\r\n if (!page || !root) return;\r\n\r\n \/\/ FAQ toggle\r\n const faqItems = page.querySelectorAll('.rifaura-faq-item');\r\n faqItems.forEach(item => {\r\n const q = item.querySelector('.rifaura-faq-q');\r\n if (!q) return;\r\n q.addEventListener('click', () => {\r\n faqItems.forEach(other => { if (other !== item) other.classList.remove('active'); });\r\n item.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Form logic\r\n const step1Panel = root.querySelector('#step1Panel');\r\n const step2Panel = root.querySelector('#step2Panel');\r\n const step1Indicator = root.querySelector('#step1Indicator');\r\n const step2Indicator = root.querySelector('#step2Indicator');\r\n const step1Form = root.querySelector('#step1Form');\r\n const step2Form = root.querySelector('#step2Form');\r\n const backBtn = root.querySelector('#backToStep1');\r\n const step1Hint = root.querySelector('#step1Hint');\r\n const step2Hint = root.querySelector('#step2Hint');\r\n const finalSubmitBtn = root.querySelector('#finalSubmit');\r\n\r\n const successModal = page.querySelector('#successModal');\r\n const closeBtn = page.querySelector('#closeSuccessModal');\r\n\r\n function showSuccess() {\r\n successModal.classList.add('show');\r\n confetti({ particleCount: 80, spread: 70, origin: { y: 0.6 } });\r\n confetti({ particleCount: 50, spread: 100, origin: { y: 0.5, x: 0.2 }, colors: ['#F97316', '#FFB347'] });\r\n confetti({ particleCount: 50, spread: 100, origin: { y: 0.5, x: 0.8 }, colors: ['#F97316', '#FFB347'] });\r\n }\r\n\r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', () => successModal.classList.remove('show'));\r\n successModal.addEventListener('click', (e) => { if (e.target === successModal) successModal.classList.remove('show'); });\r\n }\r\n\r\n function goToStep(step) {\r\n const step1Active = step === 1;\r\n step1Panel.classList.toggle('active-panel', step1Active);\r\n step2Panel.classList.toggle('active-panel', !step1Active);\r\n step1Indicator.classList.toggle('active', step1Active);\r\n step2Indicator.classList.toggle('active', !step1Active);\r\n step1Hint.textContent = '';\r\n step2Hint.textContent = '';\r\n }\r\n\r\n \/\/ Step 1 -> Step 2 (using text input value)\r\n step1Form.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n const tourName = document.getElementById('tourNameInput').value.trim(); \/\/ \u2705 text input\r\n const date = document.getElementById('tourDate').value;\r\n const participants = document.getElementById('participants').value;\r\n const pickup = document.getElementById('pickupLocation').value.trim();\r\n\r\n if (!tourName || !date || !participants || !pickup) {\r\n step1Hint.textContent = 'Please fill all required fields.';\r\n return;\r\n }\r\n goToStep(2);\r\n });\r\n\r\n backBtn.addEventListener('click', () => goToStep(1));\r\n\r\n \/\/ Final submit\r\n step2Form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById('fullName').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const phone = document.getElementById('phone').value.trim();\r\n const time = document.getElementById('preferredTime').value;\r\n const additional = document.getElementById('additionalNotes').value.trim();\r\n\r\n if (!name || !email || !phone || !time) {\r\n step2Hint.textContent = 'Please fill all required fields.';\r\n return;\r\n }\r\n\r\n \/\/ Gather all data from step1 and step2\r\n const tourName = document.getElementById('tourNameInput').value.trim(); \/\/ text input\r\n const date = document.getElementById('tourDate').value;\r\n const participants = document.getElementById('participants').value;\r\n const pickup = document.getElementById('pickupLocation').value.trim();\r\n const special = document.getElementById('specialRequest').value.trim();\r\n\r\n const templateParams = {\r\n to_name: 'Rifaura Tours',\r\n from_name: name,\r\n reply_to: email,\r\n phone: phone,\r\n tour: tourName, \/\/ sends the custom tour name\r\n date: date,\r\n participants: participants,\r\n pickup: pickup,\r\n special_request: special || 'none',\r\n preferred_time: time,\r\n additional_notes: additional || 'none',\r\n company: 'Rifaura Tours',\r\n page: '2-step booking'\r\n };\r\n\r\n finalSubmitBtn.classList.add('loading');\r\n step2Hint.textContent = 'Sending request...';\r\n\r\n emailjs.send('service_sznelzl', 'template_nztyxqq', templateParams)\r\n .then(() => {\r\n finalSubmitBtn.classList.remove('loading');\r\n step2Hint.textContent = '';\r\n\r\n \/\/ Reset form\r\n step2Form.reset();\r\n \/\/ Reset date to today\r\n const today = new Date();\r\n const yyyy = today.getFullYear();\r\n const mm = String(today.getMonth()+1).padStart(2,'0');\r\n const dd = String(today.getDate()).padStart(2,'0');\r\n document.getElementById('tourDate').value = `${yyyy}-${mm}-${dd}`;\r\n document.getElementById('participants').value = 2;\r\n document.getElementById('tourNameInput').value = ''; \/\/ clear text input\r\n document.getElementById('pickupLocation').value = '';\r\n document.getElementById('specialRequest').value = '';\r\n\r\n goToStep(1);\r\n showSuccess();\r\n })\r\n .catch((error) => {\r\n console.error('EmailJS error:', error);\r\n finalSubmitBtn.classList.remove('loading');\r\n step2Hint.textContent = '\u274c Sending failed. Please try again.';\r\n });\r\n });\r\n\r\n \/\/ Set default date to today\r\n const dateInput = document.getElementById('tourDate');\r\n if (dateInput) {\r\n const today = new Date();\r\n const yyyy = today.getFullYear();\r\n const mm = String(today.getMonth()+1).padStart(2,'0');\r\n const dd = String(today.getDate()).padStart(2,'0');\r\n dateInput.value = `${yyyy}-${mm}-${dd}`;\r\n dateInput.min = dateInput.value;\r\n }\r\n\r\n \/\/ Set default time to now+1h\r\n const timeInput = document.getElementById('preferredTime');\r\n if (timeInput && !timeInput.value) {\r\n const now = new Date();\r\n now.setHours(now.getHours() + 1);\r\n timeInput.value = `${String(now.getHours()).padStart(2,'0')}:${String(now.getMinutes()).padStart(2,'0')}`;\r\n }\r\n })();\r\n <\/script>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact \u2013 Rifaura Tours Contact Contact Rifaura Tours Contact us for private tours and transfers across Morocco: airport pickup, desert trips, and intercity travel. Send your request and we\u2019ll confirm quickly by phone or WhatsApp. Get in Touch Share your travel date, pickup location, destination, and group size \u2014 we\u2019ll send you a clear quote […]<\/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-623","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\/623","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=623"}],"version-history":[{"count":10,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/623\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}