{"id":488,"date":"2022-06-18T18:45:20","date_gmt":"2022-06-18T18:45:20","guid":{"rendered":"https:\/\/holidaysmiletour.com\/?page_id=488"},"modified":"2025-10-04T20:10:45","modified_gmt":"2025-10-04T20:10:45","slug":"abou-us","status":"publish","type":"page","link":"https:\/\/foxmarsaalam.com\/de\/abou-us\/","title":{"rendered":"About us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"488\" class=\"elementor elementor-488\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2634c09 e-con-full e-flex e-con e-parent\" data-id=\"2634c09\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7a82f elementor-widget elementor-widget-html\" data-id=\"2c7a82f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>About Us \u2014 FOX MARSA ALAM | Professional Desert Trips in Marsa Alam & El Quseir<\/title>\r\n  <meta name=\"description\" content=\"FOX MARSA ALAM is a professional desert trip provider in Marsa Alam & El Quseir. Quad & buggy adventures, 4\u00d74 jeep safari, Wadi El Gemal, Bedouin culture, safety-first operations, multilingual support.\" \/>\r\n\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.css\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/*\r\n      Consolidated :root variables, adapted from the Buggy Adventure page.\r\n      Dark mode specific variables have been removed.\r\n    *\/\r\n    :root{\r\n      --brand:#F97316; \/* Primary Orange *\/\r\n      --brand-2:#FB923C; \/* Lighter Orange for gradients *\/\r\n      --accent:#3b82f6; \/* Existing Purple accent *\/\r\n      --ink:#0b132a; \/* Main text color *\/\r\n      --muted:#64748b; \/* Muted text color *\/\r\n      --card-bg: #ffffff; \/* Consistent white for backgrounds *\/\r\n      --line:#e5ecff; \/* Border\/separator color *\/\r\n      --bg:#f7faff; \/* Overall page background *\/\r\n      --shadow:0 10px 30px rgba(2,6,23,.12); \/* General shadow *\/\r\n      --blur:saturate(180%) blur(10px); \/* For glassmorphism effects *\/\r\n      --radius-xl:22px;\r\n      --radius-lg:18px;\r\n      --radius-md:14px;\r\n\r\n      \/* Menu Specific Variables *\/\r\n      --navbar-height:64px; \/* Default, will be overridden by JS *\/\r\n      --tabs-h:0px; \/* No internal tabs in this layout, set to 0 *\/\r\n\r\n      \/* New Orange-specific variables for badges, etc. (used in menu buttons) *\/\r\n      --orange-subtle-border: rgba(249, 115, 22, 0.25);\r\n      --orange-subtle-bg: rgba(249, 115, 22, 0.08);\r\n      --orange-text: #F97316;\r\n      --orange-dark-text: #C2410C;\r\n      --orange-light-border: #FFEDD5;\r\n    }\r\n\r\n    html,body{\r\n      font-family:'Poppins',system-ui,Segoe UI,Roboto,Arial;\r\n      background:var(--bg);\r\n      color:var(--ink);\r\n      margin:0;\r\n      padding:0;\r\n      overflow-x: hidden; \/* Prevents horizontal scroll from dynamic elements *\/\r\n      \/* --- START: Content Security Additions --- *\/\r\n      -webkit-user-select: none; \/* Safari *\/\r\n      -moz-user-select: none;    \/* Firefox *\/\r\n      -ms-user-select: none;     \/* IE10+\/Edge *\/\r\n      user-select: none;         \/* Standard *\/\r\n      -webkit-touch-callout: none; \/* iOS Safari *\/\r\n      \/* --- END: Content Security Additions --- *\/\r\n    }\r\n    body::before, body::after{ content:\"\"; position:fixed; inset:auto -20vw 30vh auto; width:55vw; height:55vw; border-radius:50%; background: radial-gradient(35% 35% at 30% 30%, rgba(249,115,22,.45), transparent 70%), radial-gradient(40% 40% at 70% 70%, rgba(251,146,60,.35), transparent 70%); filter: blur(40px); opacity:.65; pointer-events:none; z-index:-1; transform: translate3d(0,0,0); animation: floaty 16s ease-in-out infinite alternate }\r\n    body::after{ inset: 10vh auto auto -20vw; background:radial-gradient(40% 40% at 70% 30%, rgba(59,130,246,.35), transparent 70%), radial-gradient(30% 30% at 30% 70%, rgba(249,115,22,.45), transparent 70%); animation-duration:18s }\r\n    @keyframes floaty{ from{ transform:translateY(-2vh)} to{ transform:translateY(2vh)} }\r\n\r\n    \/* Layout grid for rail + content on desktop, full-width on mobile *\/\r\n    .layout{display:grid; grid-template-columns:300px 1fr; min-height:100svh; gap:28px}\r\n    @media (max-width: 992px){ .layout{grid-template-columns:1fr; gap:0} }\r\n\r\n    \/* Desktop-only side rail *\/\r\n    .rail{position:sticky; top:calc(var(--navbar-height) + 28px); height:calc(100svh - var(--navbar-height) - 56px); padding:28px; border-right:1px solid var(--line); backdrop-filter:var(--blur); background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.35)); box-shadow: var(--shadow); display: flex; flex-direction: column; border-radius: 0 var(--radius-lg) var(--radius-lg) 0;}\r\n    @media (max-width: 991.98px){ .rail { display: none; } } \/* Hide rail on mobile *\/\r\n\r\n    .brand{display:flex; align-items:center; gap:.9rem; text-decoration:none}\r\n    .brand-badge{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eef4ff); border:1px solid #e7edff; box-shadow:8px 8px 18px rgba(15,23,42,.1), -6px -6px 16px rgba(255,255,255,.7)}\r\n    \/* Styles for the new FOX logo image that replaces the SVG *\/\r\n    .brand-badge img.brand-logo-img {\r\n      display: block; \/* Ensures image does not have extra space below it *\/\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: contain; \/* Scales image down to fit, maintaining aspect ratio *\/\r\n      object-position: center; \/* Centers the image within the badge *\/\r\n      padding: 2px; \/* Add some padding inside the badge *\/\r\n    }\r\n    \/* For image protection, ensure images themselves are not directly selectable\/draggable *\/\r\n    img {\r\n      -webkit-user-select: none;\r\n      -moz-user-select: none;\r\n      -ms-user-select: none;\r\n      user-select: none;\r\n      -webkit-touch-callout: none;\r\n      -webkit-user-drag: none; \/* Disable dragging for Webkit browsers *\/\r\n      user-drag: none; \/* Standard for disabling drag *\/\r\n      pointer-events: auto; \/* Allow clicks, but not selection\/drag *\/\r\n    }\r\n\r\n    .rail .nav{margin-top:22px}\r\n    .rail .nav .nav-link{color:var(--ink); border-radius:12px; padding:.65rem .9rem; font-weight:600}\r\n    .rail .nav .nav-link:hover{background:rgba(249,115,22,.08)}\r\n    .rail .nav .nav-link.active{background:linear-gradient(90deg, rgba(249,115,22,.18), rgba(251,146,60,.18)); color:var(--ink)}\r\n\r\n    .content{min-width:0}\r\n    .wrap{width:100%; max-width: 1600px; padding-left:clamp(16px, 5vw, 48px); padding-right:clamp(16px, 5vw, 48px); margin:0 auto}\r\n\r\n    .hero{position:relative; overflow:hidden; border-bottom:1px solid var(--line); background: radial-gradient(1200px 400px at 10% -10%, rgba(249,115,22,.20), transparent 60%), radial-gradient(1200px 400px at 90% -10%, rgba(251,146,60,.18), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0)); backdrop-filter: var(--blur) }\r\n    .hero-inner{padding: 80px 0; }\r\n\r\n    .gradient-text{background: linear-gradient(90deg, var(--brand), var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent}\r\n\r\n    .block{ padding:28px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--card-bg); backdrop-filter:var(--blur); box-shadow:var(--shadow) }\r\n    \/* No 'soft' background for .block by default, if needed apply explicitly *\/\r\n\r\n    .btn-gradient{ display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; text-decoration:none; position:relative; border:none; color:#fff; border-radius:16px; padding:.8rem 1.2rem; font-weight:800; letter-spacing:.3px; background:linear-gradient(90deg, var(--brand), var(--brand-2)); box-shadow:0 12px 28px rgba(249,115,22,.35); overflow:hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; }\r\n    .btn-gradient:hover { transform: translateY(-2px); box-shadow:0 14px 32px rgba(249, 115, 22,.3); }\r\n    .btn-gradient::after{ content:\"\"; position:absolute; inset:-100% auto auto -100%; width:200%; height:200%; background:radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.25), transparent 45%); transform:translate3d(-50%,-50%,0); transition:transform .45s ease }\r\n    .btn-gradient:hover::after{ transform:translate3d(0,0,0) } \/* Corrected transform for hover effect *\/\r\n\r\n    .btn-outline-glass{ display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; text-decoration:none; border-radius:16px; font-weight:700; border:1px solid rgba(249,115,22,.35); color:var(--brand); padding:.8rem 1.2rem; background:rgba(255,255,255,.5); transition: background-color .2s ease, color .2s ease; }\r\n    .btn-outline-glass:hover { background: rgba(249, 115, 22, 0.08); color: var(--brand); }\r\n\r\n    \/* Mobile bottom navigation rail *\/\r\n    .mobile-rail{ position:sticky; bottom:0; inset-inline:0; z-index:80; border-top:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.8)); padding:6px; padding-bottom:calc(6px + env(safe-area-inset-bottom,0px)) }\r\n    .mobile-rail .nav{ overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap }\r\n    .mobile-rail .nav-link{ padding:.6rem .75rem; border-radius:10px; font-weight:700; color:var(--muted) }\r\n    .mobile-rail .nav-link.active{ color:#fff; background:linear-gradient(90deg, var(--brand), var(--brand-2)) }\r\n\r\n    section[id]{ scroll-margin-top: calc(var(--navbar-height) + 18px) } \/* Adjusted for no tabs *\/\r\n\r\n    .reveal{ opacity:0; transform: translateY(12px) scale(.98); transition: .6s cubic-bezier(.2,.65,.2,1) }\r\n    .reveal.in{ opacity:1; transform:none }\r\n\r\n    .progress-top{ position:fixed; top:0; left:0; height:4px; width:0; background:linear-gradient(90deg,var(--brand),var(--brand-2)); z-index:1001 }\r\n\r\n    .flag{font-size:18px; display:inline-block; width:1.4em}\r\n\r\n\r\n    \/*\r\n      Unified Header Specific Styles, adapted from the Buggy page,\r\n      with all dark mode styles removed.\r\n    *\/\r\n    .unified-header {\r\n      position: sticky; \/* Ensure it's sticky *\/\r\n      top: 0;\r\n      z-index: 75;\r\n      background: rgba(255, 255, 255, 0.85); \/* Slightly transparent white for a modern look *\/\r\n      backdrop-filter: var(--blur);\r\n      border-bottom:1px solid var(--line);\r\n    }\r\n    .unified-header .brand-badge { width: 44px; height: 44px; border-radius: var(--radius-md); background:linear-gradient(145deg,#fff,#eef4ff); border:1px solid #e7edff; }\r\n    .unified-header .brand div { font-size: 0.9rem; }\r\n    .unified-header .brand div .small { font-size: 0.75rem; }\r\n    \/* Navbar Toggler icon colors *\/\r\n    .unified-header .navbar-toggler-icon { background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(11, 19, 42, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'\/%3e%3c\/svg%3e\"); }\r\n\r\n\r\n    \/* Utility class for content wrapping\/centering *\/\r\n    .content-container{\r\n        width:100%;\r\n        max-width: 1600px;\r\n        padding-left:clamp(16px, 5vw, 48px);\r\n        padding-right:clamp(16px, 5vw, 48px);\r\n        margin:0 auto;\r\n    }\r\n\r\n    \/* Custom Language Switcher styles for the unified header *\/\r\n    .unified-header .lang-switcher { position: relative; }\r\n    .unified-header .lang-menu-custom {\r\n      position: absolute;\r\n      top: calc(100% + 10px);\r\n      right: 0;\r\n      min-width: 160px;\r\n      padding: .5rem;\r\n      margin: 0;\r\n      list-style: none;\r\n      background-color: var(--card-bg);\r\n      border: 1px solid var(--line);\r\n      border-radius: var(--radius-lg);\r\n      box-shadow: var(--shadow);\r\n      z-index: 1000;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transform: translateY(-10px);\r\n      transition: opacity .2s ease, transform .2s ease, visibility .2s;\r\n    }\r\n    .unified-header .lang-menu-custom.show { opacity: 1; visibility: visible; transform: translateY(0); }\r\n    .unified-header .lang-menu-custom .lang-item {\r\n      width: 100%;\r\n      padding: .5rem 1rem;\r\n      font-weight: 600;\r\n      color: var(--ink);\r\n      background-color: transparent;\r\n      border: 0;\r\n      border-radius: var(--radius-md);\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .75rem;\r\n    }\r\n    .unified-header .lang-menu-custom .lang-item:hover { background-color: rgba(249, 115, 22, 0.1); }\r\n\r\n    \/* Custom Dropdown Styling for main navigation *\/\r\n    .unified-header .dropdown-menu {\r\n      padding: .5rem;\r\n      border-radius: var(--radius-lg);\r\n      background-color: var(--card-bg);\r\n      border: 1px solid var(--line);\r\n      box-shadow: var(--shadow);\r\n      z-index: 100;\r\n      min-width: 220px; \/* Wider for better readability *\/\r\n      margin-top: 8px !important;\r\n    }\r\n    .unified-header .dropdown-item {\r\n      padding: .65rem .9rem;\r\n      font-weight: 500; \/* Slightly lighter for dropdown items *\/\r\n      color: var(--ink);\r\n      border-radius: var(--radius-md);\r\n      text-decoration: none;\r\n      background-color: transparent;\r\n      transition: background-color .2s ease, color .2s ease;\r\n    }\r\n    .unified-header .dropdown-item:hover,\r\n    .unified-header .dropdown-item:focus {\r\n      background-color: rgba(249,115,22,.08);\r\n      color: var(--brand);\r\n    }\r\n    \/* Main navigation link styles *\/\r\n    .unified-header .nav-link {\r\n        color: var(--ink);\r\n        background: transparent;\r\n        padding: .65rem 1rem;\r\n        border-radius: var(--radius-md);\r\n        font-weight: 600;\r\n        transition: background-color .2s ease, color .2s ease;\r\n        white-space: nowrap; \/* Prevent text wrapping for menu items on desktop *\/\r\n    }\r\n    .unified-header .nav-link:hover {\r\n        background: rgba(249,115,22,.08);\r\n        color: var(--brand);\r\n    }\r\n    .unified-header .nav-link.active {\r\n        background: var(--brand);\r\n        color: #fff;\r\n    }\r\n    \/* Ensure dropdown toggles also show active state when their submenu is active *\/\r\n    .unified-header .dropdown-toggle.active {\r\n      background: var(--brand);\r\n      color: #fff !important;\r\n    }\r\n\r\n    \/* Styles for non-navigable menu items *\/\r\n    .dropdown-item.non-navigable, .nav-link.non-navigable {\r\n      pointer-events: none; \/* Disable click events *\/\r\n      cursor: default;     \/* Change cursor to default, not pointer *\/\r\n      opacity: 0.7;       \/* Optionally dim them slightly *\/\r\n    }\r\n    .dropdown-item.non-navigable:hover, .nav-link.non-navigable:hover {\r\n      background-color: transparent !important; \/* Ensure no hover background *\/\r\n      color: var(--ink) !important; \/* Ensure text color doesn't change on hover *\/\r\n    }\r\n\r\n    \/* Mobile Menu specific styles for perfect responsiveness and usability *\/\r\n    @media (max-width: 991.98px) {\r\n        \/* The main content-container now wraps everything on desktop too *\/\r\n        .unified-header > .content-container {\r\n            padding-top: 10px; \/* Some vertical padding for the top bar on mobile *\/\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        \/* Styling for the collapsed navbar content (the mobile menu itself) *\/\r\n        .unified-header .navbar-collapse {\r\n            position: fixed; \/* Position relative to the viewport *\/\r\n            top: var(--navbar-height); \/* Dynamically set height from JS *\/\r\n            left: 0;\r\n            width: 100vw; \/* Full viewport width *\/\r\n            height: calc(100vh - var(--navbar-height)); \/* Fill remaining vertical space *\/\r\n            overflow-y: auto; \/* Allow scrolling for long menus *\/\r\n            background-color: var(--card-bg);\r\n            border-top: 1px solid var(--line);\r\n            margin: 0;\r\n            padding: 20px 16px; \/* Apply desired padding directly to the collapse content for mobile *\/\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n            border-radius: 0;\r\n            z-index: 70;\r\n        }\r\n        .unified-header .navbar-collapse .navbar-nav {\r\n            width: 100%;\r\n            flex-direction: column;\r\n        }\r\n        .unified-header .navbar-collapse .nav-item {\r\n            width: 100%;\r\n            margin-bottom: 8px; \/* Added slight margin for mobile nav items *\/\r\n        }\r\n        .unified-header .navbar-collapse .nav-link,\r\n        .unified-header .navbar-collapse .dropdown-item {\r\n            padding: .85rem 1rem; \/* Slightly larger padding for touch targets *\/\r\n            font-size: 1.05rem;\r\n            white-space: normal; \/* Allow wrapping within mobile menu if needed *\/\r\n        }\r\n        \/* Mobile-specific: When Tours dropdown is active, the toggle itself should also look active *\/\r\n        .unified-header .navbar-collapse .dropdown-toggle[aria-expanded=\"true\"] {\r\n            background-color: var(--orange-subtle-bg); \/* Use a subtle background *\/\r\n            color: var(--brand); \/* Text color to brand *\/\r\n            border-radius: var(--radius-md);\r\n        }\r\n        \/* Submenu (Tours) expands inline on mobile *\/\r\n        .unified-header .navbar-collapse .dropdown-menu {\r\n            position: static;\r\n            width: 100%;\r\n            border: none;\r\n            box-shadow: none;\r\n            background-color: rgba(249,115,22,.05);\r\n            margin-top: 5px;\r\n            border-radius: var(--radius-md);\r\n            padding: 5px;\r\n        }\r\n        .unified-header .navbar-collapse .dropdown-item {\r\n            padding-left: 2rem; \/* Indent sub-items *\/\r\n            font-size: 1rem;\r\n        }\r\n        \/* Language switcher in mobile menu *\/\r\n        .unified-header .navbar-collapse .lang-switcher { margin-top: 15px; text-align: center; position: static; }\r\n        .unified-header .navbar-collapse .lang-switcher .btn { width: auto; justify-content: center; padding: 0.5rem 1.5rem; }\r\n        .unified-header .navbar-collapse .lang-menu-custom {\r\n            position: static;\r\n            width: 100%;\r\n            box-shadow: none;\r\n            border: none;\r\n            background-color: transparent;\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n            visibility: visible;\r\n            margin-top: 10px;\r\n            display: grid; \/* Use grid for better layout of language items on mobile *\/\r\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 5px;\r\n        }\r\n        .unified-header .navbar-collapse .lang-switcher .lang-item { justify-content: center; padding: .6rem 1rem; background-color: rgba(0,0,0,0.03); }\r\n\r\n        \/* Mobile specific styling for right-side action buttons within the collapsed menu *\/\r\n        .unified-header .navbar-collapse .action-buttons-container {\r\n            display: grid !important; \/* Force grid layout for buttons *\/\r\n            grid-template-columns: 1fr; \/* Stack buttons vertically *\/\r\n            gap: 10px; \/* Space between stacked buttons *\/\r\n            margin-top: 20px !important; \/* Add space above buttons in mobile menu *\/\r\n        }\r\n        .unified-header .navbar-collapse .action-buttons-container .btn {\r\n            width: 100%; \/* Make buttons full width *\/\r\n            justify-content: center; \/* Center content of buttons *\/\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){ *{ transition:none!important; animation:none!important; scroll-behavior:auto!important } }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body oncontextmenu=\"return false;\" ondragstart=\"return false;\">\r\n<div class=\"progress-top\" id=\"progress\"><\/div>\r\n\r\n<!--\r\n  UNIFIED HEADER - Integrated from the provided new menu.\r\n  This header will remain sticky at the top of the viewport.\r\n-->\r\n<header class=\"unified-header sticky-top navbar navbar-expand-lg\" id=\"mainHeader\">\r\n    <!-- The main content-container now wraps ALL header elements for consistent padding -->\r\n    <div class=\"content-container d-flex align-items-center w-100 py-2 py-lg-0\">\r\n      <a class=\"brand d-flex align-items-center gap-2 text-decoration-none\" href=\"https:\/\/foxmarsaalam.com\/de\/\">\r\n          <div class=\"brand-badge\" aria-hidden=\"true\">\r\n              <!-- Replaced generic svg with FOX logo image -->\r\n              <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/67ZkRRWL\/FOX-Logo-Custom.png\" alt=\"\" class=\"brand-logo-img\"\r\n                data-en-alt=\"FOX Marsa Alam Logo\" data-de-alt=\"FOX Marsa Alam Logo\"\r\n                data-ru-alt=\"FOX Marsa Alam Logo\" data-it-alt=\"FOX Marsa Alam Logo\"\r\n                data-cz-alt=\"FOX Marsa Alam Logo\" data-pl-alt=\"FOX Marsa Alam Logo\">\r\n          <\/div>\r\n          <div>\r\n            <div class=\"fw-bold\" style=\"color:var(--ink);\" data-en=\"FOX MARSA ALAM\" data-de=\"FOX MARSA ALAM\" data-ru=\"FOX MARSA ALAM\" data-it=\"FOX MARSA ALAM\" data-cz=\"FOX MARSA ALAM\" data-pl=\"FOX MARSA ALAM\">FOX MARSA ALAM<\/div>\r\n            <div class=\"text-muted small\" data-en=\"About Us\" data-de=\"\u00dcber uns\" data-ru=\"\u041e \u043d\u0430\u0441\" data-it=\"Chi siamo\" data-cz=\"O n\u00e1s\" data-pl=\"O nas\">About Us<\/div>\r\n          <\/div>\r\n      <\/a>\r\n\r\n      <!-- Navbar Toggle Button for Mobile -->\r\n      <button class=\"navbar-toggler ms-auto\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\"\r\n        aria-label=\"Toggle navigation\" data-en-arialabel=\"Toggle navigation\" data-de-arialabel=\"Navigation umschalten\" data-ru-arialabel=\"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e\" data-it-arialabel=\"Mostra\/nascondi navigazione\" data-cz-arialabel=\"P\u0159epnout navigaci\" data-pl-arialabel=\"Prze\u0142\u0105cz nawigacj\u0119\">\r\n        <span class=\"navbar-toggler-icon\"><\/span>\r\n      <\/button>\r\n\r\n      <!-- Main Navigation and Right-Side Controls -->\r\n      <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\r\n        <div class=\"content-container d-flex flex-column flex-lg-row align-items-lg-center justify-content-between py-3 py-lg-0\">\r\n          <ul class=\"navbar-nav mx-auto mb-2 mb-lg-0 gap-lg-2\">\r\n              <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/\" class=\"nav-link\" data-en=\"Home\" data-de=\"Startseite\" data-ru=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f\" data-it=\"Home\" data-cz=\"Dom\u016f\" data-pl=\"Strona g\u0142\u00f3wna\">Home<\/a><\/li>\r\n              <li class=\"nav-item dropdown\">\r\n                  <!-- IMPORTANT: For mobile, dropdown-toggle now uses data-bs-toggle=\"collapse\" and data-bs-target -->\r\n                  <a class=\"nav-link dropdown-toggle\" href=\"#navbarDropdownToursMenu\" role=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarDropdownToursMenu\" aria-expanded=\"false\" data-en=\"Tours\" data-de=\"Touren\" data-ru=\"\u0422\u0443\u0440\u044b\" data-it=\"Tour\" data-cz=\"V\u00fdlety\" data-pl=\"Wycieczki\">\r\n                      Tours\r\n                  <\/a>\r\n                  <!-- The dropdown-menu for Tours, now explicitly targetable by ID for mobile collapse behavior -->\r\n                  <ul class=\"dropdown-menu collapse\" id=\"navbarDropdownToursMenu\">\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/super-safari\/\" data-en=\"Super Safari\" data-de=\"Super Safari\" data-ru=\"\u0421\u0443\u043f\u0435\u0440 \u0421\u0430\u0444\u0430\u0440\u0438\" data-it=\"Super Safari\" data-cz=\"Super Safari\" data-pl=\"Super Safari\">Super Safari<\/a><\/li>\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/%d9%8djeep-safari\/\" data-en=\"Jeep Safari\" data-de=\"Jeep Safari\" data-ru=\"\u0414\u0436\u0438\u043f-\u0441\u0430\u0444\u0430\u0440\u0438\" data-it=\"Jeep Safari\" data-cz=\"Jeep Safari\" data-pl=\"Jeep Safari\">Jeep Safari<\/a><\/li>\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/buggy-spider\/\" data-en=\"Buggy Spider\" data-de=\"Buggy Spider\" data-ru=\"\u0411\u0430\u0433\u0433\u0438-\u043f\u0430\u0443\u043a\" data-it=\"Buggy Spider\" data-cz=\"Buggy Spider\" data-pl=\"Buggy Spider\">Buggy Spider<\/a><\/li>\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/quad-sunset-bbq\/\" data-en=\"Quad Sunset BBQ\" data-de=\"Quad bei Sonnenuntergang & BBQ\" data-ru=\"\u041a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u044b \u043d\u0430 \u0437\u0430\u043a\u0430\u0442\u0435 \u0438 \u0431\u0430\u0440\u0431\u0435\u043a\u044e\" data-it=\"Quad al Tramonto con BBQ\" data-cz=\"\u010cty\u0159kolky p\u0159i z\u00e1padu s\u0142o\u0144ca s BBQ\" data-pl=\"Quady o zachodzie s\u0142o\u0144ca z grillem\">Quad Sunset BBQ<\/a><\/li>\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/desert-atv-adventure\/\" data-en=\"Desert ATV Adventure\" data-de=\"W\u00fcsten-ATV-Abenteuer\" data-ru=\"\u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u0430\u0445 \u0432 \u043f\u0443\u0441\u0442\u044b\u043d\u0435\" data-it=\"Avventura in ATV nel Deserto\" data-cz=\"Dobrodru\u017estv\u00ed na \u010dty\u0159kolce v pou\u0161ti\" data-pl=\"Pustynna przygoda na quadach\">Desert ATV Adventure<\/a><\/li>\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/camel-ride\/\" data-en=\"Camel Ride\" data-de=\"Kamelritt\" data-ru=\"\u041f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 na \u0432\u0435\u0440\u0431\u043b\u044e\u0434\u0430\u0445\" data-it=\"Passeggiata in Cammello\" data-cz=\"J\u00edzda na velbloudu\" data-pl=\"Przeja\u017cd\u017cka na wielb\u0142\u0105dach\">Camel Ride<\/a><\/li>\r\n                      <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/horse-ride\/\" data-en=\"Horse Ride\" data-de=\"Ausritt\" data-ru=\"\u041f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 na \u043b\u043e\u0448\u0430\u0434\u044f\u0445\" data-it=\"Passeggiata a Cavallo\" data-cz=\"J\u00edzda na koni\" data-pl=\"Jazda konna\">Horse Ride<\/a><\/li>\r\n                      <!-- Deactivated: Luxor Day Trip -->\r\n                      <li><span class=\"dropdown-item non-navigable\" data-en=\"Luxor Day Trip\" data-de=\"Tagesausflug nach Luxor\" data-ru=\"\u041e\u0434\u043d\u043e\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u043f\u043e\u0435\u0437\u0434\u043a\u0430 \u0432 \u041b\u0443\u043a\u0441\u043e\u0440\" data-it=\"Gita di un Giorno a Luxor\" data-cz=\"Celodenn\u00ed v\u00fdlet do Luxoru\" data-pl=\"Jednodniowa wycieczka do Luksoru\">Luxor Day Trip<\/span><\/li>\r\n                      <!-- Deactivated: El Quseir City Tour -->\r\n                      <li><span class=\"dropdown-item non-navigable\" data-en=\"El Quseir City Tour\" data-de=\"Stadtrundfahrt El Quseir\" data-ru=\"\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f \u043f\u043e \u0433\u043e\u0440\u043e\u0434\u0443 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\" data-it=\"Tour della Citt\u00e0 di El Quseir\" data-cz=\"Prohl\u00eddka m\u011bsta El Quseir\" data-pl=\"Wycieczka po mie\u015bcie El Quseir\">El Quseir City Tour<\/span><\/li>\r\n                  <\/ul>\r\n              <\/li>\r\n              <!-- Deactivated: Transfer Service -->\r\n              <li class=\"nav-item\"><span class=\"nav-link non-navigable\" data-en=\"Transfer Service\" data-de=\"Transferservice\" data-ru=\"\u0422\u0440\u0430\u043d\u0441fer\" data-it=\"Servizio Transfer\" data-cz=\"Transferov\u00e9 slu\u017eby\" data-pl=\"Us\u0142ugi transferowe\">Transfer Service<\/span><\/li>\r\n              <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/gallery\/\" class=\"nav-link\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/a><\/li>\r\n              <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/abou-us\/\" class=\"nav-link active\" data-en=\"About Us\" data-de=\"\u00dcber uns\" data-ru=\"\u041e \u043d\u0430\u0441\" data-it=\"Chi siamo\" data-cz=\"O n\u00e1s\" data-pl=\"O nas\">About Us<\/a><\/li>\r\n              <!-- Corrected link for Contact Us -->\r\n              <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"nav-link\" data-en=\"Contact Us\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contattaci\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact Us<\/a><\/li>\r\n          <\/ul>\r\n\r\n          <!-- Right Side Controls (Language Switcher & CTAs) -->\r\n          <div class=\"action-buttons-container d-flex flex-column flex-lg-row align-items-center gap-lg-3 mt-3 mt-lg-0\">\r\n              <div class=\"lang-switcher\">\r\n                  <button id=\"lang-switcher-btn\" class=\"btn btn-outline-glass d-flex align-items-center gap-2\" type=\"button\"\r\n                    aria-label=\"Select Language\" data-en-arialabel=\"Select Language\" data-de-arialabel=\"Sprache ausw\u00e4hlen\" data-ru-arialabel=\"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044f\u0437\u044b\u043a\" data-it-arialabel=\"Seleziona la lingua\" data-cz-arialabel=\"Vyberte jazyk\" data-pl-arialabel=\"Wybierz j\u0119zyk\">\r\n                      <i class=\"bi bi-translate fs-5\"><\/i>\r\n                      <span id=\"lang-indicator-text\" class=\"fw-bold small d-none d-lg-inline\">EN<\/span>\r\n                  <\/button>\r\n                  <ul id=\"lang-menu-custom\" class=\"lang-menu-custom\">\r\n                      <li><button class=\"lang-item\" data-lang=\"en\"><span>\ud83c\uddec\ud83c\udde7<\/span> English<\/button><\/li>\r\n                      <li><button class=\"lang-item\" data-lang=\"de\"><span>\ud83c\udde9\ud83c\uddea<\/span> Deutsch<\/button><\/li>\r\n                      <li><button class=\"lang-item\" data-lang=\"ru\"><span>\ud83c\uddf7\ud83c\uddfa<\/span> \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/button><\/li>\r\n                      <li><button class=\"lang-item\" data-lang=\"it\"><span>\ud83c\uddee\ud83c\uddf9<\/span> Italiano<\/button><\/li>\r\n                      <li><button class=\"lang-item\" data-lang=\"cz\"><span>\ud83c\udde8\ud83c\uddff<\/span> \u010ce\u0161tina<\/button><\/li>\r\n                      <li><button class=\"lang-item\" data-lang=\"pl\"><span>\ud83c\uddf5\ud83c\uddf1<\/span> Polski<\/button><\/li>\r\n                  <\/ul>\r\n              <\/div>\r\n                <!-- WhatsApp button intentionally kept green for brand recognition -->\r\n                <a href=\"https:\/\/wa.me\/201212014040\" class=\"btn btn-success d-flex align-items-center justify-content-center gap-2\" target=\"_blank\" rel=\"noopener\">\r\n                  <i class=\"bi bi-whatsapp\"><\/i> <span data-en=\"WhatsApp Us\" data-de=\"WhatsApp\" data-ru=\"WhatsApp\" data-it=\"WhatsApp\" data-cz=\"WhatsApp\" data-pl=\"WhatsApp\">WhatsApp Us<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"btn btn-gradient\">\r\n                  <span data-en=\"Book Now\" data-de=\"Jetzt Buchen\" data-ru=\"\u0411\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c\" data-it=\"Prenota Ora\" data-cz=\"Rezervovat\" data-pl=\"Rezerwuj\">Book Now<\/span>\r\n                <\/a>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/header>\r\n<!-- =================================== -->\r\n<!-- =====      END OF HEADER      ===== -->\r\n<!-- =================================== -->\r\n\r\n<div class=\"layout\">\r\n  <!-- LEFT RAIL (DESKTOP) -->\r\n  <aside class=\"rail d-none d-lg-block\">\r\n    <a class=\"brand\" href=\"#top\">\r\n      <div class=\"brand-badge\" aria-hidden=\"true\">\r\n        <!-- Replaced generic svg with FOX logo image -->\r\n        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/67ZkRRWL\/FOX-Logo-Custom.png\" alt=\"\" class=\"brand-logo-img\"\r\n            data-en-alt=\"FOX Marsa Alam Logo\" data-de-alt=\"FOX Marsa Alam Logo\"\r\n            data-ru-alt=\"FOX Marsa Alam Logo\" data-it-alt=\"FOX Marsa Alam Logo\"\r\n            data-cz-alt=\"FOX Marsa Alam Logo\" data-pl-alt=\"FOX Marsa Alam Logo\">\r\n      <\/div>\r\n      <div>\r\n        <div class=\"fw-bold\" data-en=\"FOX MARSA ALAM\" data-de=\"FOX MARSA ALAM\" data-ru=\"FOX MARSA ALAM\" data-it=\"FOX MARSA ALAM\" data-cz=\"FOX MARSA ALAM\" data-pl=\"FOX MARSA ALAM\">FOX MARSA ALAM<\/div>\r\n        <div class=\"text-muted small\" data-en=\"About Us\" data-de=\"\u00dcber uns\" data-ru=\"\u041e \u043d\u0430\u0441\" data-it=\"Chi siamo\" data-cz=\"O n\u00e1s\" data-pl=\"O nas\">About Us<\/div>\r\n      <\/div>\r\n    <\/a>\r\n    <nav class=\"nav nav-pills flex-column mt-3\">\r\n      <a class=\"nav-link active\" href=\"#overview\" data-en=\"Overview\" data-de=\"\u00dcberblick\" data-ru=\"\u041e\u0431\u0437\u043e\u0440\" data-it=\"Panoramica\" data-cz=\"P\u0159ehled\" data-pl=\"Przegl\u0105d\">Overview<\/a>\r\n      <a class=\"nav-link\" href=\"#who-we-are\" data-en=\"Who We Are\" data-de=\"Wer wir sind\" data-ru=\"\u041a\u0442\u043e \u043c\u044b\" data-it=\"Chi siamo\" data-cz=\"Kdo jsme\" data-pl=\"Kim jeste\u015bmy\">Who We Are<\/a>\r\n      <a class=\"nav-link\" href=\"#what-we-do\" data-en=\"What We Do\" data-de=\"Was wir tun\" data-ru=\"\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c\" data-it=\"Cosa facciamo\" data-cz=\"Co d\u011bl\u00e1me\" data-pl=\"Co robimy\">What We Do<\/a>\r\n      <a class=\"nav-link\" href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" data-en=\"Contact Us\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contattaci\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact Us<\/a>\r\n    <\/nav>\r\n    <div class=\"mt-auto pt-3\">\r\n      <div class=\"p-3 rounded-3\" style=\"border:1px dashed var(--line); background:rgba(255,255,255,.55)\">\r\n        <div class=\"fw-bold mb-1\" data-en=\"Contact Now\" data-de=\"Jetzt Kontakt aufnehmen\" data-ru=\"\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441\u0435\u0439\u0447\u0430\u0441\" data-it=\"Contattaci ora\" data-cz=\"Kontaktujte n\u00e1s\" data-pl=\"Skontaktuj si\u0119 teraz\">Contact Now<\/div>\r\n        <div class=\"small text-muted\"><span data-en=\"Questions or Booking?\" data-de=\"Fragen oder Buchung?\" data-ru=\"\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u0438\u043b\u0438 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435?\" data-it=\"Domande o prenotazioni?\" data-cz=\"Dotazy nebo rezervace?\" data-pl=\"Pytania lub rezerwacja?\">Questions or Booking?<\/span><\/div>\r\n        <hr class=\"my-2\">\r\n        <a class=\"btn btn-gradient w-100\" href=\"https:\/\/wa.me\/201212014040\" target=\"_blank\" rel=\"noopener\"><i class=\"bi bi-whatsapp me-1\"><\/i> <span data-en=\"WhatsApp Us\" data-de=\"WhatsApp\" data-ru=\"WhatsApp\" data-it=\"WhatsApp\" data-cz=\"WhatsApp\" data-pl=\"WhatsApp\">WhatsApp Us<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <main class=\"content\">\r\n    <!-- HERO -->\r\n    <section id=\"top\" class=\"hero\">\r\n        <div class=\"wrap hero-inner text-center text-lg-start\">\r\n            <div class=\"row align-items-center justify-content-center g-5\">\r\n                <div class=\"col-lg-8\">\r\n                    <h1 class=\"display-5 fw-bold gradient-text\"\r\n                        data-en=\"Professional Desert Trips in Marsa Alam & El Quseir\"\r\n                        data-de=\"Professionelle W\u00fcstentouren in Marsa Alam & El Quseir\"\r\n                        data-ru=\"\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0443\u0440\u044b \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435\"\r\n                        data-it=\"Escursioni professionali nel deserto a Marsa Alam ed El Quseir\"\r\n                        data-cz=\"Profesion\u00e1ln\u00ed v\u00fdlety do pou\u0161t\u011b v Marsa Alam a El Quseir\"\r\n                        data-pl=\"Profesjonalne wycieczki na pustyni\u0119 w Marsa Alam i El Quseir\">Professional Desert Trips in Marsa Alam & El Quseir<\/h1>\r\n                    <p class=\"lead text-muted my-4\"\r\n                       data-en=\"We design safe, authentic, and memorable adventures\u2014quad & buggy rides, 4\u00d74 jeep safaris, and Wadi El Gemal experiences\u2014delivered with clear briefings, reliable pickup, and multilingual support.\"\r\n                       data-de=\"Wir gestalten sichere, authentische und unvergessliche Abenteuer \u2013 Quad- & Buggy-Fahrten, 4\u00d74-Jeep-Safaris und Erlebnisse im Wadi El Gemal \u2013 mit klaren Einweisungen, zuverl\u00e4ssiger Abholung und mehrsprachiger Betreuung.\"\r\n                       data-ru=\"\u041c\u044b \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0443\u0435\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435, \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0435 \u0438 \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e\u0449\u0438\u0435\u0441\u044f \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u2014 \u043f\u043e\u0435\u0437\u0434\u043a\u0438 \u043d\u0430 \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u0430\u0445 \u0438 UTV-\u0431\u0430\u0433\u0433\u0438, \u0441\u0430\u0444\u0430\u0440\u0438 \u043d\u0430 \u0432\u043d\u0435\u0434\u043e\u0440\u043e\u0436\u043d\u0438\u043a\u0430\u0445 4\u00d74 \u0438 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u0438 \u0432 \u0412\u0430\u0434\u0438-\u044d\u043b\u044c-\u0413\u0435\u043c\u0430\u043b\u044c \u2014 \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0430\u0436\u0435\u043c, \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u043c \u0442\u0440\u0430\u043d\u0441\u0444\u0435\u0440\u043e\u043c \u0438 \u043c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439.\"\r\n                       data-it=\"Progettiamo avventure sicure, autentiche e memorabili \u2014 tour in quad e buggy, safari in jeep 4x4 ed esperienze a Wadi El Gemal \u2014 con briefing chiari, prelievo affidabile e supporto multilingue.\"\r\n                       data-cz=\"Navrhujeme bezpe\u010dn\u00e9, autentick\u00e9 a nezapomenuteln\u00e9 z\u00e1\u017eitky \u2014 j\u00edzdy na \u010dty\u0159kolk\u00e1ch a buggy, safari na d\u017e\u00edpech 4x4 a v\u00fdlety do Wadi El Gemal \u2014 s jasn\u00fdmi instrukcemi, spolehliv\u00fdm vyzvednut\u00edm a v\u00edcejazy\u010dnou podporou.\"\r\n                       data-pl=\"Projektujemy bezpieczne, autentyczne i niezapomniane przygody \u2014 przeja\u017cd\u017cki quadami i buggy, safari jeepami 4x4 oraz wycieczki do Wadi El Gemal \u2014 zapewniaj\u0105c jasne instrukcje, niezawodny odbi\u00f3r i wieloj\u0119zyczne wsparcie.\">We design safe, authentic, and memorable adventures\u2014quad & buggy rides, 4\u00d74 jeep safaris, and Wadi El Gemal experiences\u2014delivered with clear briefings, reliable pickup, and multilingual support.<\/p>\r\n                    <div class=\"d-flex flex-wrap gap-3 justify-content-center justify-content-lg-start\">\r\n                        <a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"btn btn-gradient\">\r\n                            <i class=\"bi bi-bookmark-check\"><\/i><span\r\n                                data-en=\"Book a Desert Trip\"\r\n                                data-de=\"W\u00fcstentour Buchen\"\r\n                                data-ru=\"\u0417\u0430\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0443\u0440\"\r\n                                data-it=\"Prenota un tour\"\r\n                                data-cz=\"Rezervovat v\u00fdlet\"\r\n                                data-pl=\"Zarezerwuj wycieczk\u0119\">Book a Desert Trip<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WHO WE ARE -->\r\n    <section id=\"who-we-are\" class=\"wrap py-5\">\r\n        <div class=\"row g-5 align-items-start\">\r\n            <div class=\"col-lg-7 reveal\">\r\n                <h2 class=\"h3 fw-bold gradient-text\"\r\n                    data-en=\"Who We Are\"\r\n                    data-de=\"Wer wir sind\"\r\n                    data-ru=\"\u041a\u0442\u043e \u043c\u044b\"\r\n                    data-it=\"Chi siamo\"\r\n                    data-cz=\"Kdo jsme\"\r\n                    data-pl=\"Kim jeste\u015bmy\">Who We Are<\/h2>\r\n                <p class=\"text-muted mt-3\"\r\n                   data-en=\"FOX MARSA ALAM is a specialist desert tour operator on Egypt's Red Sea coast. From the golden dunes behind Marsa Alam to the heritage tracks of El Quseir, we craft half-day and full-day experiences that balance adrenaline and culture. Our operations follow safety and maintenance standards, with clear briefings and the right pace for every level.\"\r\n                   data-de=\"Wir gestalten sichere, authentische und unvergessliche Abenteuer \u2013 Quad- & Buggy-Fahrten, 4\u00d74-Jeep-Safaris und Erlebnisse im Wadi El Gemal \u2013 mit klaren Einweisungen, zuverl\u00e4ssiger Abholung und mehrsprachiger Betreuung.\"\r\n                   data-ru=\"FOX MARSA ALAM \u2014 \u044d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0442\u0443\u0440\u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u043d\u0430 \u043f\u043e\u0431\u0435\u0440\u0435\u0436\u044c\u0435 \u041a\u0440\u0430\u0441\u043d\u043e\u0433\u043e \u043c\u043e\u0440\u044f \u0432 \u0415\u0433\u0438\u043f\u0442\u0435. \u041e\u0442 \u0437\u043e\u043b\u043e\u0442\u044b\u0445 \u0434\u044e\u043d \u0437\u0430 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u043e\u043c \u0434\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0442\u0440\u043e\u043f \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0430 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u043f\u043e\u043b\u0443\u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u0438 \u0446\u0435\u043b\u043e\u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u0442\u0443\u0440\u044b, \u0441\u043e\u0447\u0435\u0442\u0430\u044e\u0449\u0438\u0435 \u0430\u0434\u0440\u0435\u043d\u0430\u043b\u0438\u043d \u0438 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u0443. \u041d\u0430\u0448\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f, \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0430\u0436\u0435\u043c \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u043c \u0442\u0435\u043c\u043f\u043e\u043c \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438.\"\r\n                   data-it=\"FOX MARSA ALAM \u00e8 un tour operator specializzato in escursioni nel deserto sulla costa egiziana del Mar Rosso. Dalle dune dorate dietro Marsa Alam alle piste storiche di El Quseir, creiamo esperienze di mezza e intera giornata che bilanciano adrenalina e cultura. Le nostre operazioni seguono standard di sicurezza e manutenzione, con briefing chiari e un ritmo adatto a ogni livello.\"\r\n                   data-cz=\"FOX MARSA ALAM je specializovan\u00fd oper\u00e1tor pou\u0161tn\u00edch v\u00fdlet\u016f na pob\u0159e\u017e\u00ed Rud\u00e9ho mo\u0159e v Egypt\u011b. Od zlat\u00fdch dun za Marsa Alam a\u017e po historick\u00e9 stezky El Quseir, tvo\u0159\u00edme p\u016fldenn\u00ed a celodenn\u00ed z\u00e1\u017eitky, kter\u00e9 vyva\u017euj\u00ed adrenalin a kulturu. Na\u0161e operace dodr\u017euj\u00ed bezpe\u010dnostn\u00ed a \u00fadr\u017ebov\u00e9 standardy, s jasn\u00fdmi instrukcemi a spr\u00e1vn\u00fdm tempem pro ka\u017edou \u00farove\u0148.\"\r\n                   data-pl=\"FOX MARSA ALAM to wyspecjalizowany operator wycieczek na pustyni\u0119 na egipskim wybrze\u017cu Morza Czerwonego. Od z\u0142otych wydm za Marsa Alam po historyczne szlaki El Quseir, tworzymy p\u00f3\u0142- i ca\u0142odniowe do\u015bwiadczenia, kt\u00f3re \u0142\u0105cz\u0105 adrenalin\u0119 i kultur\u0119. Nasze dzia\u0142ania s\u0105 zgodne ze standardami bezpiecze\u0144stwa i utrzymania, z jasnymi instrukcjami i odpowiednim tempem dla ka\u017cdego poziomu.\">FOX MARSA ALAM is a specialist desert tour operator on Egypt's Red Sea coast. From the golden dunes behind Marsa Alam to the heritage tracks of El Quseir, we craft half-day and full-day experiences that balance adrenaline and culture. Our operations follow safety and maintenance standards, with clear briefings and the right pace for every level.<\/p>\r\n                <ul class=\"list-unstyled mt-4\">\r\n                    <li class=\"d-flex gap-3 mb-2\">\r\n                        <i class=\"bi bi-check-circle-fill fs-5\" style=\"color: var(--brand);\"><\/i>\r\n                        <span class=\"text-muted\"\r\n                              data-en=\"Maintained fleet of quads, UTV buggies, and 4\u00d74 jeeps.\"\r\n                              data-de=\"Gewartete Flotte von Quads, UTV-Buggys und 4\u00d74-Jeeps.\"\r\n                              data-ru=\"\u041e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0439 \u043f\u0430\u0440\u043a \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u043e\u0432 (ATV), UTV-\u0431\u0430\u0433\u0433\u0438 \u0438 \u0432\u043d\u0435\u0434\u043e\u0440\u043e\u0436\u043d\u0438\u043a\u043e\u0432 4\u00d74.\"\r\n                              data-it=\"Flotta di quad, buggy UTV e jeep 4x4 sottoposta a manutenzione.\"\r\n                              data-cz=\"Udr\u017eovan\u00e1 flotila \u010dty\u0159kolek, UTV bugin a d\u017e\u00edp\u016f 4x4.\"\r\n                              data-pl=\"Utrzymywana flota quad\u00f3w, buggy UTV i jeep\u00f3w 4x4.\">Maintained fleet of quads, UTV buggies, and 4\u00d74 jeeps.<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"col-lg-5 reveal\">\r\n                <div class=\"block\">\r\n                    <h4 class=\"h5 fw-bold\"\r\n                        data-en=\"Languages We Support\"\r\n                        data-de=\"Sprachen, die wir unterst\u00fctzen\"\r\n                        data-ru=\"\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u044f\u0437\u044b\u043a\u0438\"\r\n                        data-it=\"Lingue supportate\"\r\n                        data-cz=\"Podporovan\u00e9 jazyky\"\r\n                        data-pl=\"Obs\u0142ugiwane j\u0119zyki\">Languages We Support<\/h4>\r\n                    <p class=\"small text-muted mt-2\"\r\n                       data-en=\"We're happy to assist in your language for stress-free planning and on-tour guidance.\"\r\n                       data-de=\"Wir unterst\u00fctzen Sie gerne in Ihrer Sprache f\u00fcr eine stressfreie Planung und Betreuung w\u00e4hrend der Tour.\"\r\n                       data-ru=\"\u041c\u044b \u0440\u0430\u0434\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u044f\u0437\u044b\u043a\u0435 \u2014 \u043e\u0442 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043e \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0442\u0443\u0440\u0430.\"\r\n                       data-it=\"Siamo felici di assistervi nella vostra lingua per una pianificazione senza stress e una guida durante il tour.\"\r\n                       data-cz=\"R\u00e1di v\u00e1m pom\u016f\u017eeme ve va\u0161em jazyce \u2014 od pl\u00e1nov\u00e1n\u00ed po doprovod b\u011bhem v\u00fdletu.\"\r\n                       data-pl=\"Ch\u0119tnie pomo\u017cemy w Twoim j\u0119zyku, aby zapewni\u0107 bezstresowe planowanie i obs\u0142ug\u0119 podczas wycieczki.\">We're happy to assist in your language for stress-free planning and on-tour guidance.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WHAT WE DO -->\r\n    <section id=\"what-we-do\" class=\"py-5\" style=\"background:var(--card-bg);\">\r\n        <div class=\"wrap\">\r\n            <h2 class=\"h3 fw-bold gradient-text\"\r\n                data-en=\"What We Do\"\r\n                data-de=\"Was wir tun\"\r\n                data-ru=\"\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c\"\r\n                data-it=\"Cosa facciamo\"\r\n                data-cz=\"Co d\u011bl\u00e1me\"\r\n                data-pl=\"Co robimy\">What We Do<\/h2>\r\n            <p class=\"text-muted mt-2 mb-4\" style=\"max-width: 65ch;\"\r\n               data-en=\"Our core experiences across Marsa Alam and El Quseir. Each tour includes a safety briefing, protective gear, and photo time at the most scenic points.\"\r\n               data-de=\"Unsere Kernangebote in Marsa Alam und El Quseir. Jede Tour beinhaltet eine Sicherheitseinweisung, Schutzausr\u00fcstung und Zeit f\u00fcr Fotos an den sch\u00f6nsten Aussichtspunkten.\"\r\n               data-ru=\"\u041d\u0430\u0448\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0442\u0443\u0440\u044b \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435. \u041a\u0430\u0436\u0434\u044b\u0439 \u0442\u0443\u0440 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0430\u0436 \u043f\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438, \u0437\u0430\u0449\u0438\u0442\u043d\u043e\u0435 \u0441\u043d\u0430\u0440\u044f\u0436\u0435\u043d\u0438\u0435 \u0438 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0444\u043e\u0442\u043e \u0432 \u0441\u0430\u043c\u044b\u0445 \u0436\u0438\u0432\u043e\u043f\u0438\u0441\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445.\"\r\n               data-it=\"Le nostre esperienze principali a Marsa Alam ed El Quseir. Ogni tour include un briefing sulla sicurezza, equipaggiamento protettivo e tempo per le foto nei punti pi\u00f9 panoramici.\"\r\n               data-cz=\"Na\u0161e hlavn\u00ed z\u00e1\u017eitky v Marsa Alam a El Quseir. Ka\u017ed\u00fd v\u00fdlet zahrnuje bezpe\u010dnostn\u00ed instrukt\u00e1\u017e, ochrann\u00e9 vybaven\u00ed a \u010das na focen\u00ed na nejkr\u00e1sn\u011bj\u0161\u00edch m\u00edstech.\"\r\n               data-pl=\"Nasze g\u0142\u00f3wne atrakcje w Marsa Alam i El Quseir. Ka\u017cda wycieczka obejmuje instrukta\u017c bezpiecze\u0144stwa, sprz\u0119t ochronny i czas na zdj\u0119cia w najbardziej malowniczych miejscach.\">Our core experiences across Marsa Alam and El Quseir. Each tour includes a safety briefing, protective gear, and photo time at the most scenic points.<\/p>\r\n            <div class=\"row g-4\">\r\n                <div class=\"col-sm-6 col-lg-4 col-xl-3 reveal\">\r\n                    <div class=\"block h-100\">\r\n                        <div class=\"d-flex align-items-center gap-3 mb-2\">\r\n                            <i class=\"bi bi-stars fs-4\" style=\"color:var(--brand);\"><\/i>\r\n                            <h5 class=\"fw-bold mb-0\"\r\n                                data-en=\"Super Safari\"\r\n                                data-de=\"Super-Safari\"\r\n                                data-ru=\"\u0421\u0443\u043f\u0435\u0440-\u0441\u0430\u0444\u0430\u0440\u0438\"\r\n                                data-it=\"Super Safari\"\r\n                                data-cz=\"Super Safari\"\r\n                                data-pl=\"Super Safari\">Super Safari<\/h5>\r\n                        <\/div>\r\n                        <p class=\"small text-muted\"\r\n                           data-en=\"The ultimate combo: jeep, quad, camel ride, cultural insights, and a starlit Bedouin dinner.\"\r\n                           data-de=\"Die ultimative Kombination: Jeep, Quad, Kamelritt, kulturelle Einblicke und ein Beduinen-Abendessen unter den Sternen.\"\r\n                           data-ru=\"\u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u0435: \u0434\u0436\u0438\u043f, \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b, \u043f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 \u043d\u0430 \u0432\u0435\u0440\u0431\u043b\u044e\u0434\u0430\u0445, \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043e\u0439 \u0438 \u0431\u0435\u0434\u0443\u0438\u043d\u0441\u043a\u0438\u0439 \u0443\u0436\u0438\u043d \u043f\u043e\u0434 \u0437\u0432\u0451\u0437\u0434\u0430\u043c\u0438.\"\r\n                           data-it=\"La combinazione definitiva: jeep, quad, giro in cammello, spunti culturali e una cena beduina sotto le stelle.\"\r\n                           data-cz=\"Nejlep\u0161\u00ed kombinace: d\u017e\u00edp, \u010dty\u0159kolka, j\u00edzda na velbloudu, kulturn\u00ed vhledy a bedu\u00ednsk\u00e1 ve\u010de\u0159e pod hv\u011bzdami.\"\r\n                           data-pl=\"Najlepsze po\u0142\u0105czenie: jeep, quad, przeja\u017cd\u017cka na wielb\u0142\u0105dzie, wgl\u0105d w kultur\u0119 i bedui\u0144ska kolacja pod gwiazdami.\">The ultimate combo: jeep, quad, camel ride, cultural insights, and a starlit Bedouin dinner.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-sm-6 col-lg-4 col-xl-3 reveal\">\r\n                    <div class=\"block h-100\">\r\n                        <div class=\"d-flex align-items-center gap-3 mb-2\">\r\n                            <i class=\"bi bi-truck-front fs-4\" style=\"color:var(--brand);\"><\/i>\r\n                            <h5 class=\"fw-bold mb-0\"\r\n                                data-en=\"Jeep Safari\"\r\n                                data-de=\"Jeep-Safari\"\r\n                                data-ru=\"\u0421\u0430\u0444\u0430\u0440\u0438 \u043d\u0430 \u0434\u0436\u0438\u043f\u0430\u0445\"\r\n                                data-it=\"Jeep Safari\"\r\n                                data-cz=\"Jeep Safari\"\r\n                                data-pl=\"Jeep Safari\">Jeep Safari<\/h5>\r\n                        <\/div>\r\n                        <p class=\"small text-muted\"\r\n                           data-en=\"Explore remote canyons and Bedouin villages in our comfortable 4x4s. Perfect for families.\"\r\n                           data-de=\"Entdecken Sie entlegene Canyons und Beduinend\u00f6rfer in unseren komfortablen 4x4-Fahrzeugen. Perfekt f\u00fcr Familien.\"\r\n                           data-ru=\"\u0418\u0441\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u043d\u044c\u043e\u043d\u044b \u0438 \u0431\u0435\u0434\u0443\u0438\u043d\u0441\u043a\u0438\u0435 \u0434\u0435\u0440\u0435\u0432\u043d\u0438 \u043d\u0430 \u043d\u0430\u0448\u0438\u0445 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u0445 \u0432\u043d\u0435\u0434\u043e\u0440\u043e\u0436\u043d\u0438\u043a\u0430\u0445 4\u00d74. \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0441\u0435\u043c\u0435\u0439.\"\r\n                           data-it=\"Esplora canyon remoti e villaggi beduini nei nostri comodi 4x4. Perfetto per le famiglie.\"\r\n                           data-cz=\"Prozkoumejte odlehl\u00e9 ka\u0148ony a bedu\u00ednsk\u00e9 vesnice v na\u0161ich pohodln\u00fdch vozech 4x4. Ide\u00e1ln\u00ed pro rodiny.\"\r\n                           data-pl=\"Odkrywaj odleg\u0142e kaniony i wioski Beduin\u00f3w w naszych wygodnych jeepach 4x4. Idealne dla rodzin.\">Explore remote canyons and Bedouin villages in our comfortable 4x4s. Perfect for families.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-sm-6 col-lg-4 col-xl-3 reveal\">\r\n                    <div class=\"block h-100\">\r\n                        <div class=\"d-flex align-items-center gap-3 mb-2\">\r\n                            <i class=\"bi bi-quad-front fs-4\" style=\"color:var(--brand);\"><\/i>\r\n                            <h5 class=\"fw-bold mb-0\"\r\n                                data-en=\"Desert ATV Adventure\"\r\n                                data-de=\"ATV-W\u00fcstenabenteuer\"\r\n                                data-ru=\"\u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u0430\u0445\"\r\n                                data-it=\"Avventura in quad\"\r\n                                data-cz=\"Dobrodru\u017estv\u00ed na \u010dty\u0159kolce\"\r\n                                data-pl=\"Pustynna przygoda na quadach\">Desert ATV Adventure<\/h5>\r\n                        <\/div>\r\n                        <p class=\"small text-muted\"\r\n                           data-en=\"Our most popular trip. Ride your own quad bike (ATV) through the stunning desert landscape.\"\r\n                           data-de=\"Unser beliebtester Ausflug. Fahren Sie Ihr eigenes Quad (ATV) durch die atemberaubende W\u00fcstenlandschaft.\"\r\n                           data-ru=\"\u041d\u0430\u0448 \u0441\u0430\u043c\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0442\u0443\u0440. \u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u043e\u043c \u043f\u043e \u043f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0435\u043c\u0443 \u043f\u0443\u0441\u0442\u044b\u043d\u043d\u043e\u043c\u0443 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u0443.\"\r\n                           data-it=\"Il nostro tour pi\u00f9 popolare. Guida il tuo quad (ATV) attraverso lo splendido paesaggio desertico.\"\r\n                           data-cz=\"N\u00e1\u0161 nejobl\u00edben\u011bj\u0161\u00ed v\u00fdlet. Proje\u010fte se na vlastn\u00ed \u010dty\u0159kolce (ATV) \u00fa\u017easnou pou\u0161tn\u00ed krajinou.\"\r\n                           data-pl=\"Nasza najpopularniejsza wycieczka. Poprowad\u017a w\u0142asnego quada (ATV) przez osza\u0142amiaj\u0105cy krajobraz pustyni.\">Our most popular trip. Ride your own quad bike (ATV) through the stunning desert landscape.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-sm-6 col-lg-4 col-xl-3 reveal\">\r\n                    <div class=\"block h-100\">\r\n                        <div class=\"d-flex align-items-center gap-3 mb-2\">\r\n                            <i class=\"bi bi-moon-stars fs-4\" style=\"color:var(--brand);\"><\/i>\r\n                            <h5 class=\"fw-bold mb-0\"\r\n                                data-en=\"Quad Sunset & BBQ\"\r\n                                data-de=\"Quad bei Sonnenuntergang & BBQ\"\r\n                                data-ru=\"\u041a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u044b \u043d\u0430 \u0437\u0430\u043a\u0430\u0442\u0435 \u0438 \u0431\u0430\u0440\u0431\u0435\u043a\u044e\"\r\n                                data-it=\"Quad al tramonto e barbecue\"\r\n                                data-cz=\"\u010cty\u0159kolky p\u0159i z\u00e1padu s\u0142o\u0144ca a BBQ\"\r\n                                data-pl=\"Quady o zachodzie s\u0142o\u0144ca i grill\">Quad Sunset & BBQ<\/h5>\r\n                        <\/div>\r\n                        <p class=\"small text-muted\"\r\n                           data-en=\"Ride through the dunes as the sun sets, followed by a delicious barbecue dinner under the stars.\"\r\n                           data-de=\"Fahren Sie bei Sonnenuntergang durch die D\u00fcnen, gefolgt von einem k\u00f6stlichen Grillabend unter den Sternen.\"\r\n                           data-ru=\"\u041f\u0440\u043e\u043a\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043f\u043e \u0434\u044e\u043d\u0430\u043c \u043d\u0430 \u0437\u0430\u043a\u0430\u0442\u0435, \u0430 \u0437\u0430\u0442\u0435\u043c \u043d\u0430\u0441\u043b\u0430\u0434\u0438\u0442\u0435\u0441\u044c \u0432\u043a\u0443\u0441\u043d\u044b\u043c \u0443\u0436\u0438\u043d\u043e\u043c-\u0431\u0430\u0440\u0431\u0435\u043a\u044e \u043f\u043e\u0434 \u0437\u0432\u0451\u0437\u0434\u0430\u043c\u0438.\"\r\n                           data-it=\"Attraversa le dune al tramonto, seguito da una deliziosa cena barbecue sotto le stelle.\"\r\n                           data-cz=\"Proje\u010fte se dunami p\u0159i z\u00e1padu slunce a pot\u00e9 si vychutnejte lahodnou ve\u010de\u0159i s grilov\u00e1n\u00edm pod hv\u011bzdami.\"\r\n                           data-pl=\"Przeja\u017cd\u017cka po wydmach o zachodzie s\u0142o\u0144ca, a nast\u0119pnie pyszna kolacja z grilla pod gwiazdami.\">Ride through the dunes as the sun sets, followed by a delicious barbecue dinner under the stars.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"border-top\" style=\"border-color: var(--line) !important; background: var(--card-bg)\">\r\n        <div class=\"wrap py-5\">\r\n            <p class=\"small text-muted\"\r\n               data-en=\"Professional desert tours in Marsa Alam & El Quseir \u2022 Safety-first \u2022 Multilingual support\"\r\n               data-de=\"Professionelle W\u00fcstentouren in Marsa Alam & El Quseir \u2022 Sicherheit an erster Stelle \u2022 Mehrsprachige Betreuung\"\r\n               data-ru=\"\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0443\u0440\u044b \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435 \u2022 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u2022 \u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\"\r\n               data-it=\"Tour professionali nel deserto a Marsa Alam ed El Quseir \u2022 La sicurezza prima di tutto \u2022 Supporto multilingue\"\r\n               data-cz=\"Profesion\u00e1ln\u00ed pou\u0161tn\u00ed v\u00fdlety v Marsa Alam & El Quseir \u2022 Bezpe\u010dnost na prvn\u00edm m\u00edst\u011b \u2022 V\u00edcejazy\u010dn\u00e1 podpora\"\r\n               data-pl=\"Profesjonalne wycieczki na pustyni\u0119 w Marsa Alam i El Quseir \u2022 Bezpiecze\u0144stwo przede wszystkim \u2022 Wieloj\u0119zyczne wsparcie\">Professional desert tours in Marsa Alam & El Quseir \u2022 Safety-first \u2022 Multilingual support<\/p>\r\n            <p class=\"small text-muted opacity-75\">\u00a9 <span id=\"year\"><\/span> FOX MARSA ALAM. <span\r\n                data-en=\"All rights reserved.\"\r\n                data-de=\"Alle Rechte vorbehalten.\"\r\n                data-ru=\"\u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.\"\r\n                data-it=\"Tutti i diritti riservati.\"\r\n                data-cz=\"V\u0161echna pr\u00e1va vyhrazena.\"\r\n                data-pl=\"Wszelkie prawa zastrze\u017cone.\">All rights reserved.<\/span><\/p>\r\n        <\/div>\r\n    <\/footer>\r\n  <\/main>\r\n<\/div>\r\n\r\n<!-- MOBILE BOTTOM NAV -->\r\n<nav class=\"mobile-rail d-lg-none\">\r\n  <ul class=\"nav nav-pills flex-nowrap\">\r\n    <li class=\"nav-item\"><a class=\"nav-link active\" href=\"#top\" data-en=\"Top\" data-de=\"Oben\" data-ru=\"\u041d\u0430\u0432\u0435\u0440\u0445\" data-it=\"Inizio\" data-cz=\"Nahoru\" data-pl=\"G\u00f3ra\">Top<\/a><\/li>\r\n    <li class=\"nav-item\"><a class=\"nav-link\" href=\"#who-we-are\" data-en=\"Who We Are\" data-de=\"Wer wir sind\" data-ru=\"\u041a\u0442\u043e \u043c\u044b\" data-it=\"Chi siamo\" data-cz=\"Kdo jsme\" data-pl=\"Kim jeste\u015bmy\">Who We Are<\/a><\/li>\r\n    <li class=\"nav-item\"><a class=\"nav-link\" href=\"#what-we-do\" data-en=\"What We Do\" data-de=\"Was wir tun\" data-ru=\"\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c\" data-it=\"Cosa facciamo\" data-cz=\"Co d\u011bl\u00e1me\" data-pl=\"Co robimy\">What We Do<\/a><\/li>\r\n    <li class=\"nav-item\"><a class=\"nav-link\" href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" data-en=\"Contact\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contatto\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    const unifiedHeader = document.getElementById('mainHeader');\r\n    \/\/ On this page, there are no internal \"tabs\" below the hero section, so set tabs to null or an empty element.\r\n    const tabs = null; \r\n    const navbarCollapseElement = document.getElementById('navbarNav'); \/\/ Main mobile menu collapse\r\n\r\n    \/\/ --- START: Content Security Additions (JavaScript) ---\r\n    \/\/ Disable right-click on the document\r\n    document.addEventListener('contextmenu', function(e) {\r\n        e.preventDefault();\r\n    }, false);\r\n\r\n    \/\/ Disable common keyboard shortcuts for copying, saving, and developer tools\r\n    document.addEventListener('keydown', function(e) {\r\n        \/\/ Check for Ctrl\/Cmd combinations and F12\r\n        if (\r\n            (e.ctrlKey && e.shiftKey && e.key === 'I') || \/\/ Ctrl+Shift+I (devtools)\r\n            (e.ctrlKey && e.shiftKey && e.key === 'J') || \/\/ Ctrl+Shift+J (devtools)\r\n            (e.ctrlKey && e.key === 'U') || \/\/ Ctrl+U (view source)\r\n            (e.metaKey && e.key === 'U') || \/\/ Cmd+U (view source on Mac)\r\n            (e.ctrlKey && e.key === 'S') || \/\/ Ctrl+S (save page)\r\n            (e.metaKey && e.key === 'S') || \/\/ Cmd+S (save page on Mac)\r\n            (e.ctrlKey && e.key === 'C') || \/\/ Ctrl+C (copy)\r\n            (e.metaKey && e.key === 'C') || \/\/ Cmd+C (copy on Mac)\r\n            (e.ctrlKey && e.key === 'X') || \/\/ Ctrl+X (cut)\r\n            (e.metaKey && e.key === 'X') || \/\/ Cmd+X (cut on Mac)\r\n            (e.ctrlKey && e.key === 'A') || \/\/ Ctrl+A (select all)\r\n            (e.metaKey && e.key === 'A') || \/\/ Cmd+A (select all on Mac)\r\n            e.key === 'F12' \/\/ F12 (devtools)\r\n        ) {\r\n            e.preventDefault();\r\n            \/\/ Optionally, show a message to the user\r\n            \/\/ alert('Content protection is active.');\r\n        }\r\n    });\r\n\r\n    \/\/ Prevent text selection specifically on images as a fallback\/additional measure\r\n    document.querySelectorAll('img').forEach(img => {\r\n        img.addEventListener('selectstart', function(e) {\r\n            e.preventDefault();\r\n        });\r\n        img.addEventListener('dragstart', function(e) {\r\n            e.preventDefault();\r\n        });\r\n    });\r\n    \/\/ --- END: Content Security Additions (JavaScript) ---\r\n\r\n\r\n    \/\/ --- Dynamic Header Height & Scroll-Margin Calculation ---\r\n    \/\/ Calculates the combined height of unifiedHeader for sticky offsets\r\n    const calculateNavbarHeight = () => {\r\n        const headerHeight = unifiedHeader ? unifiedHeader.offsetHeight : 0;\r\n        document.documentElement.style.setProperty('--navbar-height', `${headerHeight}px`);\r\n        \/\/ On pages without a secondary tabs bar, --tabs-h can be 0 or simply not affect scroll margin.\r\n        setSectionScrollMargin();\r\n    };\r\n\r\n    const setSectionScrollMargin = () => {\r\n        const headerHeight = unifiedHeader ? unifiedHeader.offsetHeight : 0;\r\n        \/\/ Scroll margin only depends on the main header, plus a small buffer\r\n        document.querySelectorAll('section[id]').forEach(sec => {\r\n            sec.style.scrollMarginTop = `${headerHeight + 18}px`; \/\/ 18px is an additional buffer\r\n        });\r\n        \/\/ Adjust rail top position\r\n        const rail = document.querySelector('.rail');\r\n        if (rail) {\r\n            rail.style.top = `calc(var(--navbar-height) + 28px)`;\r\n            \/\/ Calculate actual height needed for rail accounting for sticky header and 56px total top\/bottom padding\/margin\r\n            rail.style.height = `calc(100svh - var(--navbar-height) - 56px)`;\r\n        }\r\n    };\r\n\r\n    const getStickyOffset = () => {\r\n        let totalOffset = 18; \/\/ base margin\r\n        if (unifiedHeader && getComputedStyle(unifiedHeader).position === 'sticky') {\r\n            totalOffset += unifiedHeader.offsetHeight;\r\n        }\r\n        \/\/ No 'tabs' to account for on this specific page\r\n        return totalOffset;\r\n    };\r\n\r\n    window.addEventListener('load', calculateNavbarHeight);\r\n    window.addEventListener('resize', calculateNavbarHeight);\r\n    if (navbarCollapseElement) {\r\n        navbarCollapseElement.addEventListener('shown.bs.collapse', calculateNavbarHeight);\r\n        navbarCollapseElement.addEventListener('hidden.bs.collapse', calculateNavbarHeight);\r\n    }\r\n    calculateNavbarHeight(); \/\/ Initial call\r\n\r\n\r\n    \/\/ --- Scroll Progress Bar ---\r\n    const progress = document.getElementById('progress');\r\n    const onScrollProgressBar = () => {\r\n        const scrolled = document.documentElement.scrollTop || document.body.scrollTop;\r\n        const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n        if (progress && height > 0) { \/\/ Only update if scrollable\r\n            progress.style.width = (scrolled \/ height * 100) + '%';\r\n        } else if (progress) {\r\n             progress.style.width = '0%'; \/\/ No scrollbar, no progress\r\n        }\r\n    };\r\n    document.addEventListener('scroll', onScrollProgressBar, { passive: true });\r\n    onScrollProgressBar();\r\n\r\n    \/\/ --- Active Section Link Syncing (for internal page links) ---\r\n    const observeInternalSections = () => {\r\n        const ids = ['#top','#who-we-are','#what-we-do']; \/\/ Sections for this specific About Us page\r\n        \/\/ Ensure all relevant links are included in the selector, including non-navigable spans\r\n        const links = document.querySelectorAll('.rail .nav-link, .mobile-rail .nav-link, .unified-header .nav-link, .unified-header .dropdown-item');\r\n        const sections = ids.map(s=>document.querySelector(s)).filter(Boolean);\r\n        if (sections.length === 0) return;\r\n\r\n        \/\/ Disconnect previous observers to prevent duplicates on resize\r\n        if (window.intersectionObserverInstance) {\r\n            window.intersectionObserverInstance.disconnect();\r\n        }\r\n\r\n        const observerOptions = {\r\n            rootMargin: `-${getStickyOffset()}px 0px -55% 0px`\r\n        };\r\n\r\n        const io = new IntersectionObserver((entries)=>{\r\n          entries.forEach(e=>{\r\n            if(e.isIntersecting){\r\n              \/\/ Deactivate all internal links first\r\n              links.forEach(l=>l.classList.remove('active'));\r\n\r\n              \/\/ Activate matching internal links in rail and mobile-rail\r\n              document.querySelectorAll(`.rail .nav-link[href=\"#${e.target.id}\"], .mobile-rail .nav-link[href=\"#${e.target.id}\"]`).forEach(el=>el.classList.add('active'));\r\n\r\n              \/\/ Additionally, mark the \"About Us\" link in the unified header as active if on this page\r\n              const currentPageLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/abou-us\/\"]');\r\n              if (currentPageLink) {\r\n                \/\/ Ensure *only* the current About Us link is active in the main nav\r\n                document.querySelectorAll('.unified-header .navbar-nav .nav-link').forEach(item => item.classList.remove('active'));\r\n                currentPageLink.classList.add('active');\r\n\r\n                \/\/ Ensure 'Tours' dropdown toggle is NOT active if we're on About Us page\r\n                const toursDropdownToggle = document.querySelector('.unified-header .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]');\r\n                if (toursDropdownToggle) {\r\n                    toursDropdownToggle.classList.remove('active');\r\n                }\r\n                \/\/ Also ensure no items in the Tours dropdown are active\r\n                document.querySelectorAll('.unified-header .dropdown-menu .dropdown-item').forEach(item => item.classList.remove('active'));\r\n              }\r\n            } else {\r\n                \/\/ If a section is no longer intersecting, specifically deactivate its link\r\n                document.querySelectorAll(`.rail .nav-link[href=\"#${e.target.id}\"], .mobile-rail .nav-link[href=\"#${e.target.id}\"]`).forEach(el => el.classList.remove('active'));\r\n\r\n                \/\/ If the 'top' section is no longer visible, and no other section is active, ensure 'About Us' is still active in main nav\r\n                const aboutUsMainNavLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/abou-us\/\"]');\r\n                if (e.target.id === 'top' && !document.querySelector('.mobile-rail .nav-link.active') && aboutUsMainNavLink) {\r\n                    aboutUsMainNavLink.classList.add('active');\r\n                }\r\n            }\r\n          })\r\n        }, observerOptions);\r\n        sections.forEach(s=>io.observe(s));\r\n        window.intersectionObserverInstance = io; \/\/ Store observer to disconnect later\r\n    };\r\n    window.addEventListener('load', observeInternalSections);\r\n    \/\/ Re-observe sections if content changes dynamically or on layout changes\r\n    let resizeTimer;\r\n    window.addEventListener('resize', () => {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(() => {\r\n            calculateNavbarHeight(); \/\/ Recalculate sticky heights first\r\n            observeInternalSections(); \/\/ Then re-observe sections\r\n        }, 100); \/\/ Debounce to prevent excessive calls\r\n    });\r\n\r\n\r\n    \/\/ --- Smooth Scroll for Anchor Links ---\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n        a.addEventListener('click',e=>{\r\n          const targetSelector = a.getAttribute('href');\r\n          if (targetSelector === '#' || !targetSelector) return;\r\n          const el = document.querySelector(targetSelector);\r\n          if (el){\r\n            e.preventDefault();\r\n            \/\/ Scroll to element accounting for sticky header, with a small buffer\r\n            const top = el.getBoundingClientRect().top + window.scrollY - getStickyOffset() + 2;\r\n            window.scrollTo({ top, behavior:'smooth' });\r\n          }\r\n        })\r\n    });\r\n\r\n    \/\/ --- Reveal Animations ---\r\n    const reveals = document.querySelectorAll('.reveal');\r\n    const revealObserver = new IntersectionObserver((entries)=>{\r\n      entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); revealObserver.unobserve(e.target); } })\r\n    },{threshold:.1});\r\n    reveals.forEach(el=>revealObserver.observe(el));\r\n\r\n\r\n    \/\/ --- Language Functionality (from unified header, adapted) ---\r\n    const langConfig = {\r\n        en: { name: \"EN\" }, de: { name: \"DE\" }, ru: { name: \"RU\" },\r\n        it: { name: \"IT\" }, cz: { name: \"CZ\" }, pl: { name: \"PL\" }\r\n    };\r\n    \/\/ Page-specific meta translations (for About Us page)\r\n    const metaTranslations = {\r\n        en: { title: \"About Us \u2014 FOX MARSA ALAM | Professional Desert Trips in Marsa Alam & El Quseir\", description: \"FOX MARSA ALAM is a professional desert trip provider in Marsa Alam & El Quseir. Quad & buggy adventures, 4\u00d74 jeep safari, Wadi El Gemal, Bedouin culture, safety-first operations, multilingual support.\" },\r\n        de: { title: \"\u00dcber Uns \u2014 FOX MARSA ALAM | Professionelle W\u00fcstentouren in Marsa Alam & El Quseir\", description: \"FOX MARSA ALAM ist ein professioneller Anbieter von W\u00fcstentouren in Marsa Alam & El Quseir. Quad- & Buggy-Abenteuer, 4\u00d74-Jeep-Safari, Wadi El Gemal, Beduinenkultur, sicherheitsorientierter Betrieb, mehrsprachige Unterst\u00fctzung.\" },\r\n        ru: { title: \"\u041e \u043d\u0430\u0441 \u2014 FOX MARSA ALAM | \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0443\u0440\u044b \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435\", description: \"FOX MARSA ALAM \u2014 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440 \u0442\u0443\u0440\u043e\u0432 \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435. \u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u0430\u0445 \u0438 UTV-\u0431\u0430\u0433\u0433\u0438, \u0441\u0430\u0444\u0430\u0440\u0438 \u043d\u0430 \u0432\u043d\u0435\u0434\u043e\u0440\u043e\u0436\u043d\u0438\u043a\u0430\u0445 4\u00d74, \u0412\u0430\u0434\u0438-\u044d\u043b\u044c-\u0413\u0435\u043c\u0430\u043b\u044c, \u0431\u0435\u0434\u0443\u0438\u043d\u0441\u043a\u0430\u044f \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u0430, \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u043c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430.\" },\r\n        it: { title: \"Chi Siamo \u2014 FOX MARSA ALAM | Escursioni professionali nel deserto a Marsa Alam ed El Quseir\", description: \"FOX MARSA ALAM \u00e8 un fornitore professionale di escursioni nel deserto a Marsa Alam ed El Quseir. Avventure in quad e buggy, safari in jeep 4\u00d74, Wadi El Gemal, cultura beduina, operazioni basate sulla sicurezza, supporto multilingue.\" },\r\n        cz: { title: \"O n\u00e1s \u2014 FOX MARSA ALAM | Profesion\u00e1ln\u00ed v\u00fdlety do pou\u0161t\u011b v Marsa Alamu a El Quseiru\", description: \"FOX MARSA ALAM je profesion\u00e1ln\u00ed poskytovatel v\u00fdlet\u016f do pou\u0161t\u011b v Marsa Alamu a El Quseiru. Dobrodru\u017estv\u00ed na \u010dty\u0159kolk\u00e1ch a bugin\u00e1ch, safari v ter\u00e9nn\u00edch vozech 4\u00d74, Wadi El Gemal, bedu\u00ednsk\u00e1 kultura, bezpe\u010dnost na prvn\u00edm m\u00edst\u011b, v\u00edcejazy\u010dn\u00e1 podpora.\" },\r\n        pl: { title: \"O nas \u2014 FOX MARSA ALAM | Profesjonalne wycieczki na pustyni\u0119 w Marsa Alam i El Quseir\", description: \"FOX MARSA ALAM jest profesjonalnym dostawc\u0105 wycieczek na pustyni\u0119 w Marsa Alam i El Quseir. Przygody na quadach i buggy, safari pojazdami 4\u00d74, Wadi El Gemal, kultura Beduin\u00f3w, bezpiecze\u0144stwo na pierwszym miejscu, wieloj\u0119zyczne wsparcie.\" }\r\n    };\r\n    const translatableElements = document.querySelectorAll(\"[data-en]\");\r\n    const metaDescTag = document.querySelector('meta[name=\"description\"]');\r\n    const langIndicatorText = document.getElementById('lang-indicator-text');\r\n    const switcherBtn = document.getElementById('lang-switcher-btn');\r\n    const switcherMenu = document.getElementById('lang-menu-custom');\r\n\r\n    const translatePage = lang => {\r\n        const effectiveLang = langConfig[lang] ? lang : \"en\";\r\n        document.documentElement.lang = effectiveLang; \/\/ Set HTML lang attribute\r\n        localStorage.setItem(\"user-lang\", effectiveLang);\r\n\r\n        translatableElements.forEach(el => {\r\n            const translationKey = el.dataset[effectiveLang] !== undefined ? effectiveLang : 'en';\r\n            const newText = el.dataset[translationKey];\r\n\r\n            \/\/ Special handling for elements with icons (e.g., buttons, chips, list items with icons)\r\n            \/\/ This needs to be robust for <span> elements that replace <a>.\r\n            if ((el.tagName === 'A' || el.tagName === 'BUTTON' || el.classList.contains('chip') || (el.tagName === 'SPAN' && el.classList.contains('dropdown-item')) || (el.tagName === 'SPAN' && el.classList.contains('nav-link'))) && el.querySelector('i')) {\r\n                const icon = el.querySelector('i');\r\n                const tempDiv = document.createElement('div');\r\n                tempDiv.innerHTML = newText;\r\n                const translatedTextContent = tempDiv.textContent.trim();\r\n\r\n                \/\/ Clear existing text nodes, preserve icon, then append new text\r\n                Array.from(el.childNodes).forEach(node => {\r\n                    if (node !== icon && !(node.nodeType === Node.TEXT_NODE && node.textContent.trim() === '')) {\r\n                         el.removeChild(node);\r\n                    }\r\n                });\r\n                if (icon) {\r\n                    el.appendChild(document.createTextNode(' ' + translatedTextContent));\r\n                } else {\r\n                    el.innerHTML = newText; \/\/ Fallback for elements without specific icon handling logic\r\n                }\r\n            }\r\n            \/\/ Special handling for `<li>` elements containing `<strong>`\r\n            else if (el.tagName === 'LI' && el.querySelector('strong')) {\r\n                const fullTextTemplate = el.dataset.en; \/\/ Assuming original structure is in data-en\r\n                const translatedFullText = el.dataset[translationKey] || el.dataset.en;\r\n\r\n                const strongMatch = fullTextTemplate.match(\/<strong>(.*?)<\\\/strong>\/);\r\n                const originalStrongContent = strongMatch ? strongMatch[1] : '';\r\n\r\n                if (translatedFullText.includes('<strong>')) {\r\n                    el.innerHTML = translatedFullText;\r\n                } else if (originalStrongContent) {\r\n                    const colonIndex = translatedFullText.indexOf(':');\r\n                    if (colonIndex !== -1) {\r\n                        const textBeforeColon = translatedFullText.substring(0, colonIndex + 1);\r\n                        const textAfterColon = translatedFullText.substring(colonIndex + 1).trim();\r\n                        \/\/ Reconstruct with original strong content placeholder\r\n                        el.innerHTML = `${textBeforeColon} <strong>${originalStrongContent}<\/strong> ${textAfterColon}`;\r\n                    } else {\r\n                        el.innerHTML = newText;\r\n                    }\r\n                }\r\n                else {\r\n                    el.innerHTML = newText;\r\n                }\r\n            }\r\n            else {\r\n                el.innerHTML = newText;\r\n            }\r\n        });\r\n        const metaInfo = metaTranslations[effectiveLang];\r\n        document.title = metaInfo.title;\r\n        if (metaDescTag) metaDescTag.setAttribute('content', metaInfo.description);\r\n\r\n        \/\/ Also translate placeholder, aria-label, and title attributes if they exist\r\n        const props = [{attr: 'aria-label', datasetKey: 'Arialabel'}, {attr: 'placeholder', datasetKey: 'Placeholder'}, {attr: 'title', datasetKey: 'Title'}, {attr: 'alt', datasetKey: 'Alt'}];\r\n        props.forEach(p => {\r\n            document.querySelectorAll(`[data-en-${p.attr}]`).forEach(el => {\r\n                const translation = el.dataset[`${effectiveLang}${p.datasetKey}`] || el.dataset[`en${p.datasetKey}`];\r\n                if (translation) el.setAttribute(p.attr, translation);\r\n            });\r\n        });\r\n\r\n        if (langIndicatorText) langIndicatorText.textContent = langConfig[effectiveLang].name;\r\n    };\r\n\r\n\r\n    if (switcherBtn && switcherMenu) {\r\n        switcherBtn.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            \/\/ Desktop floating menu behavior\r\n            if (window.innerWidth >= 992) {\r\n                switcherMenu.classList.toggle('show');\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Language selection buttons\r\n    document.querySelectorAll('.lang-item').forEach(button => {\r\n        button.addEventListener('click', (e) => {\r\n            const lang = e.currentTarget.dataset.lang;\r\n            translatePage(lang);\r\n            if (switcherMenu && window.innerWidth >= 992) { \/\/ Only hide on desktop after selection\r\n                switcherMenu.classList.remove('show');\r\n            }\r\n            \/\/ If in mobile view and the main navbar is open, close it after language selection\r\n            if (navbarCollapseElement && navbarCollapseElement.classList.contains('show')) {\r\n                bsNavbarCollapse.hide();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ ENSURE MOBILE MENU CLOSES ON LINK CLICK (CRITICAL FOR USABILITY)\r\n    const bsNavbarCollapse = navbarCollapseElement ? new bootstrap.Collapse(navbarCollapseElement, { toggle: false }) : null;\r\n\r\n    const toursSubMenu = document.getElementById('navbarDropdownToursMenu');\r\n    const bsToursSubMenuCollapse = toursSubMenu ? new bootstrap.Collapse(toursSubMenu, { toggle: false }) : null;\r\n\r\n    \/\/ 1. When any navigable link\/item is clicked (including dropdown items)\r\n    \/\/ Note: non-navigable spans also have event listeners to close the menu for better UX on mobile.\r\n    document.querySelectorAll('#navbarNav .nav-link:not([data-bs-toggle=\"collapse\"]), #navbarNav .dropdown-item, .lang-item, .mobile-rail .nav-link, .dropdown-item.non-navigable, .nav-link.non-navigable').forEach(link => {\r\n        link.addEventListener('click', (e) => {\r\n            \/\/ Prevent default behavior only if it's a non-navigable item AND it's an anchor that might accidentally navigate\r\n            if (link.classList.contains('non-navigable') || link.tagName === 'SPAN') {\r\n                e.preventDefault(); \/\/ Stop any potential default action for spans or non-navigable elements\r\n            }\r\n            \/\/ If the clicked link\/item is within the 'Tours' submenu and the submenu is open\r\n            if (toursSubMenu && toursSubMenu.contains(link) && toursSubMenu.classList.contains('show')) {\r\n                bsToursSubMenuCollapse.hide(); \/\/ Explicitly hide the Tours submenu\r\n            }\r\n            \/\/ Close the main mobile menu if it's open\r\n            if (navbarCollapseElement && navbarCollapseElement.classList.contains('show')) {\r\n                bsNavbarCollapse.hide();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ 2. Handle clicks outside the menu for desktop dropdowns and the main mobile menu\r\n    document.addEventListener('click', (e) => {\r\n        const isClickInsideToursSubMenu = toursSubMenu && toursSubMenu.contains(e.target);\r\n        const toursDropdownToggle = document.querySelector('.nav-item.dropdown > .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]'); \/\/ Corrected selector\r\n        const isClickInsideToursToggle = toursDropdownToggle && toursDropdownToggle.contains(e.target);\r\n\r\n        const isClickInsideMainNavbarCollapse = navbarCollapseElement && navbarCollapseElement.contains(e.target);\r\n        const navbarToggler = unifiedHeader.querySelector('.navbar-toggler');\r\n        const isClickInsideNavbarToggler = navbarToggler && navbarToggler.contains(e.target);\r\n\r\n        const isClickInsideLangSwitcher = switcherBtn && switcherBtn.contains(e.target);\r\n        const isClickInsideLangMenu = switcherMenu && switcherMenu.contains(e.target);\r\n\r\n\r\n        \/\/ Desktop: Close Tours submenu if open and click is outside of it or its toggle\r\n        if (window.innerWidth >= 992 && toursSubMenu && toursSubMenu.classList.contains('show') && !isClickInsideToursSubMenu && !isClickInsideToursToggle) {\r\n            bsToursSubMenuCollapse.hide();\r\n        }\r\n\r\n        \/\/ Desktop: Close language switcher menu if open and click is outside of it or its toggle\r\n        if (window.innerWidth >= 992 && switcherMenu && switcherMenu.classList.contains('show') && !isClickInsideLangSwitcher && !isClickInsideLangMenu) {\r\n            switcherMenu.classList.remove('show');\r\n        }\r\n\r\n        \/\/ Mobile: Close main navbar collapse if open and click is outside of it and its toggler\r\n        \/\/ This covers closing the main menu regardless of whether a sub-menu was open inside it\r\n        if (navbarCollapseElement && navbarCollapseElement.classList.contains('show') && !isClickInsideMainNavbarCollapse && !isClickInsideNavbarToggler) {\r\n            bsNavbarCollapse.hide();\r\n        }\r\n    });\r\n\r\n    \/\/ --- Initialize Page on Load ---\r\n    \/\/ Initialize language first\r\n    translatePage(localStorage.getItem(\"user-lang\") || \"en\");\r\n\r\n    \/\/ After initial translation and DOM load, mark the 'About Us' link in the unified header as active\r\n    const currentPath = window.location.pathname;\r\n    if (currentPath.includes('\/abou-us\/')) { \/\/ Corrected path to match 'abou-us'\r\n        const aboutUsLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/abou-us\/\"]');\r\n        if (aboutUsLink) {\r\n            aboutUsLink.classList.add('active');\r\n        }\r\n        \/\/ Ensure Tours dropdown toggle and its items are not active\r\n        const toursDropdownToggle = document.querySelector('.unified-header .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]');\r\n        if (toursDropdownToggle) {\r\n            toursDropdownToggle.classList.remove('active');\r\n        }\r\n        document.querySelectorAll('.unified-header .dropdown-menu .dropdown-item').forEach(item => item.classList.remove('active'));\r\n    }\r\n\r\n    \/\/ Initialize the year in the footer\r\n    const yearSpan = document.getElementById('year');\r\n    if (yearSpan) {\r\n        yearSpan.textContent = new Date().getFullYear();\r\n    }\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About Us \u2014 FOX MARSA ALAM | Professional Desert Trips in Marsa Alam &#038; El Quseir FOX MARSA ALAM About Us Home Tours Super Safari Jeep Safari Buggy Spider Quad Sunset BBQ Desert ATV Adventure Camel Ride Horse Ride Luxor Day Trip El Quseir City Tour Transfer Service Gallery About Us Contact Us EN \ud83c\uddec\ud83c\udde7 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":489,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-488","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/comments?post=488"}],"version-history":[{"count":61,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/488\/revisions"}],"predecessor-version":[{"id":13704,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/488\/revisions\/13704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/media\/489"}],"wp:attachment":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/media?parent=488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}