{"id":625,"date":"2026-02-18T17:31:38","date_gmt":"2026-02-18T17:31:38","guid":{"rendered":"https:\/\/rifaura.com\/?page_id=625"},"modified":"2026-02-19T22:57:47","modified_gmt":"2026-02-19T22:57:47","slug":"about","status":"publish","type":"page","link":"https:\/\/rifaura.com\/de\/about\/","title":{"rendered":"\u00dcber"},"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 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 <!-- ===== RIFAURA ABOUT SECTION \u2013 PREFIXED CLASS NAMES ===== -->\r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n <!-- left collage -->\r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n <!-- IMAGE 1 (top-left) -->\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 <!-- IMAGE 2 (right tall) -->\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 <!-- IMAGE 3 (bottom-left) -->\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 <!-- experience badge -->\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 <!-- right content -->\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-f73c478 e-con-full e-flex e-con e-parent\" data-id=\"f73c478\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a98a70 elementor-widget elementor-widget-html\" data-id=\"4a98a70\" 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 <!-- ===== RIFAURA HERO + STATS SECTION (your image, orange, logical numbers) ===== -->\r\n <section class=\"rifaura-hero-stats\" aria-label=\"Rifaura Held mit Statistiken\">\r\n <div class=\"rifaura-hero\">\r\n <!-- background image (Ait Ben Haddou) -->\r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n <!-- Stats card -->\r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Rifaura-Statistiken\">\r\n \r\n <!-- 1. Tours & Transfers -->\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 & Transfers<\/div>\r\n <\/div>\r\n\r\n <!-- 2. Happy Clients -->\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 <!-- 3. Expert Drivers -->\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 <!-- 4. Fair Rates -->\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 <!-- note: numbers are not too large (28px span, 13px small). Colors: orange ring around white icons, orange gradient bar. Background fixed on desktop. -->\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b01a087 elementor-widget elementor-widget-spacer\" data-id=\"b01a087\" 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-eeb3887 e-con-full e-flex e-con e-parent\" data-id=\"eeb3887\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-318e8a6 elementor-widget elementor-widget-html\" data-id=\"318e8a6\" 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<!-- all class names have been renamed with \"rp-\" prefix -->\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-a328e70 e-con-full e-flex e-con e-parent\" data-id=\"a328e70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de52263 elementor-widget elementor-widget-html\" data-id=\"de52263\" 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<!-- \u2705 WHY CHOOSE RIFAURA \u2013 BACKGROUND #fff6ec (soft, professional) -->\r\n<section class=\"rifaura-why\" aria-label=\"Warum Rifaura Tours w\u00e4hlen\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n <!-- SECTION TITLE -->\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 <!-- 01. Easy Booking Process \u2013 car-checklist.svg -->\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 <!-- 02. Fair & Transparent \u2013 money.svg -->\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 <!-- 03. 24\/7 Customer Support \u2013 support.svg -->\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 \u2705 BACKGROUND: #fff6ec (exactly as requested) \u2013 soft, warm, professional\r\n \u2705 Icons: car-checklist.svg, money.svg, support.svg\r\n \u2705 Cards remain white with orange accents\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>About Rifaura \u2013 cultural travel 10+ Years ofAdventures About Rifaura Rifaura \u2013 UnforgettableActivities & Excursions Rifaura specializes in handcrafted adventures across Morocco. From thrilling excursions in the Atlas Mountains to serene cultural walks in ancient medinas, we bring you closer to the heart of every destination with passion and expertise. Daily excursions Tailor-made adventures Expert […]<\/p>\n","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-625","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/625","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=625"}],"version-history":[{"count":13,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/625\/revisions"}],"predecessor-version":[{"id":1182,"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/pages\/625\/revisions\/1182"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/de\/wp-json\/wp\/v2\/media?parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}