RRomantische zeilervaring per traditionele Dhow op Zanzibar | Havenpadentle> <meta name="description" content="VaarVaar over de wateren van Zanzibar op een traditionele dhow met Haven Trails Adventures, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.romantische cruise voor twee."> <mdhow cruise Zanzibar, romantisch zeilen Zanzibar, zonsondergang dhow cruise, traditionele dhow ervaring, koppels zeilen Zanzibar, Haven Trails Adventuresn Zanzibar, Haven Trails Adventures"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-previewHaven Trails-avonturenr" content="Haven Trails-avonturen"> <meta name="referrer" content="strict-origin-when-cross-origin"> <meta name="format-detection" content="telephone=yes"> <meta name="theme-color" content="#ffffff"> <meta name="color-scheme" content="light"> <metaHaven Trails-avonturen" content="Haven Trails-avonturen"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="applHavenpaden-app-title" content="Havenpaden"> <meta name="mobile-web-app-capable" content="yes"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="msapplication-config" content="https://www.haventrails.com/browserconfig.xml"> <meta name="geo.region" content="TZ-09"> <meta name="geo.placename" content="Zanzibar, Tanzania"> <meta name="geo.position" content="-6.1659;39.2026"> <meta name="ICBM" content="-6.1659, 39.2026"> <meta name="rating" content="general"> <meta name="distribution" content="global"> <meta name="revisit-after" content="7 days"> <meta name="language" content="Dutch"> <link rel="canonical" href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="en" href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="da" href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="de" href="https://www.haventrails.com/de/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="es" href="https://www.haventrails.com/es/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="fr" href="https://www.haventrails.com/fr/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="it" href="https://www.haventrails.com/it/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ko" href="https://www.haventrails.com/ko/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="nl" href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="pl" href="https://www.haventrails.com/pl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ru" href="https://www.haventrails.com/ru/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="sv" href="https://www.haventrails.com/sv/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="pt-BR" href="https://www.haventrails.com/pt/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ja" href="https://www.haventrails.com/ja/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="tr" href="https://www.haventrails.com/tr/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="zh-Hans" href="https://www.haventrails.com/zh/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="zh-TW" href="https://www.haventrails.com/zh-tw/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="zh-HK" href="https://www.haventrails.com/zh-hk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ar" href="https://www.haventrails.com/ar/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="no" href="https://www.haventrails.com/no/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="fi" href="https://www.haventrails.com/fi/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="he" href="https://www.haventrails.com/he/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="hi" href="https://www.haventrails.com/hi/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="th" href="https://www.haventrails.com/th/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="id" href="https://www.haventrails.com/id/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="cs" href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="hu" href="https://www.haventrails.com/hu/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="el" href="https://www.haventrails.com/el/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="sk" href="https://www.haventrails.com/sk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="uk" href="https://www.haventrails.com/uk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="ro" href="https://www.haventrails.com/ro/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="vi" href="https://www.haventrails.com/vi/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="tl" href="https://www.haventrails.com/tl/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="kk" href="https://www.haventrails.com/kk/romantic-sailing-dhow-zanzibar"> <link rel="alternate" hreflang="x-default" href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.haventrails.com/img/apple-icon-180x180.webp"> <link rel="icon" type="image/webp" sizes="32x32" href="https://www.haventrails.com/img/favicon-32x32.webp"> <link rel="icon" type="image/webp" sizes="16x16" href="https://www.haventrails.com/img/favicon-16x16.webp"> <link rel="mask-icon" href="https://www.haventrails.com/img/logo.png" color="#c9a227"> <link rel="manifest" href="https://www.haventrails.com/manifest.json"> <link rel="preload" as="image" href="https://www.haventrails.com/img/romantic-sailing-dhow-zanzibar-hero.webp"> <link rel="prefetch" href="https://www.haventrails.com/nl/blog"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//cdnjs.cloudflare.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <metRomantische zeilervaring per traditionele Dhow op Zanzibar | Havenpadenhow op Zanzibar | Havenpaden"> <meta propertVaar over de wateren van Zanzibar op een traditionele dhow met Haven Trails Adventures, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.rsnaperingen en een ontspannen, romantische cruise voor twee."> <meta property="og:image" content="https://www.haventrails.com/img/romantic-sailing-dhow-zanzibar-hero.webp"> <meta property="og:url" content="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar"> <meta property="og:typHaven Trails-avonturenmeta property="og:site_name" content="Haven Trails-avonturen"> <meta property="og:locale" content="nl_NL"> <meta property="og:image:width" content="1200"> <meta property="og:image:heRomantische zeilervaring per traditionele Dhow op Zanzibar met Haven Trails Adventures traditionele Dhow op Zanzibar met Haven Trails Adventures"> <meta name="twitter:card" content="Romantische zeilervaring per traditionele Dhow op Zanzibar | Havenpadenervaring per traditionele Dhow op Zanzibar | Vaar over de wateren van Zanzibar op een traditionele dhow met Haven Trails Adventures, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.cht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee."> <meta name="twitter:image" content="https://www.haventrails.comRomantische zeilervaring per traditionele Dhow op Zanzibar met Haven Trails AdventuresRomantische zeilervaring per traditionele Dhow op Zanzibar met Haven Trails Adventures"> <meta name="twitter:site" content="@haventrails"> <meta name="twitter:creator" content="@haventrails"> <script type="application/ld+json"> { "@context": "https:\/\/schema.org", "@graph": [ { "@type": "TraveHaven Trails-avonturen"https:\/\/www.haventrails.com\/#organization", "name": "Haven Trails-avonturen", "url": "https:\/\/www.haventrails.com\/", "logo": { "@type": "ImageObject", "url": "https:\/\/www.haventrails.com\/img\/logo.png", "width": 300, "height": 150 }, "image": "https:\/\/www.haventrails.com\/img\/logo.png", "telephone": "+255713334154", "email": "info@haventrails.com", "priceRange": "$-$$", "address": { "@type": "PostalAddress", "streetAddress": "Moshi Kilimanjaro Town", "addressLocality": "Moshi", "addressRegion": "Kilimanjaro Region", Ontdek veilig en naadloos de epische symfonie van de Afrikaanse cultuur en natuurion": "Ontdek veilig en naadloos de epische symfonie van de AfrikaanseTanzania en natuur", "areaServed": { "@type": "Country", "name": "Tanzania" }, "contactPoint": { klantenondersteuningctPoint", "telephone": "+2Engels4154", "contactType": "klantenondersteuning", "availableLanguage": ["Engels"] } }, { "@type": "WebPage", "@id": "https:\/\/www.haventrails.com\/nl\/romantic-sailing-dhow-zanzibar#webpage", Romantische zeilervaring per traditionele Dhow op Zanzibar | Havenpaden, "name": "RomantisVaar over de wateren van Zanzibar op een traditionele dhow met Haven Trails Adventures, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.es, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.", "inLanguage": "nl", "breadcrumb": { "@id": "https:\/\/www.haventrails.com\/nl\/romantic-sailing-dhow-zanzibar#breadcrumb" }, "about": { "@id": "https:\/\/www.haventrails.com\/nl\/romantic-sailing-dhow-zanzibar#tour" } }, { "@type": ["TourisRomantische zeilervaring per traditionele Dhowhaventrails.com\/nl\/romaVaar over de wateren van Zanzibar op een traditionele dhow met Haven Trails Adventures, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.e dhow met Haven Trails Adventures, met een privébemanning, uitzicht op de zonsondergang, versnaperingen en een ontspannen, romantische cruise voor twee.", "url": "https:\/\/www.haventrails.com\/nl\/romantic-sailing-dhow-zanzibar", "image": "https:\/\/www.haventrails.com\/img\/romantic-sailing-dTanzaniaibar-hero.webp", "proStellen en pasgetrouwden\/\/www.haventrails.com\/#organization" }, "areaServed": { "@type": "Country", "name": "Tanzania" }, "touristType": "Stellen en pasgetrouwden" }, { "@type": "BreadcrumbList", "@id": "https:\/Haven Trails-avonturennl\/romantic-sailing-dhow-zanzibar#breadcrumb", "itemListElement": [ { "@type": "ListItemZanzibar-rondleidingen 1, "name": "Haven Trails-avonturen", "item": "https:\/\/www.haventrails.com\/" }, { "@type": "ListItem", "poRomantische zeilervaring per traditionele Dhowitem": "https:\/\/www.haventrails.com\/zanzibar-tours" }, { "@type": "ListItem", "position": 3, "name": "Romantische zeilervaring per traditionele Dhow", "item": "https:\/\/www.haventrails.com\/romantic-sailing-dhow-zanzibar" } ] }, { "@type": "ImageObject", "@id": "https:\/\/www.haventrails.com\/nlRomantische zeilervaring per traditionele Dhow op Zanzibar met Haven Trails Adventurescom\/img\/romantic-sailing-dhow-zanzibar-hero.webp", "caption": "Romantische zeilervaring per traditionele Dhow op Zanzibar met Haven Trails Adventures" } ] } </script> <meta name="copyright" content="© 2026 Haven Trails Adventures. Alle rechten voorbehouden." /> <script> (function () { window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function(){ dataLayer.push(arguments); }; gtag('js', new Date()); function loadAnalytics() { if (window.htAnalyticsLoaded) return; window.htAnalyticsLoaded = true; var ga = document.createElement('script'); ga.async = true; ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-R33EGM75P5'; document.head.appendChild(ga); gtag('config', 'G-R33EGM75P5', { transport_type: 'beacon' }); var ahrefs = document.createElement('script'); ahrefs.async = true; ahrefs.src = 'https://analytics.ahrefs.com/analytics.js'; ahrefs.setAttribute('data-key', 'SCUmhQdQwhUqUq9b0IHtLw'); document.head.appendChild(ahrefs); } var interactionEvents = ['pointerdown', 'keydown', 'scroll', 'touchstart']; interactionEvents.forEach(function(eventName) { window.addEventListener(eventName, loadAnalytics, { once: true, passive: true }); }); window.addEventListener('load', function(){ window.setTimeout(loadAnalytics, 4500); }, { once: true }); })(); </script> <link rel="apple-touch-icon" sizes="57x57" href="https://www.haventrails.com/img/apple-icon-57x57.webp"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.haventrails.com/img/apple-icon-60x60.webp"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.haventrails.com/img/apple-icon-72x72.webp"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.haventrails.com/img/apple-icon-76x76.webp"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.haventrails.com/img/apple-icon-114x114.webp"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.haventrails.com/img/apple-icon-120x120.webp"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.haventrails.com/img/apple-icon-144x144.webp"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.haventrails.com/img/apple-icon-152x152.webp"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.haventrails.com/img/apple-icon-180x180.webp"> <link rel="icon" type="image/webp" sizes="192x192" href="https://www.haventrails.com/img/android-icon-192x192.webp"> <link rel="icon" type="image/webp" sizes="32x32" href="https://www.haventrails.com/img/favicon-32x32.webp"> <link rel="icon" type="image/webp" sizes="96x96" href="https://www.haventrails.com/img/favicon-96x96.webp"> <link rel="icon" type="image/webp" sizes="16x16" href="https://www.haventrails.com/img/favicon-16x16.webp"> <link rel="manifest" href="https://www.haventrails.com/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.haventrails.com/img/ms-icon-144x144.webp"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="dns-prefetch" href="https://flagcdn.com"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700&family=Jost:wght@300;400;500;600;700&family=Marcellus&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap"></noscript> <link rel="stylesheet" href="../fontawesome/css/all.swap.min.css"> <link rel="stylesheet" href="../assetss/css/bootstrap.min.css"> <link rel="preload" href="../assetss/css/swiper-bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="../assetss/css/swiper-bundle.min.css"></noscript> <link rel="preload" href="../assetss/css/magnific-popup.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="../assetss/css/magnific-popup.min.css"></noscript> <link rel="stylesheet" href="../assetss/css/main.min.css"> <style id="ht-fontawesome-guard"> .fa, .fa-solid, .fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .fa-regular, .far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } </style> <style id="ht-global-visual-fixes"> :root { --ht-gold: #C9A227; --ht-gold-hover: #B8911F; --ht-gold-soft: #FFF6D8; --ht-gold-dark: #5C3D1E; --ht-hero-fallback-image: url("https://www.haventrails.com/img/havensafari1.webp"); } :where(.hero,.page-hero,.tour-hero,.safari-hero,.zanzibar-hero,.kili-hero,.article-hero,.blog-hero,.activity-hero,.destination-hero,.journal-hero,.ct-hero,.faq-hero,.gb-hero,.header-video,.te-hero,.sng-hero,.dest-hero,.pp-hero,.sc-hero,.ht-hero,.tc-hero,.ty-hero) { background-image: linear-gradient(120deg, rgba(0,0,0,.66), rgba(0,0,0,.36)), var(--ht-hero-fallback-image); background-size: cover; background-position: center; background-repeat: no-repeat; color: #ffffff; } :where(.zanzibar-hero,.activity-hero,[class*="zanzibar" i] .hero,[class*="zanzibar" i].hero) { --ht-hero-fallback-image: url("https://www.haventrails.com/img/zanzibarnew.webp"); } :where(.kili-hero,[class*="kili" i] .hero,[class*="kilimanjaro" i] .hero,[class*="kili" i].hero,[class*="kilimanjaro" i].hero) { --ht-hero-fallback-image: url("https://www.haventrails.com/img/havenkili1.webp"); } :where(.hero,.page-hero,.tour-hero,.safari-hero,.zanzibar-hero,.kili-hero,.article-hero,.blog-hero,.activity-hero,.destination-hero,.journal-hero,.ct-hero,.faq-hero,.gb-hero,.header-video,.te-hero,.sng-hero,.dest-hero,.pp-hero,.sc-hero,.ht-hero,.tc-hero,.ty-hero) :where(h1,h2,h3,p,span,li,a,.hero-sub,.te-hero__sub,.sng-hero-sub,.ct-hero-sub,.page-hero__desc,.journal-hero__subtitle) { color: inherit; } :where(.hero,.page-hero,.tour-hero,.safari-hero,.zanzibar-hero,.kili-hero,.article-hero,.blog-hero,.activity-hero,.destination-hero,.journal-hero,.ct-hero,.faq-hero,.gb-hero,.header-video,.te-hero,.sng-hero,.dest-hero,.pp-hero,.sc-hero,.ht-hero,.tc-hero,.ty-hero) :where(.btn,.btn_1,.btn-p,.ct-submit,.article-card__cta,.featured-article__cta,[class*="btn"]):not(.btn-hero-outline) { color: #ffffff; } :where(a,button,.btn,.btn_1,.btn-p,.filter-btn,.swiper-pagination-bullet-active) { --bs-primary: #C9A227; --bs-link-color: #C9A227; --bs-link-hover-color: #B8911F; } :where(input,select,textarea):focus { border-color: #C9A227 !important; box-shadow: 0 0 0 .2rem rgba(201,162,39,.18) !important; outline-color: #C9A227; } :where([style*="background:#C9A227"],[style*="background: #C9A227"],[style*="background-color:#C9A227"],[style*="background-color: #C9A227"],.gold-dot) { color: #ffffff; } </style> <style> :root { --ht-gold: #c9a227; --ht-gold-light: #e0b82e; --ht-gold-dark: #a8851e; --ht-dark: #1a1a1a; --ht-dark-2: #2a1f0a; --ht-light: #ffffff; --ht-gray: #6b7280; --ht-gray-100: #f9f7f2; --ht-gray-200: #efe8d8; --ht-font-main: 'Jost', 'Poppins', sans-serif; --ht-font-serif: 'Cormorant Garamond', 'Playfair Display', serif; --header-h: 72px; --header-h-mob: 60px; --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-left: env(safe-area-inset-left, 0px); --safe-right: env(safe-area-inset-right, 0px); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { padding-top: var(--header-h); overflow-x: hidden; } .ht-header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-h); z-index: 9999; background: rgba(255,255,255,0.97); backdrop-filter: blur(24px) saturate(1.6); -webkit-backdrop-filter: blur(24px) saturate(1.6); border-bottom: 1px solid var(--ht-gray-200); transition: box-shadow 0.3s ease, background 0.3s ease; } .ht-header--scrolled { background: #fff; box-shadow: 0 4px 32px rgba(26,26,26,0.10); border-bottom-color: transparent; } .ht-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ht-gold-dark), var(--ht-gold), var(--ht-gold-light), var(--ht-gold)); } .ht-header__container { max-width: 1380px; margin: 0 auto; padding: 0 1.75rem; padding-left: calc(1.75rem + var(--safe-left)); padding-right: calc(1.75rem + var(--safe-right)); height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .ht-logo { display: flex; align-items: center; gap: 0; text-decoration: none; flex-shrink: 0; } .ht-logo__text { display: flex; flex-direction: column; } .ht-logo__title { font-family: var(--ht-font-serif); font-size: 1.4rem; font-weight: 700; color: var(--ht-dark); line-height: 1; letter-spacing: 0.01em; } .ht-logo__tagline { font-size: 0.58rem; color: var(--ht-gold-dark); text-transform: uppercase; letter-spacing: 0.22em; font-weight: 700; margin-top: 4px; } .ht-nav { display: flex; align-items: center; gap: 0; flex: 1; justify-content: center; } @media (max-width: 1200px) { .ht-nav { display: none; } } .ht-nav__item { position: relative; } .ht-nav__link { display: flex; align-items: center; gap: 5px; padding: 0.55rem 0.95rem; color: var(--ht-dark); text-decoration: none; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.01em; border-radius: 8px; transition: color 0.2s ease, background 0.2s ease; cursor: pointer; border: none; background: transparent; font-family: inherit; white-space: nowrap; position: relative; } .ht-nav__link::after { content: ''; position: absolute; bottom: 3px; left: 50%; right: 50%; height: 2px; background: var(--ht-gold); border-radius: 2px; transition: left 0.25s ease, right 0.25s ease; } .ht-nav__item:hover .ht-nav__link::after { left: 0.95rem; right: 0.95rem; } .ht-nav__item:hover .ht-nav__link { color: var(--ht-gold-dark); } .ht-nav__chevron { font-size: 0.6rem; color: var(--ht-gold-dark); opacity: 0.75; transition: transform 0.28s ease, opacity 0.2s ease; margin-left: 1px; } .ht-nav__item:hover .ht-nav__chevron { transform: rotate(180deg); opacity: 1; } .ht-mega { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%) translateY(6px); background: #fff; border-radius: 16px; padding: 1.375rem; box-shadow: 0 16px 48px rgba(26,26,26,0.13), 0 2px 10px rgba(26,26,26,0.06); opacity: 0; visibility: hidden; transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s; border: 1px solid var(--ht-gray-200); z-index: 1000; max-width: min(92vw, 760px); } .ht-mega::before { content: ''; position: absolute; top: 0; left: 1.5rem; right: 1.5rem; height: 2px; background: linear-gradient(90deg, transparent, var(--ht-gold), transparent); border-radius: 0 0 2px 2px; } .ht-nav__item:hover .ht-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .ht-mega--safari { display: grid; grid-template-columns: 210px 1fr; gap: 1.375rem; width: 580px; } .ht-mega--kili { display: grid; grid-template-columns: 1fr 1fr; gap: 1.375rem; width: 560px; } .ht-mega--zanzibar { display: grid; grid-template-columns: 1fr 1fr; gap: 1.375rem; width: 560px; } .ht-mega--daytrips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; width: 620px; } .ht-mega--about { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.375rem; width: 480px; } .ht-mega__title { font-family: var(--ht-font-serif); font-size: 0.875rem; font-weight: 700; color: var(--ht-dark); margin-bottom: 0.75rem; padding-bottom: 6px; border-bottom: 2px solid var(--ht-gold); display: block; letter-spacing: 0.02em; text-transform: uppercase; } .ht-mega-link { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0.75rem; border-radius: 10px; text-decoration: none; color: var(--ht-dark); transition: background 0.16s ease, transform 0.16s ease; margin-bottom: 0.25rem; } .ht-mega-link:last-child { margin-bottom: 0; } .ht-mega-link:hover { background: var(--ht-gray-100); transform: translateX(3px); color: var(--ht-gold-dark); } .ht-mega-link__icon { width: 34px; height: 34px; flex-shrink: 0; background: linear-gradient(135deg, #fef3c7, #fde68a); border-radius: 9px; display: flex; align-items: center; justify-content: center; color: var(--ht-gold-dark); font-size: 0.875rem; } .ht-mega-link h4 { font-size: 0.875rem; font-weight: 700; margin-bottom: 1px; line-height: 1.2; } .ht-mega-link p { font-size: 0.76rem; color: var(--ht-gray); margin: 0; line-height: 1.3; } .ht-dest-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .ht-dest-card { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 4/3; display: flex; align-items: flex-end; padding: 0.5rem; text-decoration: none; transition: transform 0.28s ease; } .ht-dest-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 60%); z-index: 1; } .ht-dest-card:hover { transform: translateY(-2px); } .ht-dest-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .ht-dest-card:hover img { transform: scale(1.06); } .ht-dest-card span { position: relative; z-index: 2; color: #fff; font-weight: 700; font-size: 0.8rem; } .ht-route-list { display: flex; flex-direction: column; gap: 0.5rem; } .ht-route-item { display: flex; align-items: center; justify-content: space-between; padding: 0.7rem 0.875rem; background: var(--ht-gray-100); border-radius: 10px; text-decoration: none; color: var(--ht-dark); transition: border-color 0.2s, background 0.2s, transform 0.2s; border: 1.5px solid transparent; } .ht-route-item:hover { border-color: var(--ht-gold); background: #fff; transform: translateX(3px); } .ht-route-item h5 { font-size: 0.84rem; font-weight: 700; margin-bottom: 1px; } .ht-route-item > div > span { font-size: 0.73rem; color: var(--ht-gray); } .ht-route-badge { background: var(--ht-gold); color: #1a1a1a; padding: 2px 8px; border-radius: 20px; font-size: 0.6rem; font-weight: 800; text-transform: uppercase; white-space: nowrap; } .ht-zanzibar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } .ht-zan-card { background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 12px; padding: 0.875rem 0.75rem; text-align: center; text-decoration: none; color: var(--ht-dark); transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; } .ht-zan-card:hover { transform: translateY(-3px); border-color: var(--ht-gold); box-shadow: 0 6px 16px rgba(201,162,39,.12); } .ht-zan-card i { font-size: 1.35rem; color: var(--ht-gold); margin-bottom: 0.35rem; display: block; } .ht-zan-card h5 { font-size: 0.82rem; font-weight: 700; margin-bottom: 1px; } .ht-zan-card p { font-size: 0.72rem; color: var(--ht-gray); margin: 0; line-height: 1.3; } .ht-daytrip-col { background: var(--ht-gray-100); border-radius: 12px; padding: 1rem; } .ht-daytrip-col h4 { font-family: var(--ht-font-serif); font-size: 0.9rem; margin-bottom: 0.75rem; color: var(--ht-dark); display: flex; align-items: center; gap: 0.5rem; } .ht-daytrip-col h4 i { color: var(--ht-gold); font-size: 0.875rem; } .ht-daytrip-list { list-style: none; } .ht-daytrip-list li { margin-bottom: 0.375rem; } .ht-daytrip-list a { color: var(--ht-gray); text-decoration: none; font-size: 0.82rem; font-weight: 500; display: flex; align-items: center; gap: 0.4rem; transition: color 0.18s, padding-left 0.18s; } .ht-daytrip-list a:hover { color: var(--ht-gold-dark); padding-left: 3px; } .ht-daytrip-list a::before { content: '›'; color: var(--ht-gold); font-weight: 900; font-size: 1rem; line-height: 1; } .ht-lang { position: relative; } .ht-lang__toggle { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--ht-gray-100); border-radius: 50px; cursor: pointer; transition: all 0.2s ease; border: 1.5px solid var(--ht-gray-200); font-family: inherit; font-size: 0.84rem; font-weight: 600; color: var(--ht-dark); } .ht-lang__toggle:hover, .ht-lang__toggle.active { border-color: var(--ht-gold); background: #fff; } .ht-lang__flag { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; } .ht-lang__code { font-weight: 700; } .ht-lang__chevron { font-size: 0.52rem; color: var(--ht-gray); transition: transform 0.3s ease; } .ht-lang__toggle.active .ht-lang__chevron { transform: rotate(180deg); } .ht-lang__dropdown { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 16px; padding: 0.5rem; width: 270px; max-height: 380px; overflow-y: auto; box-shadow: 0 16px 48px rgba(26,26,26,.14); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all 0.22s ease; border: 1px solid var(--ht-gray-200); z-index: 1001; scrollbar-width: thin; scrollbar-color: var(--ht-gray-200) transparent; } .ht-lang__dropdown::-webkit-scrollbar { width: 4px; } .ht-lang__dropdown::-webkit-scrollbar-track { background: transparent; } .ht-lang__dropdown::-webkit-scrollbar-thumb { background: var(--ht-gray-200); border-radius: 4px; } .ht-lang__dropdown.active { opacity: 1; visibility: visible; transform: translateY(0); } .ht-lang__search { padding: 0.35rem; margin-bottom: 0.35rem; border-bottom: 1px solid var(--ht-gray-100); } .ht-lang__search input { width: 100%; padding: 0.45rem 0.75rem; border: 1.5px solid var(--ht-gray-200); border-radius: 8px; font-size: 0.84rem; font-family: inherit; outline: none; } .ht-lang__search input:focus { border-color: var(--ht-gold); } .ht-lang__option { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0.625rem; border-radius: 9px; text-decoration: none; color: var(--ht-dark); transition: background 0.14s; font-size: 0.875rem; font-weight: 500; cursor: pointer; border: none; background: transparent; width: 100%; font-family: inherit; } .ht-lang__option:hover, .ht-lang__option.active { background: rgba(201,162,39,.08); color: var(--ht-gold-dark); } .ht-lang__option img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .ht-lang__option-info { display: flex; flex-direction: column; text-align: left; } .ht-lang__option-name { font-weight: 600; font-size: 0.84rem; line-height: 1.2; } .ht-lang__option-native { font-size: 0.7rem; color: var(--ht-gray); } .ht-actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; } .ht-btn { display: inline-flex; align-items: center; gap: 6px; padding: 0.65rem 1.2rem; border-radius: 50px; font-weight: 700; font-size: 0.84rem; text-decoration: none; transition: all 0.2s ease; cursor: pointer; border: none; font-family: inherit; white-space: nowrap; } .ht-btn--outline { color: var(--ht-dark); background: transparent; border: 1.5px solid var(--ht-gray-200); } .ht-btn--outline:hover { border-color: var(--ht-gold); color: var(--ht-gold-dark); background: rgba(201,162,39,.05); } .ht-btn--primary { background: linear-gradient(135deg, var(--ht-gold) 0%, var(--ht-gold-dark) 100%); color: #1a1a1a; box-shadow: 0 4px 16px rgba(201,162,39,.35); position: relative; overflow: hidden; } .ht-btn--primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transition: left 0.5s ease; } .ht-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(201,162,39,.45); color: #1a1a1a; } .ht-btn--primary:hover::before { left: 150%; } .ht-mobile-toggle { display: none; width: 42px; height: 42px; background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 11px; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; z-index: 10001; transition: border-color 0.2s, background 0.2s; -webkit-tap-highlight-color: transparent; } .ht-mobile-toggle:hover { border-color: var(--ht-gold); background: #fff; } .ht-mobile-toggle span { display: block; width: 20px; height: 2px; background: var(--ht-dark); border-radius: 2px; transition: all 0.3s ease; } .ht-mobile-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .ht-mobile-toggle.active span:nth-child(2) { opacity: 0; width: 0; } .ht-mobile-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .ht-mobile-flags { display: none; align-items: center; position: relative; } .ht-mobile-flags__trigger { display: flex; align-items: center; gap: 5px; padding: 5px 9px; background: var(--ht-gray-100); border: 1.5px solid var(--ht-gray-200); border-radius: 50px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; } .ht-mobile-flags__trigger:hover, .ht-mobile-flags__trigger.active { border-color: var(--ht-gold); background: #fff; } .ht-mobile-flags__flag { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1.5px solid var(--ht-gray-200); } .ht-mobile-flags__code { font-size: 0.72rem; font-weight: 700; color: var(--ht-dark); } .ht-mobile-flags__chevron { font-size: 0.48rem; color: var(--ht-gray); transition: transform 0.3s ease; } .ht-mobile-flags__trigger.active .ht-mobile-flags__chevron { transform: rotate(180deg); } .ht-mobile-flags__panel { position: absolute; top: calc(100% + 10px); right: 0; background: #fff; border-radius: 18px; padding: 0.875rem; width: min(300px, calc(100vw - 1.5rem)); box-shadow: 0 16px 48px rgba(26,26,26,.18), 0 4px 16px rgba(26,26,26,.08); border: 1px solid var(--ht-gray-200); opacity: 0; visibility: hidden; transform: translateY(8px) scale(0.97); transform-origin: top right; transition: all 0.25s cubic-bezier(.4,0,.2,1); z-index: 10002; max-height: 70vh; overflow-y: auto; } .ht-mobile-flags__panel::before { content: ''; position: absolute; top: 0; left: 1rem; right: 1rem; height: 2px; background: linear-gradient(90deg, transparent, var(--ht-gold), transparent); border-radius: 2px; } .ht-mobile-flags__panel.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .ht-mobile-flags__title { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: var(--ht-gray); margin-bottom: 0.625rem; } .ht-mobile-flags__list { display: flex; flex-direction: column; gap: 2px; } .ht-mobile-flag-btn { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 0.625rem; border-radius: 10px; background: transparent; border: 1.5px solid transparent; cursor: pointer; transition: all 0.16s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; width: 100%; text-align: left; text-decoration: none; color: inherit; } .ht-mobile-flag-btn:hover { background: var(--ht-gray-100); border-color: var(--ht-gray-200); } .ht-mobile-flag-btn.active { background: rgba(201,162,39,.1); border-color: var(--ht-gold); } .ht-mobile-flag-btn img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid var(--ht-gray-200); flex-shrink: 0; transition: border-color 0.16s; } .ht-mobile-flag-btn:hover img, .ht-mobile-flag-btn.active img { border-color: var(--ht-gold); } .ht-mobile-flag-btn__info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .ht-mobile-flag-btn__name { font-size: 0.84rem; font-weight: 700; color: var(--ht-dark); line-height: 1.2; } .ht-mobile-flag-btn__native { font-size: 0.7rem; color: var(--ht-gray); } .ht-mobile-flag-btn.active .ht-mobile-flag-btn__name { color: var(--ht-gold-dark); } .ht-mobile-flag-btn__check { font-size: 0.7rem; color: var(--ht-gold); opacity: 0; flex-shrink: 0; } .ht-mobile-flag-btn.active .ht-mobile-flag-btn__check { opacity: 1; } @media (max-width: 1200px) { .ht-mobile-toggle { display: flex; } .ht-lang { display: none; } .ht-btn--outline { display: none; } .ht-actions .ht-btn--primary { display: none; } .ht-mobile-flags { display: flex; } } .ht-mobile-overlay { position: fixed; inset: 0; background: rgba(26,26,26,.65); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .ht-mobile-overlay.active { opacity: 1; visibility: visible; } .ht-mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 400px; background: #fff; z-index: 9999; transform: translateX(0); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.28s ease, visibility 0.28s ease; box-shadow: -8px 0 48px rgba(26,26,26,.18); display: flex; flex-direction: column; overflow: hidden; } .ht-mobile-menu.active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); } .ht-mobile-menu__header { padding: 0.875rem 1.125rem; border-bottom: 1px solid var(--ht-gray-200); display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg, var(--ht-gray-100) 0%, #fff 100%); position: relative; flex-shrink: 0; } .ht-mobile-menu__header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ht-gold-dark), var(--ht-gold)); } .ht-mobile-menu__close { width: 42px; height: 42px; border-radius: 11px; border: 1.5px solid var(--ht-gray-200); background: #fff; color: var(--ht-dark); font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; flex-shrink: 0; -webkit-tap-highlight-color: transparent; } .ht-mobile-menu__close:hover { background: var(--ht-dark); color: #fff; border-color: var(--ht-dark); transform: rotate(90deg); } .ht-mobile-menu__content { flex: 1; overflow-y: auto; padding: 1.125rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .ht-mobile-trust { background: linear-gradient(135deg, var(--ht-dark) 0%, var(--ht-dark-2) 100%); border-radius: 14px; padding: 1rem 1.125rem; margin-bottom: 1.125rem; display: flex; align-items: center; justify-content: space-between; gap: 6px; border: 1px solid rgba(201,162,39,.25); } .ht-mobile-trust-stat { text-align: center; } .ht-mobile-trust-stat strong { display: block; font-family: var(--ht-font-serif); font-size: 1.15rem; color: var(--ht-gold); font-weight: 700; line-height: 1; } .ht-mobile-trust-stat span { font-size: 0.65rem; color: rgba(255,255,255,.6); margin-top: 3px; display: block; text-transform: uppercase; letter-spacing: 0.05em; } .ht-mobile-trust-div { width: 1px; height: 30px; background: rgba(255,255,255,.12); flex-shrink: 0; } .ht-mobile-item { border-radius: 13px; overflow: hidden; background: var(--ht-gray-100); margin-bottom: 5px; border: 1.5px solid transparent; transition: border-color 0.2s, background 0.2s; } .ht-mobile-item.active { background: #fff; border-color: var(--ht-gray-200); } .ht-mobile-item__header { display: flex; align-items: center; justify-content: space-between; padding: 0.875rem 1rem; cursor: pointer; min-height: 54px; -webkit-tap-highlight-color: transparent; } .ht-mobile-item__title { display: flex; align-items: center; gap: 0.75rem; font-size: 0.95rem; font-weight: 700; color: var(--ht-dark); } .ht-mobile-item__title .fa, .ht-mobile-item__title .fas, .ht-mobile-item__title .far, .ht-mobile-item__title .fab { color: var(--ht-gold); font-size: 1rem; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(201,162,39,.12); border-radius: 8px; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .ht-mobile-item.active .ht-mobile-item__title .fa, .ht-mobile-item.active .ht-mobile-item__title .fas, .ht-mobile-item.active .ht-mobile-item__title .far, .ht-mobile-item.active .ht-mobile-item__title .fab { background: var(--ht-gold); color: #1a1a1a; } .ht-mobile-item__toggle { width: 30px; height: 30px; border-radius: 7px; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--ht-gray); transition: all 0.28s ease; border: 1.5px solid var(--ht-gray-200); font-size: 0.7rem; flex-shrink: 0; } .ht-mobile-item.active .ht-mobile-item__toggle { background: var(--ht-gold); color: #1a1a1a; border-color: var(--ht-gold); transform: rotate(180deg); } .ht-mobile-item__content { max-height: 0; overflow: hidden; transition: max-height 0.38s ease; } .ht-mobile-item.active .ht-mobile-item__content { max-height: 600px; } .ht-mobile-item__links { padding: 0 0.875rem 0.875rem; display: flex; flex-direction: column; gap: 2px; } .ht-mobile-link { display: flex; align-items: center; gap: 0.7rem; padding: 0.75rem 0.875rem; color: var(--ht-gray); text-decoration: none; font-size: 0.9rem; font-weight: 500; border-radius: 9px; transition: all 0.16s ease; min-height: 46px; -webkit-tap-highlight-color: transparent; } .ht-mobile-link:hover { background: var(--ht-gray-100); color: var(--ht-gold-dark); transform: translateX(3px); } .ht-mobile-link .fa, .ht-mobile-link .fas, .ht-mobile-link .far { color: var(--ht-gold); width: 16px; text-align: center; font-size: 0.875rem; flex-shrink: 0; display: inline-block; } .ht-mobile-lang { margin-top: 1.125rem; padding-top: 1.125rem; border-top: 1.5px solid var(--ht-gray-200); } .ht-mobile-lang__title { font-size: 0.68rem; color: var(--ht-gray); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; margin-bottom: 0.75rem; } .ht-mobile-lang__scroll { max-height: 260px; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--ht-gray-200) transparent; border: 1px solid var(--ht-gray-200); border-radius: 12px; padding: 0.375rem; } .ht-mobile-lang__scroll::-webkit-scrollbar { width: 4px; } .ht-mobile-lang__scroll::-webkit-scrollbar-track { background: transparent; } .ht-mobile-lang__scroll::-webkit-scrollbar-thumb { background: var(--ht-gray-200); border-radius: 4px; } .ht-drawer-lang-btn { display: flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.625rem; border-radius: 9px; width: 100%; background: transparent; border: 1.5px solid transparent; cursor: pointer; transition: all 0.15s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; text-align: left; text-decoration: none; color: inherit; margin-bottom: 2px; } .ht-drawer-lang-btn:last-child { margin-bottom: 0; } .ht-drawer-lang-btn:hover { background: var(--ht-gray-100); border-color: var(--ht-gray-200); } .ht-drawer-lang-btn.active { background: rgba(201,162,39,.1); border-color: var(--ht-gold); } .ht-drawer-lang-btn img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; border: 2px solid var(--ht-gray-200); flex-shrink: 0; transition: border-color 0.15s; } .ht-drawer-lang-btn:hover img, .ht-drawer-lang-btn.active img { border-color: var(--ht-gold); } .ht-drawer-lang-btn__info { display: flex; flex-direction: column; flex: 1; min-width: 0; } .ht-drawer-lang-btn__name { font-size: 0.84rem; font-weight: 700; color: var(--ht-dark); line-height: 1.2; } .ht-drawer-lang-btn__native { font-size: 0.69rem; color: var(--ht-gray); } .ht-drawer-lang-btn.active .ht-drawer-lang-btn__name { color: var(--ht-gold-dark); } .ht-drawer-lang-btn__check { font-size: 0.7rem; color: var(--ht-gold); opacity: 0; flex-shrink: 0; } .ht-drawer-lang-btn.active .ht-drawer-lang-btn__check { opacity: 1; } .ht-mobile-cta { padding: 0.875rem 1.125rem; padding-bottom: calc(1.125rem + var(--safe-bottom)); background: linear-gradient(180deg, #fff 0%, var(--ht-gray-100) 100%); border-top: 1px solid var(--ht-gray-200); display: flex; flex-direction: column; gap: 0.5rem; flex-shrink: 0; } .ht-mobile-cta .ht-btn { width: 100%; justify-content: center; padding: 0.9rem; font-size: 0.9rem; border-radius: 13px; } .ht-mobile-cta .ht-btn--outline { border-color: var(--ht-gray-200); display: flex !important; } @media (max-width: 1360px) { .ht-mega--safari { width: 520px; } .ht-mega--kili { width: 500px; } .ht-mega--zanzibar { width: 500px; } .ht-mega--daytrips { width: 560px; } .ht-mega--about { width: 440px; } } @media (max-width: 768px) { body { padding-top: var(--header-h-mob); } .ht-header { height: var(--header-h-mob); } .ht-header__container { padding: 0 1rem; gap: 0.625rem; } .ht-logo__title { font-size: 1.15rem; } .ht-logo__tagline { display: none; } .ht-mobile-menu { max-width: 100%; } } </style> <style id="ht-global-mobile-safety"> @media (max-width: 768px) { html, body { max-width: 100%; overflow-x: hidden; } img, video, canvas, iframe { max-width: 100%; height: auto; } [class*="grid"], [class*="cards"], [class*="row"], [class*="columns"] { min-width: 0; } .container, .htc, .wrapper, .section-inner, .content, main, section { max-width: 100%; } .tour-card, .blog-card, .dest-card, .package-card, .review-card, .card { max-width: 100%; } .tabs, .tab-nav, .ht-tab-nav, .blog-tab-nav, [class*="tab"] { max-width: 100%; } .ht-tab-nav, .blog-tab-nav, .tabs-nav, .tab-buttons { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; } table { max-width: 100%; display: block; overflow-x: auto; } } </style> </head> <body> <header class="ht-header" id="mainHeader"> <div class="ht-header__container"> <a href="https://www.haventrails.com/nl/" class="ht-logo"> <picture><source type="image/webp" srcset="https://www.haventrails.com/img/logo-150.webp 1x, https://www.haventrails.com/img/logo-300.webp 2x"><img src="https://www.haventrails.com/img/havenkili1-640.webp" width="150" height="36" data-retina="true" alt="Havenpaden-avonturen" class="logo_normal" loading="eager" decoding="async"></picture> </a> <nav class="ht-nav" aria-label="Main navigation"> <div class="ht-nav__item"> <a href="https://www.haventrails.com/nl/" class="ht-nav__link">Thuis</a> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Safari-rondleidingen <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--safari" role="region"> <div> <h3 class="ht-mega__title">Safari-typen</h3> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-paw" aria-hidden="true"></i></div> <div><h4>Safari's in het wild</h4><p>Grote vijf en grote migratie</p></div> </a> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>Huwelijksreis Safari's</h4><p>Romantische luxe ontsnappingen</p></div> </a> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>Familie Safari's</h4><p>Kindvriendelijke avonturen</p></div> </a> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-binoculars" aria-hidden="true"></i></div> <div><h4>Dieren in het wild bekijken</h4><p>Gamedrives onder deskundige begeleiding</p></div> </a> </div> <div> <h3 class="ht-mega__title">Topbestemmingen</h3> <div class="ht-dest-grid"> <a href="https://www.haventrails.com/nl/serengeti-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari28.webp" alt="Serengeti" loading="lazy"> <span>Serengeti</span> </a> <a href="https://www.haventrails.com/nl/ngorongoro-crater" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari14.webp" alt="Ngorongoro" loading="lazy"> <span>Ngorongoro</span> </a> <a href="https://www.haventrails.com/nl/tarangire-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havenmain1.webp" alt="Tarangire" loading="lazy"> <span>Tarangire</span> </a> <a href="https://www.haventrails.com/nl/lake-manyara-national-park" class="ht-dest-card"> <img src="https://www.haventrails.com/img/havensafari4.webp" alt="Lake Manyara" loading="lazy"> <span>Lake Manyara</span> </a> </div> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Kilimanjaro <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--kili" role="region"> <div> <h3 class="ht-mega__title">Populaire routes</h3> <div class="ht-route-list"> <a href="https://www.haventrails.com/nl/lemosho-route" class="ht-route-item"> <div><h5>Lemosho-route</h5><span>8 dagen • Beste acclimatisatie</span></div> <span class="ht-route-badge">Hoogst gewaardeerd</span> </a> <a href="https://www.haventrails.com/nl/machame-route" class="ht-route-item"> <div><h5>Machame-route</h5><span>7 dagen • Meest populair</span></div> <span class="ht-route-badge">Populair</span> </a> <a href="https://www.haventrails.com/nl/marangu-route" class="ht-route-item"> <div><h5>Marangu-route</h5><span>5 Dagen • Hutaccommodatie</span></div> <span class="ht-route-badge">Klassiek</span> </a> </div> </div> <div> <h3 class="ht-mega__title">Hulpmiddelen plannen</h3> <a href="https://www.haventrails.com/nl/kilimanjaro-packing-list" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-suitcase" aria-hidden="true"></i></div> <div><h4>Paklijst</h4><p>Essentiële uitrusting en uitrusting</p></div> </a> <a href="https://www.haventrails.com/nl/kilimanjaro-climbing-guide" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-book" aria-hidden="true"></i></div> <div><h4>Klimgids</h4><p>Volledige routevergelijking</p></div> </a> <a href="https://www.haventrails.com/nl/best-time-to-climb-kilimanjaro" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-calendar-days" aria-hidden="true"></i></div> <div><h4>Beste tijd om te klimmen</h4><p>Weer- en seizoensgids</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Zanzibar <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--zanzibar" role="region"> <div> <h3 class="ht-mega__title">Eiland ervaringen</h3> <div class="ht-zanzibar-grid"> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-zan-card"><i class="fas fa-umbrella-beach" aria-hidden="true"></i><h5>Strandvakanties</h5><p>Wit zand en turquoise water</p></a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-zan-card"><i class="fas fa-landmark" aria-hidden="true"></i><h5>Steen stad</h5><p>UNESCO Werelderfgoed</p></a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-zan-card"><i class="fas fa-seedling" aria-hidden="true"></i><h5>Kruidenrondleidingen</h5><p>Geurige plantagebezoeken</p></a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-zan-card"><i class="fas fa-ship" aria-hidden="true"></i><h5>Safariblauw</h5><p>Dhow zeilen en snorkelen</p></a> </div> </div> <div> <h3 class="ht-mega__title">Populaire rondleidingen</h3> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#fce7f3;color:#be185d;"><i class="fas fa-heart" aria-hidden="true"></i></div> <div><h4>Huwelijksreispakketten</h4><p>Romantische strandretraites</p></div> </a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#dbeafe;color:#5C3D1E;"><i class="fas fa-users" aria-hidden="true"></i></div> <div><h4>Familie vakanties</h4><p>Leuk voor alle leeftijden</p></div> </a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mega-link"> <div class="ht-mega-link__icon" style="background:#d1fae5;color:#047857;"><i class="fas fa-map-location-dot" aria-hidden="true"></i></div> <div><h4>Alle Zanzibar-rondleidingen</h4><p>Blader door elke reisroute</p></div> </a> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Dagtochten <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--daytrips" role="region"> <div class="ht-daytrip-col"> <h4><i class="fas fa-mountain" aria-hidden="true"></i> Kilimanjaro-hellingen</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/nl/materuni-waterfall-day-trip">Materuni-waterval en koffie</a></li> <li><a href="https://www.haventrails.com/nl/mount-kilimanjaro-day-trip">Kilimanjaro-dagwandeling</a></li> <li><a href="https://www.haventrails.com/nl/materuni-waterfall-day-trip">Marangu-watervallen</a></li> <li><a href="https://www.haventrails.com/nl/olpopongi-maasai-village-day-trip">Olpopongi Maasai-dorp</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-paw" aria-hidden="true"></i> Dieren in het wild en natuur</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/nl/arusha-national-park-day-trip">Nationaal park Arusha</a></li> <li><a href="https://www.haventrails.com/nl/tarangire-day-trip">Tarangire-dagsafari</a></li> <li><a href="https://www.haventrails.com/nl/lake-challa-day-trip">Het Chala-kratermeer</a></li> <li><a href="https://www.haventrails.com/nl/chemka-kikuletwa-day-trip">Chemka-warmwaterbronnen</a></li> </ul> </div> <div class="ht-daytrip-col"> <h4><i class="fas fa-landmark" aria-hidden="true"></i> Cultuur & Geschiedenis</h4> <ul class="ht-daytrip-list"> <li><a href="https://www.haventrails.com/nl/daytrip-tours">Moshi-stadsrondleiding</a></li> <li><a href="https://www.haventrails.com/nl/daytrip-tours">Chagga culturele ervaring</a></li> <li><a href="https://www.haventrails.com/nl/daytrip-tours">Lokaal marktbezoek</a></li> <li><a href="https://www.haventrails.com/nl/serval-wildlife-day-trip">Dierencentrum Serval</a></li> </ul> </div> </div> </div> <div class="ht-nav__item"> <button class="ht-nav__link" aria-haspopup="true" aria-expanded="false"> Over <i class="fas fa-chevron-down ht-nav__chevron" aria-hidden="true"></i> </button> <div class="ht-mega ht-mega--about" role="region"> <div> <h3 class="ht-mega__title">Bedrijf</h3> <a href="https://www.haventrails.com/nl/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-building" aria-hidden="true"></i></div> <div><h4>Ons verhaal</h4><p>15+ jaar uitmuntendheid</p></div> </a> <a href="https://www.haventrails.com/nl/about-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-comments" aria-hidden="true"></i></div> <div><h4>Verhalen van klanten</h4><p>Echte reizigerservaringen</p></div> </a> <a href="https://www.haventrails.com/nl/contact-us" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-envelope" aria-hidden="true"></i></div> <div><h4>Neem contact met ons op</h4><p>Neem contact op met ons team</p></div> </a> </div> <div> <h3 class="ht-mega__title">Hulpbronnen</h3> <a href="https://www.haventrails.com/nl/tanzania-safari-guide" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-map" aria-hidden="true"></i></div> <div><h4>Reisgids</h4><p>Visum-, gezondheids- en veiligheidsinformatie</p></div> </a> <a href="https://www.haventrails.com/nl/blog" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-newspaper" aria-hidden="true"></i></div> <div><h4>Reisblog</h4><p>Tips, nieuws & inspiratie</p></div> </a> <a href="https://www.haventrails.com/nl/faq" class="ht-mega-link"> <div class="ht-mega-link__icon"><i class="fas fa-question-circle" aria-hidden="true"></i></div> <div><h4>Veelgestelde vragen</h4><p>Veelgestelde vragen beantwoord</p></div> </a> </div> </div> </div> </nav> <div class="ht-actions"> <div class="ht-lang" id="langSwitcher"> <button class="ht-lang__toggle" onclick="toggleLang()" aria-label="Select language" aria-expanded="false"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch" class="ht-lang__flag"> <span class="ht-lang__code">NL</span> <i class="fas fa-chevron-down ht-lang__chevron" aria-hidden="true"></i> </button> <div class="ht-lang__dropdown" id="langDropdown" role="listbox" aria-label="Taalopties"> <div class="ht-lang__search"> <input type="text" placeholder="Zoektaal..." onkeyup="filterLang(this.value)" aria-label="Zoektalen"> </div> <div id="langGrid"> <a href="https://www.haventrails.com/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="Engels"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Engels</span> <span class="ht-lang__option-native">Engels</span> </div> </a> <a href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="da"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Danish</span> <span class="ht-lang__option-native">Dansk</span> </div> </a> <a href="https://www.haventrails.com/de/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="de"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">German</span> <span class="ht-lang__option-native">Deutsch</span> </div> </a> <a href="https://www.haventrails.com/es/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="es"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Spanish</span> <span class="ht-lang__option-native">Espanol</span> </div> </a> <a href="https://www.haventrails.com/fr/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="fr"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">French</span> <span class="ht-lang__option-native">Francais</span> </div> </a> <a href="https://www.haventrails.com/it/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="it"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Italian</span> <span class="ht-lang__option-native">Italiano</span> </div> </a> <a href="https://www.haventrails.com/ko/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Korean</span> <span class="ht-lang__option-native">Korean</span> </div> </a> <a href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar" class="ht-lang__option active" data-lang="nl"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Dutch</span> <span class="ht-lang__option-native">Nederlands</span> </div> </a> <a href="https://www.haventrails.com/pl/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="pl"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Polish</span> <span class="ht-lang__option-native">Polski</span> </div> </a> <a href="https://www.haventrails.com/ru/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="ru"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Russian</span> <span class="ht-lang__option-native">Russian</span> </div> </a> <a href="https://www.haventrails.com/sv/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="sv"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Swedish</span> <span class="ht-lang__option-native">Svenska</span> </div> </a> <a href="https://www.haventrails.com/pt/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (Brazilië)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Portuguese (Brazilië)</span> <span class="ht-lang__option-native">Portugues</span> </div> </a> <a href="https://www.haventrails.com/ja/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="ja"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Japanese</span> <span class="ht-lang__option-native">Japanese</span> </div> </a> <a href="https://www.haventrails.com/tr/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="tr"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Turkish</span> <span class="ht-lang__option-native">Turkce</span> </div> </a> <a href="https://www.haventrails.com/zh/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="zh-Hans"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Simplified</span> <span class="ht-lang__option-native">Vereenvoudigd Chinees</span> </div> </a> <a href="https://www.haventrails.com/zh-tw/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="zh-TW"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Traditional (Taiwan)</span> <span class="ht-lang__option-native">Traditioneel Chinees (Taiwan)</span> </div> </a> <a href="https://www.haventrails.com/zh-hk/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="zh-HK"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Chinese Traditional (Hong Kong)</span> <span class="ht-lang__option-native">Traditioneel Chinees (Hong Kong)</span> </div> </a> <a href="https://www.haventrails.com/ar/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="ar"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Arabic</span> <span class="ht-lang__option-native">Arabic</span> </div> </a> <a href="https://www.haventrails.com/no/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="no"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Norwegian</span> <span class="ht-lang__option-native">Norsk</span> </div> </a> <a href="https://www.haventrails.com/fi/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="fi"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Finnish</span> <span class="ht-lang__option-native">Suomi</span> </div> </a> <a href="https://www.haventrails.com/he/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="he"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hebrew</span> <span class="ht-lang__option-native">Hebrew</span> </div> </a> <a href="https://www.haventrails.com/hi/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="hi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hindi</span> <span class="ht-lang__option-native">Hindi</span> </div> </a> <a href="https://www.haventrails.com/th/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="th"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Thai</span> <span class="ht-lang__option-native">Thai</span> </div> </a> <a href="https://www.haventrails.com/id/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="id"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Indonesian</span> <span class="ht-lang__option-native">Bahasa Indonesia</span> </div> </a> <a href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="cs"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Czech</span> <span class="ht-lang__option-native">Cestina</span> </div> </a> <a href="https://www.haventrails.com/hu/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="hu"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Hungarian</span> <span class="ht-lang__option-native">Magyar</span> </div> </a> <a href="https://www.haventrails.com/el/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="el"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Greek</span> <span class="ht-lang__option-native">Greek</span> </div> </a> <a href="https://www.haventrails.com/sk/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="sk"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Slovak</span> <span class="ht-lang__option-native">Slovencina</span> </div> </a> <a href="https://www.haventrails.com/uk/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="uk"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Ukrainian</span> <span class="ht-lang__option-native">Ukrainian</span> </div> </a> <a href="https://www.haventrails.com/ro/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="ro"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Romanian</span> <span class="ht-lang__option-native">Romana</span> </div> </a> <a href="https://www.haventrails.com/vi/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="vi"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Vietnamese</span> <span class="ht-lang__option-native">Tieng Viet</span> </div> </a> <a href="https://www.haventrails.com/tl/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="tl"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Filipino/Tagalog</span> <span class="ht-lang__option-native">Filipino</span> </div> </a> <a href="https://www.haventrails.com/kk/romantic-sailing-dhow-zanzibar" class="ht-lang__option" data-lang="kk"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-lang__option-info"> <span class="ht-lang__option-name">Kazakh</span> <span class="ht-lang__option-native">Kazakh</span> </div> </a> </div> </div> </div> <a href="tel:+255713334154" class="ht-btn ht-btn--outline" aria-label="Call us"> <i class="fas fa-phone" aria-hidden="true"></i> <span>Bel ons</span> </a> <a href="https://www.haventrails.com/nl/planning-my-trip" class="ht-btn ht-btn--primary"> <i class="fas fa-calendar-check" aria-hidden="true"></i> <span>Begin met plannen</span> </a> <div class="ht-mobile-flags" id="mobileFlagSwitcher"> <button class="ht-mobile-flags__trigger" onclick="toggleMobileFlags()" aria-label="Select language" aria-expanded="false" id="mobileFlagsBtn"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch" class="ht-lang__flag"> <span class="ht-mobile-flags__code" id="mobileFlagCode">NL</span> <i class="fas fa-chevron-down ht-mobile-flags__chevron" aria-hidden="true"></i> </button> <div class="ht-mobile-flags__panel" id="mobileFlagsPanel" role="listbox" aria-label="Select language"> <div class="ht-mobile-flags__title">Kies uw taal</div> <div class="ht-mobile-flags__list"> <a href="https://www.haventrails.com/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="en" aria-label="Engels"> <img src="https://flagcdn.com/w80/us.png" alt="Engels"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Engels</span> <span class="ht-mobile-flag-btn__native">Engels</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="da" aria-label="Danish"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Danish</span> <span class="ht-mobile-flag-btn__native">Dansk</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/de/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="de" aria-label="German"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">German</span> <span class="ht-mobile-flag-btn__native">Deutsch</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/es/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="es" aria-label="Spanish"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Spanish</span> <span class="ht-mobile-flag-btn__native">Espanol</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fr/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="fr" aria-label="French"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">French</span> <span class="ht-mobile-flag-btn__native">Francais</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/it/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="it" aria-label="Italian"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Italian</span> <span class="ht-mobile-flag-btn__native">Italiano</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ko/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="ko" aria-label="Korean"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Korean</span> <span class="ht-mobile-flag-btn__native">Korean</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn active" data-lang="nl" aria-label="Dutch"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Dutch</span> <span class="ht-mobile-flag-btn__native">Nederlands</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pl/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="pl" aria-label="Polish"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Polish</span> <span class="ht-mobile-flag-btn__native">Polski</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ru/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="ru" aria-label="Russian"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Russian</span> <span class="ht-mobile-flag-btn__native">Russian</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sv/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="sv" aria-label="Swedish"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Swedish</span> <span class="ht-mobile-flag-btn__native">Svenska</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pt/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="pt-BR" aria-label="Portuguese (Brazilië)"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (Brazilië)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Portuguese (Brazilië)</span> <span class="ht-mobile-flag-btn__native">Portugues</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ja/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="ja" aria-label="Japanese"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Japanese</span> <span class="ht-mobile-flag-btn__native">Japanese</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tr/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="tr" aria-label="Turkish"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Turkish</span> <span class="ht-mobile-flag-btn__native">Turkce</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="zh-Hans" aria-label="Chinese Simplified"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Simplified</span> <span class="ht-mobile-flag-btn__native">Vereenvoudigd Chinees</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-tw/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="zh-TW" aria-label="Chinese Traditional (Taiwan)"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Traditional (Taiwan)</span> <span class="ht-mobile-flag-btn__native">Traditioneel Chinees (Taiwan)</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-hk/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="zh-HK" aria-label="Chinese Traditional (Hong Kong)"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Chinese Traditional (Hong Kong)</span> <span class="ht-mobile-flag-btn__native">Traditioneel Chinees (Hong Kong)</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ar/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="ar" aria-label="Arabic"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Arabic</span> <span class="ht-mobile-flag-btn__native">Arabic</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/no/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="no" aria-label="Norwegian"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Norwegian</span> <span class="ht-mobile-flag-btn__native">Norsk</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fi/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="fi" aria-label="Finnish"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Finnish</span> <span class="ht-mobile-flag-btn__native">Suomi</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/he/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="he" aria-label="Hebrew"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hebrew</span> <span class="ht-mobile-flag-btn__native">Hebrew</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hi/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="hi" aria-label="Hindi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hindi</span> <span class="ht-mobile-flag-btn__native">Hindi</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/th/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="th" aria-label="Thai"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Thai</span> <span class="ht-mobile-flag-btn__native">Thai</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/id/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="id" aria-label="Indonesian"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Indonesian</span> <span class="ht-mobile-flag-btn__native">Bahasa Indonesia</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="cs" aria-label="Czech"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Czech</span> <span class="ht-mobile-flag-btn__native">Cestina</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hu/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="hu" aria-label="Hungarian"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Hungarian</span> <span class="ht-mobile-flag-btn__native">Magyar</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/el/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="el" aria-label="Greek"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Greek</span> <span class="ht-mobile-flag-btn__native">Greek</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sk/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="sk" aria-label="Slovak"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Slovak</span> <span class="ht-mobile-flag-btn__native">Slovencina</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/uk/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="uk" aria-label="Ukrainian"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Ukrainian</span> <span class="ht-mobile-flag-btn__native">Ukrainian</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ro/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="ro" aria-label="Romanian"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Romanian</span> <span class="ht-mobile-flag-btn__native">Romana</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/vi/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="vi" aria-label="Vietnamese"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Vietnamese</span> <span class="ht-mobile-flag-btn__native">Tieng Viet</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tl/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="tl" aria-label="Filipino/Tagalog"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Filipino/Tagalog</span> <span class="ht-mobile-flag-btn__native">Filipino</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/kk/romantic-sailing-dhow-zanzibar" class="ht-mobile-flag-btn" data-lang="kk" aria-label="Kazakh"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-mobile-flag-btn__info"> <span class="ht-mobile-flag-btn__name">Kazakh</span> <span class="ht-mobile-flag-btn__native">Kazakh</span> </div> <i class="fas fa-check ht-mobile-flag-btn__check" aria-hidden="true"></i> </a> </div> </div> </div> <button class="ht-mobile-toggle" id="mobileToggle" onclick="toggleMobileMenu()" aria-label="Navigatiemenu openen" aria-expanded="false"> <span></span> <span></span> <span></span> </button> </div> </div> </header> <div class="ht-mobile-overlay" id="mobileOverlay" onclick="closeMobileMenu()"></div> <div class="ht-mobile-menu" id="mobileMenu" role="dialog" aria-modal="true" aria-label="Navigatiemenu"> <div class="ht-mobile-menu__header"> <a href="https://www.haventrails.com/nl/" class="ht-logo" style="transform:scale(.88);transform-origin:left;"> <picture><source type="image/webp" srcset="https://www.haventrails.com/img/logo-150.webp 1x, https://www.haventrails.com/img/logo-300.webp 2x"><img src="https://www.haventrails.com/img/zanzibarnew.webp" width="150" height="36" data-retina="true" alt="Havenpaden-avonturen" class="logo_normal" loading="eager" decoding="async"></picture> </a> <button class="ht-mobile-menu__close" onclick="closeMobileMenu()" aria-label="Close navigation menu"> <i class="fas fa-times" aria-hidden="true"></i> </button> </div> <div class="ht-mobile-menu__content"> <div class="ht-mobile-trust" aria-label="Onze referenties"> <div class="ht-mobile-trust-stat"><strong>15+</strong><span>Jaren</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>98.5%</strong><span>Top</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>5<i class="fa-solid fa-star" aria-hidden="true"></i></strong><span>Beoordeeld</span></div> <div class="ht-mobile-trust-div"></div> <div class="ht-mobile-trust-stat"><strong>4,000+</strong><span>Gasten</span></div> </div> <nav class="ht-mobile-nav" aria-label="Mobile navigation"> <div class="ht-mobile-item"> <a href="https://www.haventrails.com/nl/" class="ht-mobile-item__header" style="text-decoration:none;"> <span class="ht-mobile-item__title"><i class="fas fa-home" aria-hidden="true"></i> Thuis</span> </a> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-paw" aria-hidden="true"></i> Safari-rondleidingen</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mobile-link"><i class="fas fa-binoculars" aria-hidden="true"></i> Safari's in het wild</a> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mobile-link"><i class="fas fa-heart" aria-hidden="true"></i> Huwelijksreis Safari's</a> <a href="https://www.haventrails.com/nl/safari-tours" class="ht-mobile-link"><i class="fas fa-users" aria-hidden="true"></i> Familie Safari's</a> <a href="https://www.haventrails.com/nl/serengeti-national-park" class="ht-mobile-link"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> Serengeti</a> <a href="https://www.haventrails.com/nl/ngorongoro-crater" class="ht-mobile-link"><i class="fas fa-mountain" aria-hidden="true"></i> Ngorongoro</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-mountain" aria-hidden="true"></i> Kilimanjaro</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/nl/lemosho-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> Lemosho-route</a> <a href="https://www.haventrails.com/nl/machame-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> Machame-route</a> <a href="https://www.haventrails.com/nl/marangu-route" class="ht-mobile-link"><i class="fas fa-route" aria-hidden="true"></i> Marangu-route</a> <a href="https://www.haventrails.com/nl/kilimanjaro-packing-list" class="ht-mobile-link"><i class="fas fa-suitcase" aria-hidden="true"></i> Paklijst</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-umbrella-beach" aria-hidden="true"></i> Zanzibar</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-sun" aria-hidden="true"></i> Strandvakanties</a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-landmark" aria-hidden="true"></i> Steen stad</a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-seedling" aria-hidden="true"></i> Kruidenrondleidingen</a> <a href="https://www.haventrails.com/nl/zanzibar-tours" class="ht-mobile-link"><i class="fas fa-ship" aria-hidden="true"></i> Safariblauw</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-clock" aria-hidden="true"></i> Dagtochten</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/nl/materuni-waterfall-day-trip" class="ht-mobile-link"><i class="fas fa-water" aria-hidden="true"></i> Materuni-waterval</a> <a href="https://www.haventrails.com/nl/arusha-national-park-day-trip" class="ht-mobile-link"><i class="fas fa-paw" aria-hidden="true"></i> Nationaal park Arusha</a> <a href="https://www.haventrails.com/nl/chemka-kikuletwa-day-trip" class="ht-mobile-link"><i class="fas fa-hot-tub-person" aria-hidden="true"></i> Chemka-warmwaterbronnen</a> </div> </div> </div> <div class="ht-mobile-item"> <div class="ht-mobile-item__header" onclick="toggleAccordion(this)" role="button" aria-expanded="false" tabindex="0"> <span class="ht-mobile-item__title"><i class="fas fa-info-circle" aria-hidden="true"></i> Over</span> <span class="ht-mobile-item__toggle" aria-hidden="true"><i class="fas fa-chevron-down"></i></span> </div> <div class="ht-mobile-item__content"> <div class="ht-mobile-item__links"> <a href="https://www.haventrails.com/nl/about-us" class="ht-mobile-link"><i class="fas fa-building" aria-hidden="true"></i> Ons verhaal</a> <a href="https://www.haventrails.com/nl/about-us" class="ht-mobile-link"><i class="fas fa-comments" aria-hidden="true"></i> Recensies</a> <a href="https://www.haventrails.com/nl/blog" class="ht-mobile-link"><i class="fas fa-newspaper" aria-hidden="true"></i> Bloggen</a> <a href="https://www.haventrails.com/nl/faq" class="ht-mobile-link"><i class="fas fa-question-circle" aria-hidden="true"></i> Veelgestelde vragen</a> <a href="https://www.haventrails.com/nl/contact-us" class="ht-mobile-link"><i class="fas fa-envelope" aria-hidden="true"></i> Contacteer</a> </div> </div> </div> </nav> <div class="ht-mobile-lang"> <div class="ht-mobile-lang__title">Selecteer Taal</div> <div class="ht-mobile-lang__scroll" id="drawerLangGrid"> <a href="https://www.haventrails.com/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="en"> <img src="https://flagcdn.com/w80/us.png" alt="Engels"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Engels</span> <span class="ht-drawer-lang-btn__native">Engels</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/da/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="da"> <img src="https://flagcdn.com/w80/dk.png" alt="Danish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Danish</span> <span class="ht-drawer-lang-btn__native">Dansk</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/de/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="de"> <img src="https://flagcdn.com/w80/de.png" alt="German"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">German</span> <span class="ht-drawer-lang-btn__native">Deutsch</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/es/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="es"> <img src="https://flagcdn.com/w80/es.png" alt="Spanish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Spanish</span> <span class="ht-drawer-lang-btn__native">Espanol</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fr/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="fr"> <img src="https://flagcdn.com/w80/fr.png" alt="French"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">French</span> <span class="ht-drawer-lang-btn__native">Francais</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/it/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="it"> <img src="https://flagcdn.com/w80/it.png" alt="Italian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Italian</span> <span class="ht-drawer-lang-btn__native">Italiano</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ko/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="ko"> <img src="https://flagcdn.com/w80/kr.png" alt="Korean"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Korean</span> <span class="ht-drawer-lang-btn__native">Korean</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/nl/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn active" data-lang="nl"> <img src="https://flagcdn.com/w80/nl.png" alt="Dutch"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Dutch</span> <span class="ht-drawer-lang-btn__native">Nederlands</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pl/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="pl"> <img src="https://flagcdn.com/w80/pl.png" alt="Polish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Polish</span> <span class="ht-drawer-lang-btn__native">Polski</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ru/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="ru"> <img src="https://flagcdn.com/w80/ru.png" alt="Russian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Russian</span> <span class="ht-drawer-lang-btn__native">Russian</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sv/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="sv"> <img src="https://flagcdn.com/w80/se.png" alt="Swedish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Swedish</span> <span class="ht-drawer-lang-btn__native">Svenska</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/pt/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="pt-BR"> <img src="https://flagcdn.com/w80/br.png" alt="Portuguese (Brazilië)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Portuguese (Brazilië)</span> <span class="ht-drawer-lang-btn__native">Portugues</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ja/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="ja"> <img src="https://flagcdn.com/w80/jp.png" alt="Japanese"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Japanese</span> <span class="ht-drawer-lang-btn__native">Japanese</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tr/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="tr"> <img src="https://flagcdn.com/w80/tr.png" alt="Turkish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Turkish</span> <span class="ht-drawer-lang-btn__native">Turkce</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="zh-Hans"> <img src="https://flagcdn.com/w80/cn.png" alt="Chinese Simplified"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Simplified</span> <span class="ht-drawer-lang-btn__native">Vereenvoudigd Chinees</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-tw/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="zh-TW"> <img src="https://flagcdn.com/w80/tw.png" alt="Chinese Traditional (Taiwan)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Traditional (Taiwan)</span> <span class="ht-drawer-lang-btn__native">Traditioneel Chinees (Taiwan)</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/zh-hk/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="zh-HK"> <img src="https://flagcdn.com/w80/hk.png" alt="Chinese Traditional (Hong Kong)"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Chinese Traditional (Hong Kong)</span> <span class="ht-drawer-lang-btn__native">Traditioneel Chinees (Hong Kong)</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ar/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="ar"> <img src="https://flagcdn.com/w80/sa.png" alt="Arabic"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Arabic</span> <span class="ht-drawer-lang-btn__native">Arabic</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/no/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="no"> <img src="https://flagcdn.com/w80/no.png" alt="Norwegian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Norwegian</span> <span class="ht-drawer-lang-btn__native">Norsk</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/fi/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="fi"> <img src="https://flagcdn.com/w80/fi.png" alt="Finnish"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Finnish</span> <span class="ht-drawer-lang-btn__native">Suomi</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/he/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="he"> <img src="https://flagcdn.com/w80/il.png" alt="Hebrew"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hebrew</span> <span class="ht-drawer-lang-btn__native">Hebrew</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hi/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="hi"> <img src="https://flagcdn.com/w80/in.png" alt="Hindi"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hindi</span> <span class="ht-drawer-lang-btn__native">Hindi</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/th/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="th"> <img src="https://flagcdn.com/w80/th.png" alt="Thai"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Thai</span> <span class="ht-drawer-lang-btn__native">Thai</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/id/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="id"> <img src="https://flagcdn.com/w80/id.png" alt="Indonesian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Indonesian</span> <span class="ht-drawer-lang-btn__native">Bahasa Indonesia</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/cs/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="cs"> <img src="https://flagcdn.com/w80/cz.png" alt="Czech"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Czech</span> <span class="ht-drawer-lang-btn__native">Cestina</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/hu/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="hu"> <img src="https://flagcdn.com/w80/hu.png" alt="Hungarian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Hungarian</span> <span class="ht-drawer-lang-btn__native">Magyar</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/el/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="el"> <img src="https://flagcdn.com/w80/gr.png" alt="Greek"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Greek</span> <span class="ht-drawer-lang-btn__native">Greek</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/sk/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="sk"> <img src="https://flagcdn.com/w80/sk.png" alt="Slovak"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Slovak</span> <span class="ht-drawer-lang-btn__native">Slovencina</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/uk/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="uk"> <img src="https://flagcdn.com/w80/ua.png" alt="Ukrainian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Ukrainian</span> <span class="ht-drawer-lang-btn__native">Ukrainian</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/ro/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="ro"> <img src="https://flagcdn.com/w80/ro.png" alt="Romanian"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Romanian</span> <span class="ht-drawer-lang-btn__native">Romana</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/vi/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="vi"> <img src="https://flagcdn.com/w80/vn.png" alt="Vietnamese"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Vietnamese</span> <span class="ht-drawer-lang-btn__native">Tieng Viet</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/tl/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="tl"> <img src="https://flagcdn.com/w80/ph.png" alt="Filipino/Tagalog"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Filipino/Tagalog</span> <span class="ht-drawer-lang-btn__native">Filipino</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> <a href="https://www.haventrails.com/kk/romantic-sailing-dhow-zanzibar" class="ht-drawer-lang-btn" data-lang="kk"> <img src="https://flagcdn.com/w80/kz.png" alt="Kazakh"> <div class="ht-drawer-lang-btn__info"> <span class="ht-drawer-lang-btn__name">Kazakh</span> <span class="ht-drawer-lang-btn__native">Kazakh</span> </div> <i class="fas fa-check ht-drawer-lang-btn__check" aria-hidden="true"></i> </a> </div> </div> <div class="ht-mobile-cta"> <a href="tel:+255713334154" class="ht-btn ht-btn--outline"><i class="fas fa-phone" aria-hidden="true"></i> Bel ons</a> <a href="https://www.haventrails.com/nl/planning-my-trip" class="ht-btn ht-btn--primary"><i class="fas fa-calendar-check" aria-hidden="true"></i> Begin met plannen</a> </div> </div> <script> const header = document.getElementById('mainHeader'); window.addEventListener('scroll', () => { header.classList.toggle('ht-header--scrolled', window.pageYOffset > 50); }, { passive: true }); function toggleLang() { const dropdown = document.getElementById('langDropdown'); const toggle = document.querySelector('.ht-lang__toggle'); const isOpen = dropdown.classList.toggle('active'); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); } function filterLang(query) { const q = query.toLowerCase(); document.querySelectorAll('.ht-lang__option').forEach(opt => { opt.style.display = opt.textContent.toLowerCase().includes(q) ? '' : 'none'; }); } document.addEventListener('click', e => { const langSwitcher = document.getElementById('langSwitcher'); if (langSwitcher && !langSwitcher.contains(e.target)) { document.getElementById('langDropdown').classList.remove('active'); document.querySelector('.ht-lang__toggle')?.classList.remove('active'); } const mobileFlags = document.getElementById('mobileFlagSwitcher'); if (mobileFlags && !mobileFlags.contains(e.target)) { closeMobileFlags(); } }); function toggleMobileFlags() { const panel = document.getElementById('mobileFlagsPanel'); const btn = document.getElementById('mobileFlagsBtn'); const isOpen = panel.classList.toggle('active'); btn.classList.toggle('active', isOpen); btn.setAttribute('aria-expanded', isOpen); } function closeMobileFlags() { document.getElementById('mobileFlagsPanel')?.classList.remove('active'); const btn = document.getElementById('mobileFlagsBtn'); btn?.classList.remove('active'); btn?.setAttribute('aria-expanded', 'false'); } function toggleMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); const isOpen = menu.classList.toggle('active'); overlay.classList.toggle('active', isOpen); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); document.body.style.overflow = isOpen ? 'hidden' : ''; if (isOpen) closeMobileFlags(); } function closeMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); menu.classList.remove('active'); overlay.classList.remove('active'); toggle.classList.remove('active'); toggle.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; } function toggleAccordion(headerEl) { const item = headerEl.parentElement; const isActive = item.classList.contains('active'); document.querySelectorAll('.ht-mobile-item').forEach(i => i.classList.remove('active')); if (!isActive) item.classList.add('active'); headerEl.setAttribute('aria-expanded', !isActive); } document.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { if (e.target.getAttribute('role') === 'button') { e.preventDefault(); e.target.click(); } } if (e.key === 'Escape') { if (document.getElementById('mobileMenu')?.classList.contains('active')) closeMobileMenu(); if (document.getElementById('langDropdown')?.classList.contains('active')) toggleLang(); if (document.getElementById('mobileFlagsPanel')?.classList.contains('active')) closeMobileFlags(); } }); </script> </div> <div id="has-smooth"> <div id="has-smooth-wrap"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> :root{--gold:#C9A84C;--gold-light:#E8C97A;--dark:#0D0D0D;--dark-2:#161616;--dark-3:#1E1E1E;--white:#FFFFFF;--text:#E8E8E8;--text-muted:#A0A0A0;--font-d:'Cormorant Garamond',Georgia,serif;--font-b:'Jost',sans-serif;--hh:72px;--r:4px;--t:0.3s ease;} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} .hero{position:relative;height:88vh;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;} .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a0d 35%,#0d1a0d 65%,#0a0f0d 100%);} .hero-mt{position:absolute;bottom:0;left:0;right:0;height:65%;} .hero-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.96) 0%,rgba(13,13,13,.5) 40%,rgba(13,13,13,.1) 70%,transparent 100%);} .stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;} .star{position:absolute;background:#fff;border-radius:50%;animation:tw 3s infinite;} @keyframes tw{0%,100%{opacity:.6}50%{opacity:.1}} .hc{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;padding:0 32px 64px;} .hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.9);border:1px solid rgba(201,168,76,.3);color:white;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:100px;margin-bottom:20px;} .hero h1{font-family:var(--font-d);font-size:clamp(42px,7vw,88px);font-weight:700;line-height:1;color:var(--white);margin-bottom:8px;} .hero h1 em{font-style:italic;color:var(--gold);} .hero-sub{font-size:clamp(14px,2vw,18px);color:white;font-weight:300;margin-bottom:32px;max-width:560px;} .hstats{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:32px;} .sv{font-family:var(--font-d);font-size:28px;font-weight:700;color:var(--gold);line-height:1;} .sl{font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;} .sdiv{width:1px;height:36px;background:rgba(255,255,255,.1);} .hact{display:flex;gap:14px;flex-wrap:wrap;} .btn-p{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);transition:all var(--t);} .btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3);} .btn-s{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--white);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);transition:all var(--t);} .btn-s:hover{border-color:var(--gold);color:var(--gold);} .bc{background:#4a2e01;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0;} .bci{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .bci a:hover{color:var(--gold);} .bci .sep{color:#444;} .pl{max-width:1280px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:1fr 300px;gap:40px;} .slbl{font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px;} .stit{font-family:var(--font-d);font-size:clamp(26px,4vw,40px);font-weight:700;color: #4a2e01;line-height:1.15;margin-bottom:20px;} .stit em{font-style:italic;color:var(--gold);} .divdr{width:48px;height:2px;background:var(--gold);margin-bottom:24px;} .prose{color:var(--text-muted);line-height:1.8;font-weight:300;font-size:15px;} .prose p+p{margin-top:16px;} .prose strong{color:var(--text);font-weight:500;} .qf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;} .fc{background:#e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);padding:18px 14px;text-align:center;transition:border-color var(--t),transform var(--t);} .fc:hover{border-color:rgba(201,168,76,.3);transform:translateY(-2px);} .fi{width:38px;height:38px;border-radius:50%;background:rgba(201,168,76,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--gold);font-size:15px;} .fv{font-family:var(--font-d);font-size:20px;font-weight:700;color:#4a2e01;line-height:1.1;margin-bottom:4px;} .fl{font-size:11px;color:black;letter-spacing:.08em;text-transform:uppercase;} .pcg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;} .pro,.con{background:#e5e6e1;border-radius:var(--r);padding:22px;border:1px solid;} .pro{border-color:rgba(76,201,130,.15);} .con{border-color:rgba(201,76,76,.15);} .pct{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;} .pro .pct{color:#4CC982;} .con .pct{color:#CC5555;} .pcl{list-style:none;display:flex;flex-direction:column;gap:9px;} .pcl li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:black;line-height:1.5;} .pcl li i{margin-top:2px;flex-shrink:0;font-size:11px;} .pro .pcl li i{color:#4CC982;} .con .pcl li i{color:#CC5555;} .gg{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:10px;margin:28px 0;} .gi{border-radius:var(--r);overflow:hidden;position:relative;background:var(--dark-3);aspect-ratio:4/3;} .gi:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:unset;} .gsvg{width:100%;height:100%;display:block;} .gov{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background var(--t);} .gi:hover .gov{background:rgba(0,0,0,.35);} .gov i{color:transparent;font-size:24px;transition:color var(--t);} .gi:hover .gov i{color:var(--white);} .ec{background:var(--dark-3);border:1px solid rgba(201,168,76,.1);border-radius:var(--r);padding:24px;overflow:hidden;} .ec svg{width:100%;height:auto;display:block;} .ith{ display:flex; background: #e5e6e1; border:1px solid rgba(201,168,76,.15); border-radius:var(--r); overflow:hidden; margin-bottom:24px; position:sticky; top:72px; z-index:40; } .itb{flex:1;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--t);position:relative;display:flex;flex-direction:column;gap:3px;} .itb+.itb{border-left:1px solid rgba(255,255,255,.07);} .itb .td{font-family:var(--font-d);font-size:22px;font-weight:700;color: black;line-height:1;transition:color var(--t);} .itb .tl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:black;transition:color var(--t);} .itb .tr{font-size:11px;color:black;display:flex;align-items:center;gap:5px;margin-top:2px;transition:color var(--t);} .itb .trec{font-size:10px;color:#4CC982;letter-spacing:.06em;margin-top:2px;opacity:0;transition:opacity var(--t);} .itb.active{background: #4a2e01;} .itb.active .td{color:var(--gold);} .itb.active .tl{color:var(--text);} .itb.active .tr{color:var(--gold-light);} .itb.active .trec{opacity:1;} .itb::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;} .itb.active::after{transform:scaleX(1);} .itp{display:none;} .itp.active{display:block;animation:pin .3s ease;} @keyframes pin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .dc{background: #e5e6e1;border:1px solid #4a2e01;border-radius:var(--r);overflow:hidden;margin-bottom:10px;transition:border-color var(--t);} .dc:hover{border-color:rgba(201,168,76,.2);} .dh{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;} .dn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background: #4a2e01;border:1px solid rgba(201,168,76,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:700;color: white;} .di{flex:1;min-width:0;} .dt{font-size:18px;font-weight:500;color:#4a2e01;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dm{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:black;} .dm span{display:flex;align-items:center;gap:4px;white-space:nowrap;} .dtog{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .dc.open .dtog{transform:rotate(180deg);} .db{max-height:0;overflow:hidden;transition:max-height .45s ease;} .dc.open .db{max-height:600px;} .dbi{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.05);} .dbi p{font-size:15px;color: black;line-height:1.75;margin-bottom:12px;} .dbi p:first-of-type{margin-top:14px;} .dhi{display:flex;gap:8px;flex-wrap:wrap;} .ht{display:inline-flex;align-items:center;gap:5px;background:#4a2e01;border:1px solid rgba(201,168,76,.2);color:var(--gold-light);font-size:11px;padding:4px 10px;border-radius:100px;} .dc.ac{border-color:rgba(76,201,130,.2);} .dc.ac .dn{background:rgba(76,201,130,.1);border-color:rgba(76,201,130,.3);color:#4CC982;} .acb{display:inline-flex;align-items:center;gap:7px;background:rgba(76,201,130,.08);border:1px solid rgba(76,201,130,.2);color:black;font-size:11px;font-weight:600;letter-spacing:.06em;padding:5px 12px;border-radius:100px;margin:14px 0 10px;} .ct{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;} .ct th{background:#e5e6e1;color:#4a2e01;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;text-align:left;font-weight:600;border-bottom:1px solid rgba(201,168,76,.2);} .ct td{padding:12px 14px;color:black;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;} .ct tr:hover td{background:white;color:black;} .cn{color:#4a2e01;font-weight:500;} .ep{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);color:#4a2e01;font-size:11px;padding:2px 8px;border-radius:100px;white-space:nowrap;} .rg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .rc{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:18px 14px;text-align:center;transition:all var(--t);} .rc:hover{border-color:rgba(201,168,76,.25);} .rc.feat{border-color:var(--gold);background:rgba(201,168,76,.05);} .rcn{font-family:var(--font-d);font-size:17px;font-weight:700;color:var(--white);margin-bottom:4px;} .rc.feat .rcn{color:var(--gold);} .rcd{font-size:12px;color:var(--text-muted);margin-bottom:10px;} .db2{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;} .de{background:rgba(76,201,130,.1);color:#4CC982;border:1px solid rgba(76,201,130,.2);} .dm2{background:rgba(255,180,50,.1);color:#FFB432;border:1px solid rgba(255,180,50,.2);} .dh2{background:rgba(201,76,76,.1);color:#CC5555;border:1px solid rgba(201,76,76,.2);} .sr{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);line-height:1;} .srl{font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;} .fqi{border-bottom:1px solid rgba(255,255,255,.06);} .fqq{padding:16px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;color:#4a2e01;transition:color var(--t);gap:16px;} .fqq:hover{color:var(--gold);} .fqq i{color:var(--gold);font-size:12px;transition:transform var(--t);flex-shrink:0;} .fqi.open .fqq i{transform:rotate(180deg);} .fqa{max-height:0;overflow:hidden;transition:max-height .4s ease;} .fqi.open .fqa{max-height:400px;} .fqai{padding:0 0 16px;font-size:15px;color:black;line-height:1.8;} .sb{position: static;min-width:0;} .bkc{background:#4a2e01;border:1px solid rgba(201,168,76,.2);border-radius:var(--r);padding:26px;margin-bottom:20px;} .bkct{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);margin-bottom:4px;} .bkcs{font-size:15px;color:var(--text-muted);margin-bottom:18px;} .pr{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;} .pfr{font-size:12px;color:var(--text-muted);} .pv{font-family:var(--font-d);font-size:36px;font-weight:700;color:var(--gold);line-height:1;} .ppp{font-size:12px;color:var(--text-muted);} .pn{font-size:11px;color:var(--text-muted);margin-bottom:18px;} .bkf{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);} .bkf li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted);} .bkf li i{color:var(--gold);font-size:11px;width:14px;text-align:center;} .bf{width:100%;padding:14px;background:var(--gold);color:var(--dark);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;transition:background var(--t);margin-bottom:10px;display:block;text-align:center;} .bf:hover{background:var(--gold-light);} .bfo{width:100%;padding:12px;background:transparent;color:var(--text);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);border-radius:var(--r);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:8px;} .bfo:hover{border-color:var(--gold);color:var(--gold);} .ic{background:#4a2e01;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:20px;margin-bottom:14px;} .ict{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:7px;} .ir{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:10px;} .ir:last-child{border-bottom:none;} .ik{font-size:14px;color:var(--text-muted);flex-shrink:0;} .iv{font-size:13px;color:var(--text);text-align:right;font-weight:500;} .str{display:flex;gap:3px;color:var(--gold);font-size:14px;margin-bottom:6px;} .rsc{font-family:var(--font-d);font-size:30px;font-weight:700;color:var(--white);line-height:1;margin-bottom:3px;} .rsm{font-size:12px;color:var(--text-muted);} .rbs{margin-top:14px;display:flex;flex-direction:column;gap:8px;} .rbr{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);} .rbl{width:70px;flex-shrink:0;} .rbt{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;} .rbf{height:100%;background:var(--gold);border-radius:2px;} .orl{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--text-muted);transition:color var(--t);} .orl:last-child{border-bottom:none;} .orl:hover{color:var(--gold);} .orl span{font-size:11px;background:rgba(201,168,76,.1);color:var(--gold);padding:2px 8px;border-radius:100px;} .waf{position:fixed;bottom:28px;right:28px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:500;transition:transform var(--t);} .waf:hover{transform:scale(1.1);} @media(max-width:768px){ .pl{grid-template-columns:1fr;} .sb{position:static !important;} .ith{position:static !important;} .topbar{display:none;} .rg{grid-template-columns:repeat(2,1fr);} .ft{grid-template-columns:1fr 1fr;} } @media(max-width:640px){ :root{--hh:60px;} .sb{position:static !important;} .ith{position:static !important;} .hi{padding:0 20px;} .btn-bk{display:none;} .hbg{display:flex;} .hc{padding:0 20px 44px;} .hstats{gap:16px;} .sv{font-size:22px;} .pl{padding:36px 20px;gap:28px;} .qf{grid-template-columns:repeat(2,1fr);} .pcg{grid-template-columns:1fr;} .rg{grid-template-columns:repeat(2,1fr);} .gg{grid-template-columns:1fr 1fr;} .gi:first-child{grid-column:span 2;} .ft{grid-template-columns:1fr;gap:28px;} .fb{flex-direction:column;text-align:center;} .bci{padding:0 20px;} .itb{padding:14px;} .dt{font-size:13px;} .dm{gap:8px;} } @media(max-width:480px){ .qf,.rg{grid-template-columns:1fr 1fr;} .gg{grid-template-columns:1fr;} .gi:first-child{grid-column:span 1;} .hero h1{font-size:36px;} .itb .td{font-size:18px;} .pl{grid-template-columns:1fr;} .sb{position:static;} } @media (max-width: 768px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden; } .hero, .wrap, .hero__inner, .subnav__inner, .footer__inner, .hc, .pl, .bci { max-width: 100%; } .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 16px !important; padding-right: 16px !important; } .hc { padding-left: 16px !important; padding-right: 16px !important; } .bci { padding-left: 16px !important; padding-right: 16px !important; } .pl { padding: 36px 16px !important; gap: 28px; } .pl { grid-template-columns: 1fr !important; } .pcg { grid-template-columns: 1fr !important; } .qf { grid-template-columns: repeat(2, 1fr) !important; } .gg { grid-template-columns: 1fr 1fr !important; } .rg { grid-template-columns: repeat(2, 1fr) !important; } .ft { grid-template-columns: 1fr 1fr !important; } .sb { position: static !important; } .ith { position: static !important; } .hero { min-height: 480px; } .hero h1 { font-size: 2rem; } .hstats, .hero__ctas, .cta-btns, .safari-card__ctas, .footer__links { flex-wrap: wrap !important; width: 100%; } .hstats > * { flex: 1 1 45% !important; border-right: 0 !important; } .safari-card, .intro__grid, .overview__grid, .faq-grid, .journey-steps { grid-template-columns: 1fr !important; } .safari-card--reverse { direction: ltr !important; } .safari-card__media { min-height: 240px !important; } .safari-card__body, .package-card__body, .related-card__body { padding: 24px 18px !important; } .safari-card__specs, .parks-grid, .zanzibar-grid, .packages-grid, .pillars-grid, .testimonials-grid, .months-grid, .zones-grid, .related-grid, .overview__pillars { grid-template-columns: 1fr !important; } .park-card, .zanzi-card { height: 230px !important; } .compare-table, table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .hero__title, .section-title, .safari-card__title, .package-card__title, .related-card__title { overflow-wrap: anywhere; } .itb { padding: 14px; } .dt { font-size: 13px; } .dm { gap: 8px; } .topbar { display: none; } .btn-bk { display: none; } .fb { flex-direction: column; text-align: center; } } @media (max-width: 500px) { .qf, .rg { grid-template-columns: 1fr 1fr !important; } .gg { grid-template-columns: 1fr !important; } .gi:first-child { grid-column: span 1 !important; } .hero h1 { font-size: 1.75rem; } .itb .td { font-size: 18px; } .ft { grid-template-columns: 1fr !important; gap: 28px; } } @media (max-width: 420px) { .wrap, .hero__inner, .subnav__inner, .footer__inner { padding-left: 14px !important; padding-right: 14px !important; } .hc { padding-left: 14px !important; padding-right: 14px !important; } .btn-p, .btn-s, .btn, .btn--primary, .btn--outline, .btn--cta-primary, .btn--cta-outline, a[class*="btn"] { width: 100%; justify-content: center; text-align: center; } } .bc { background-image: linear-gradient(90deg, rgba(26,16,8,.78), rgba(26,16,8,.44)), url('https://www.haventrails.com/img/serengeti-national-park-hero.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .bc { background-position: center top; } .day-meta { display: none !important; } } </style> <style> @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } :root { --zan-gold:#5C3D1E; --zan-teal:#C9A227; } .hl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0; } .hl-card { background:linear-gradient(135deg,#f0f8ff,#e8f4ff); border:1px solid #FFF6D8; border-radius:14px; padding:24px 18px; text-align:center; transition:transform .25s,box-shadow .25s; } .hl-card:hover { transform:translateY(-4px); box-shadow:0 10px 28px rgba(92,61,30,.15); } .hl-icon { font-size:28px; color:var(--zan-gold); margin-bottom:10px; } .hl-num { font-size:18px; font-weight:900; color:#0a2a4a; line-height:1.3; } .hl-lbl { font-size:11px; color:#C9A227; margin-top:6px; text-transform:uppercase; letter-spacing:.8px; line-height:1.4; } .zan-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:16px 0; } .zs { background:#fff; border:1px solid #FFF6D8; border-radius:8px; padding:14px; text-align:center; } .zs-v { font-size:16px; font-weight:800; color:var(--zan-gold); } .zs-l { font-size:10px; color:#C9A227; text-transform:uppercase; letter-spacing:.6px; margin-top:2px; } .zan-tag { display:inline-flex; align-items:center; gap:6px; background:rgba(92,61,30,.08); border:1px solid rgba(92,61,30,.2); color:#5C3D1E; font-size:11px; font-weight:600; padding:4px 12px; border-radius:20px; } details { display:block !important; } details[open] { display:block !important; } summary { display:flex !important; list-style:none !important; cursor:pointer !important; } summary::-webkit-details-marker { display:none !important; } summary::marker { display:none !important; } .day-card { border:1px solid #FFF6D8; border-radius:14px; margin-bottom:16px; background:#fff; box-shadow:0 2px 8px rgba(92,61,30,.06); } .day-card details { width:100% !important; display:block !important; } .day-card details summary { list-style:none !important; display:flex !important; align-items:center; gap:16px; padding:20px 24px; cursor:pointer !important; background:#fff; border-radius:14px; transition:background .2s; -webkit-user-select:none; user-select:none; } .day-card details summary::-webkit-details-marker { display:none !important; } .day-card details summary:hover { background:#f0f8ff; } .day-card details[open] summary { border-bottom:1px solid #FFF6D8; border-radius:14px 14px 0 0; background:linear-gradient(135deg,#f0f8ff,#e8f4ff); } .day-num { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,rgba(92,61,30,.15),rgba(92,61,30,.08)); border:2px solid rgba(92,61,30,.4); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:900; color:var(--zan-gold); flex-shrink:0; text-align:center; } .day-info { flex:1; } .day-title { font-size:16px; font-weight:800; color:#0a2a4a; margin-bottom:5px; } .day-meta { display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:#C9A227; } .day-meta span { display:flex; align-items:center; gap:5px; } .day-chevron { color:var(--zan-gold); transition:transform .3s; flex-shrink:0; } .day-card details[open] .day-chevron { transform:rotate(180deg); } .day-body { padding:18px 24px 24px; background:#fff; border-radius:0 0 14px 14px; } .day-highlights { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; } .dh-tag { background:rgba(92,61,30,.1); border:1px solid rgba(92,61,30,.2); color:#5C3D1E; font-size:11px; font-weight:600; padding:5px 12px; border-radius:20px; display:inline-flex; align-items:center; gap:6px; } .meal-plan { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:14px; padding:12px 16px; background:#f0f8ff; border-radius:6px; border:1px solid rgba(92,61,30,.2); } .mp-label { font-size:12px; font-weight:700; color:#0a2a4a; margin-right:4px; } .mp-item { font-size:11px; font-weight:600; padding:4px 10px; border-radius:20px; display:flex; align-items:center; gap:5px; } .mp-item.inc { background:#e8f8ec; color:#1a7a3a; border:1px solid #b0e0c0; } .mp-item.exc { background:#f8f0f0; color:#8a3a3a; border:1px solid #e0c0c0; } .ie-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:20px 0; } .ie-box { border-radius:8px; padding:20px; } .ie-box.inc { background:#f0fdf4; border:1px solid #FFF6D8; } .ie-box.exc { background:#fff8f8; border:1px solid #f0c0c0; } .ie-title { font-size:14px; font-weight:700; margin-bottom:12px; } .ie-box.inc .ie-title { color:#1a6a3a; } .ie-box.exc .ie-title { color:#8a1a1a; } .ie-list { list-style:none; padding:0; margin:0; } .ie-list li { font-size:13px; color:#444; padding:5px 0; border-bottom:1px solid rgba(0,0,0,.05); display:flex; align-items:flex-start; gap:8px; } .ie-list li:last-child { border-bottom:none; } .ie-list li i { margin-top:2px; flex-shrink:0; } .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:8px 0 28px; } .why-card { background:#fff; border:1px solid #FFF6D8; border-radius:14px; padding:28px 24px; position:relative; transition:transform .25s,box-shadow .25s; overflow:hidden; } .why-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--zan-gold),transparent); opacity:0; transition:opacity .3s; } .why-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(92,61,30,.12); } .why-card:hover::after { opacity:1; } .why-num { font-size:42px; font-weight:900; color:rgba(92,61,30,.1); line-height:1; margin-bottom:8px; } .why-icon { font-size:24px; color:var(--zan-gold); margin-bottom:12px; } .why-title { font-size:14px; font-weight:800; color:#0a2a4a; margin-bottom:10px; } .why-desc { font-size:12.5px; color:#C9A227; line-height:1.7; margin:0; } .trust-strip { display:flex; flex-wrap:wrap; gap:0; background:linear-gradient(135deg,#0a2a4a,#5C3D1E); border-radius:14px; overflow:hidden; margin-top:28px; } .trust-item { display:flex; align-items:center; gap:10px; color:#fff; font-size:12px; font-weight:700; flex:1; min-width:140px; padding:18px 20px; border-right:1px solid rgba(255,255,255,.08); } .trust-item:last-child { border-right:none; } .trust-item i { color:#C9A227; font-size:18px; } .zan-good-know { display:flex; flex-wrap:wrap; background:linear-gradient(135deg,#f0f8ff,#e8f4ff); border:1px solid #FFF6D8; border-radius:14px; overflow:hidden; margin-top:24px; } .zan-gk-item { flex:1; min-width:120px; padding:14px 10px; text-align:center; border-right:1px solid #FFF6D8; } .zan-gk-item:last-child { border-right:none; } .zan-gk-item .ic { font-size:16px; color:var(--zan-gold); margin-bottom:4px; } .zan-gk-item .v { font-size:11px; font-weight:800; color:#0a2a4a; } .zan-gk-item .l { font-size:10px; color:#C9A227; text-transform:uppercase; letter-spacing:.5px; margin-top:2px; } @media(max-width:900px){ .why-grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:768px){ .hl-grid{grid-template-columns:repeat(2,1fr);} .zan-stats{grid-template-columns:repeat(2,1fr);} .ie-grid{grid-template-columns:1fr;} .day-meta { display:none !important; } } @media(max-width:480px){ .hl-grid{grid-template-columns:1fr;} .why-grid{grid-template-columns:1fr;} .day-card details summary{padding:14px 16px !important;} .day-body{padding:14px 16px 18px;} } </style> <main> <section class="hero"> <div class="hero-bg" style="background-image: url('https://www.haventrails.com/img/zanzibarnew3.webp'); background-size:cover; background-position:center; background-repeat:no-repeat;"></div> <div class="stars" id="stars"></div> <div class="hero-ov" style="background:linear-gradient(180deg,rgba(10,42,74,.6) 0%,rgba(10Romantische ervaringen op Zanzibar7) 100%);"></div> Romantisch zeilen> door traditionele Dhow><i class="fas fa-circle" stylDrijf langs de turquoise wateren van Zanzibar aan boord van een handgemaakte houten dhow, begeleid door een ervaren lokale bemanning, met versnaperingen aan boord en de kustlijn van het eiland ontvouwt zich om je heen.se wateren van Zanzibar aan boord van een handgemaakte ho2-3 uur, begeleid door een erDuurkale bemanning, met versnaperingen aan boord en de kustlijn van het eilTraditioneelt zich om je heen.</p>Houten Dhowlass="hstats"> <div><div class="sv">2-3 uur</div><div class="sl">Privéiv></div> <div cBemanning en boot></div> <div><div class="sv">Traditioneel</div><div class="sl">HoVanaf $ 160</div></div> <diPer koppeldiv"></div> <div><div class="sv">Privé</div><div class="sl">Bemanning en boot</div></div> <div class="sdiv"></div> <div><div class="sv">Vanaf $ 160</div><div claBoek deze zeiltochtpel</div></div> </div> <div class="hact"> <a href="#book" Bekijk schemastyle="background:var(--zan-gold);border-color:var(--zan-gold);"><i class="fas fa-sailboat"></i>Boek deze zeiltocht</a> <a href="#itinerary" class="btn-s"><i class="fas fa-map"></i>Bekijk schema</aThuis </div> </div> </section> <div class="bc" style="--ht-breadcrumb-bg:url('https://www.haventrails.com/img/zanzibarnew3.webp')" > <div class="bci"> Zanzibar-rondleidingentps://www.haventrails.com/">Thuis</a> <span class="sep"><i class="fas fa-chevron-right" style="font-size:9px;"></i></span> Romantische zeilervaring per traditionele Dhowr-tours">Zanzibar-rondleidingen</a> <span class="sep"><i class="fas fa-chevron-right" style="font-size:9px;"></i></Overzicht <span style="color:var(--texDe wateren van Zanzibar, op de ouderwetse manierionele Dhow</span> </div> </div> <div class="pl"> <main> <sectioDe dhow vervoert al eeuwenlang reizigers en handelaars langs de Swahili-kust, en er is nog steeds geen sierlijker manier om de kustlijn van Zanzibar te zien dan vanaf het dek van een dhow. Haven Trails regelt een privézeil aan boord van een traditionele houten dhow, compleet met een ervaren lokale schipper en bemanning.is nog steeds geNeem plaats op stoelen met kussens aan dek terwijl het zeil de wind vangt, met koele drankjes en lichte snacks aan boord, en zie hoe de stranden, riffen en vissersdorpjes van het eiland in een ongehaast, volledig privé tempo voorbij trekken.ng.</p> <p>Neem plaats op stoelen met kussens aan dek terwijl het zeil de wind vangt, met koele drankjes en lichte snacks aan boord, en zie hoe dPrivé Dhow en bemanningen vissersdorpjes van het Alleen jullie twee aan boordledig privé tempo voorbij trekken.</p> </div> <div class="hl-grid"> <div class="hl-card"><div cZonsondergangtiming beschikbaar="fas fa-sailboat"></i></dGolden hour zeilen op aanvraaghow en bemanning</div><div class="hl-lbl">Alleen jullie twee aan boord</div></div> <div class="hl-card"><div classVerfrissingen aan boord"fas fa-sun"></i></div><diDrankjes en lichte snacks inbegrepenming beschikbaar</div><div class="hl-lbl">Golden hour zeilen op aanvraag</div></div> <div class="hl-card"><div class="hOptionele zwemstopfas fa-wine-glass"></i></dAnker voor een duik in kalm watersingen aan boord</div><div class="hl-lbl">Drankjes en lichte snacks inbegrepen</div></div> <div class="hl-cardFotografie beschikbaar"><i class="fas fa-person-Optionele toevoeging voor het zeilss="hl-num">Optionele zwemstop</div><div class="hl-lbl">Anker voor een duik in kalm water</div></div> <div clOntspannen tempo"><div class="hl-icon"><i Route gevormd rond jouw voorkeurv class="hl-num">Fotografie beschikbaar</div><div class="hl-lbl">Optionele toevoeging voor het zeil</div></div> <div class="hl-card"><div class="hl-ic2-3 uur (bij voorkeur zonsondergang)</i></div><div class=Duur>Ontspannen tempo</div><div class="hl-lbl">Route gevormd rond jouw voorkeur</div></div> </div> <div class="zKustwateren bij Zanzibar class="zan-gk-item">Locatiess="ic"><i class="fas fa-clock"></i></div><div class="v">2-3 uur (bij voorkeur zonsondergang)</div><div class="2 Personendiv></div> <dPartijgroottezan-gk-item"><div class="ic"><i class="fas fa-map-marker-alt"></i></div><div class="v">Kustwateren bij Zanzibar</divEenvoudig, volledig begeleidcatie</div></div> Moeilijkheidsgraadclass="zan-gk-item"><div class="ic"><i class="fas fa-users"></i></div><div class="v">2 Personen</div><div classParen en pasgetrouwdenv></div> <divIdeaal vooran-gk-item"><div class="ic"><i class="fas fa-gauge-high"></i></div><div class="v">Eenvoudig, volledig begeleiDe ervaringass="l">Moeilijkheidsgraad</diWind, water en <diNiets anders-gk-item"><div class="ic"><i class="fas fa-heart"></i></div><div class="v">ParenJe dhow en zijn bemanning ontmoeten je op een rustige steiger of strandlanceerpunt op het door jou gekozen tijdstip, waarbij zonsondergang het populairst is, en je wordt aan boord verwelkomd met een koel drankje voordat je langs de kustlijn vaart.er en<em>Niets aUw schipper past de route en het tempo aan uw voorkeur aan, met de mogelijkheid om halverwege voor anker te gaan voor een duik in kalm, helder water, voordat u verder gaat als het licht verandert en de kustlijn van het eiland gloeit in de late middagzon.st is, en je wordt aan boord verwelkomd met een koel drankje voordat je langs de kustlijn vaart.</p> <p>UPrivéper past de route en hetBoot en bemanninguw voorkeur aan, met de mogelijkheid om halverwege voorTraditioneelaan voor een duik in kalZeilvaartuiger, voordat u verder gaat als het licht verandert en deVernieuwd van het eiland gloeit iDrankjes en snacks aan boord> </div> <div class="zan-stats" style="margFlexibel0;"> <div class=Route en tempoass="zs-v">Privé</div><div class="zs-l">Boot en bemanning</div></div> <div class="zs"><div class="zs-v">Traditioneel</div><div class="zs-l">ZeilvaartuiTraditioneel dhow-zeilenv class="zs"><div class="zs-v">Vernieuwd</div><div class="zs-l">Zonsondergangtimingacks aan boord</div></div> <div class="zs"><div class="zs-v">FlVerfrissingen aan boords="zs-l">Route en tempo</div></div> </div> <div style="display:fOptionele zwemstopgap:8px;margin-top:4px;"> <span class="zan-tag"><i class="Privébemanningat"></i>Traditioneel dhow-zeilen</span> <span class="zan-tag"><i class="fas fa-sun"></i>Zonsondergangtiming</spSchema <span class="zan-tag"><i cZeilens faTijdlijnass"></i>Verfrissingen aan boord</span> <span class="zan-tag"><i class="fas fa-person-swimming"></i>Optionele zwemstop</span> <span class="zan-tag"><i class="fas fa-heart"></i>Privébemanning</span> </div> Welkom aan boord <section id="itinerary" style="margin-bottom:52px;"> <div class="slbl">Schema</div>Steiger- of strandlancering">Zeilen<em>Tijdlijn</em></h2> <div class="divdr"></div> <div class="day-card"> <details open> <summary> <div class="day-num">1</div> Ontmoet uw schipper en bemanning op een rustig lanceerpunt, neem plaats op dekstoelen met kussens en geniet van een welkomstdrankje terwijl u uitvaart.> <span><i class="fas fa-anchor"></i>Steiger- of strandlancering</span> </div> Welkomstdrankje <i class="fas fa-chevron-down day-chevron"></i> </summary> <div class="day-body"> <p>Ontmoet uw schipper en bemanning op een rustig lanceerpunt, neem plaats op dekstoelen met kussens en geniet van een welkomstdraZeilen langs de kustlijnrt.</p> <div class="day-highlights"> <span class="dh-tag"><i class="fasIn uw eigen tempo/i>Welkomstdrankje</span> </div> </div> </details> </div> <div class="day-card"> <details> <summary> <divZweef onder zeil langs de kust, langs stranden, riffen en kleine vissersdorpjes, terwijl uw bemanning de route aanpast aan uw interesses. <div class="day-meta"> <span><i class="fas fa-sailboat"></i>In uw eigen tempo</span> Kustzeilen </div> <i class="fas fa-chevron-down day-chevron"></i> </summary> <div class="day-body"> <p>Zweef onder zeil langs de kust, langs stranden, riffen en kleine vissersdorpjes, terwijl uw bemanning de routeOptionele zwemstopteresses.</p> <div class="day-highlights"> <span class="dh-tag"><i class="fas Anker in kalm waterzeilen</span> </div> </div> </details> </div> <div class="day-card"> <details> <summary> <div class="day-Als u wilt, ankert uw bemanning op een rustige, heldere plek om te zwemmen voordat u verder vaart richting zonsondergang.v> <div class="day-meta"> <span><i class="fas fa-person-swimming"></i>Anker in kalm waterZwemvakantie </div> </div> <i class="fas fa-chevroOptionele fotografie/i> </summary> <div class="day-body"> <p>Als u wilt, ankert uw bemanning op een rustige, heldere plek om te zwemmen voordat u verder vaart richting zonsondergang.</p> <div class="day-highlights"> <sZonsondergang en terugkeerag"><i class="fas fa-person-swimming"></i>Zwemvakantie</span> <span class="dh-Gouden Uurs="fas fa-camera"></i>Optionele fotografie</span> </div> </div> </details> </div> <div class="day-card"> <details> <sGeniet van het veranderende licht terwijl de zon ondergaat boven het water, voordat je terugvaart naar de kust als de lucht donkerder wordt.ass="day-title">Zonsondergang en terugkeer</div> <div class="day-meta"> <spanUitzicht op de zonsondergangs fa-sun"></i>Gouden Uur</span> </div> </div> <i class="fas fa-chevron-down day-chevron"></i> </summary> Goed om te wetenss="day-body"> <p>Inbegrepen &veraUitgesloten licht terwijl de zon ondergaat boven het water, voordat je terugvaart naar de kust als de lucht donkerder wordt.</p> <div class="day-highlights"> <span class="dh-tag">Inbegrepen"fas fa-sun"></i>Uitzicht op de zonsondergang</span> </div> </div> </detailPrivé traditionele dhow en ervaren bemanningstyle="margin-bottom:52px;"> <div class="slbl">Goed om te weten</diDrankjes en lichte snacks aan boordepen &<em>Uitgesloten</em></h2> <div class="divdr"></div> Gedempte zitplaatsen op het dek <div class="ie-box inc"> <div class="ie-title"><i classOptionele zwemstopck" style="color:#1a6a3a;"></i>Inbegrepen</div> <ul class="ie-lReddingsvesten en veiligheidsinstructieas fa-check" style="color:#1a6a3a;"></i>Privé traditionele dhow en ervare24/7 Haven Trails-grondondersteuning<i class="fas fa-check" style="color:#1a6a3a;"></i>Drankjes en lichte snacks aan boord</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>GNiet inbegrepenaatsen op het dek</li> <li><i class="fas fa-check" style="color:#1a6a3a;"></i>Optionele zwemsAlcoholische dranken (op aanvraag verkrijgbaar)heck" style="color:#1a6a3a;"></i>Reddingsvesten en veiligheidsinstructie<Fotografie (beschikbaar op aanvraag)fa-check" style="color:#1a6a3a;"></i>24/7 Haven Trails-grondondersteuningSnorkeluitrusting (op aanvraag verkrijgbaar)<div class="ie-box exc"> <div class="ie-title"><i class="fas faFooien voor de bemanning="color:#8a1a1a;"></i>Niet inbegrepen</div> <ul class="ie-list"> <li><i class="fas fa-times" style="color:#8a1aWaarom bij ons boekenische dranken (op aanvraag verWaaromgbaaHaven Trails-avonturen><i class="fas fa-times" style="color:#8a1a1a;"></i>Fotografie (beschikbaar op aanvraag)</li> <li><i class="fas fa-times" style="color:#8a1a1a;"></i>Snorkeluitrusting (op aanvraag verkrijgbaar)</li> Lokaal gevestigd in Tanzaniames" style="color:#8a1a1a;Gevestigd in Moshi, Tanzania, geen boekingsplatform in het buitenland. We werken rechtstreeks samen met ervaren lokale dhow-bemanningen die deze wateren goed kennen.;"> <div class="slbl">Waarom bij ons boeken</div> <h2 class="stit">Waarom<em>Haven Trails-avonturen</em></h2> <div class="divdr"></div> Ervaren schippersy-grid"> <div clasOnze dhow-bemanningen bevaren deze kustwateren al jaren en kennen de rustigste en mooiste routes voor een ontspannen privécruise.le">Lokaal gevestigd in Tanzania</div><p class="why-desc">Gevestigd in Moshi, Tanzania, geen boekingsplatform in het buitenland. We werken rechtstreeVolledig gepersonaliseerde planning dhow-bemanningen die dezeTiming, route en versnaperingen kunnen allemaal worden aangepast aan uw voorkeur, van een rustig middagzeil tot een volledige cruise bij zonsondergang.fa-user-check"></i></div><div class="why-title">Ervaren schippers</div><p class="why-desc">Onze dhow-bemanningen bevaren deze kustwateren al jaren en kennen 24/7 ondersteuning, overal routes voor een ontspanneEen grondteam van Haven Trails is tijdens uw verblijf op Zanzibar bereikbaar voor eventuele last-minute wijzigingen, vragen of onverwachte situaties./i></div><div class="why-title">Volledig gepersonaliseerde planning</div><p class="why-desc">Timing, route en versnaperingen kunnen allemaal worden Verantwoord reizenoorkeur, van een rustig miHaven Trails geeft prioriteit aan lokale bootbemanningen en exploitanten. Een deel van elke boeking ondersteunt initiatieven op het gebied van gemeenschapstoerisme op het eiland.i class="fas fa-shield-halved"></i></div><div class="why-title">24/7 ondersteuning, overal</div><p class="why-desc">Een grondteam van Haven Trails is tijdens uTransparante, eerlijke prijzenreikbaar voor eventuele laGeen verborgen extra's, geen last-minute upsells. Wat u bij het boeken ziet, is wat u betaalt, met duidelijke opmerkingen over optionele extra's zoals snorkeluitrusting."><i class="fas fa-leaf"></i></div><div class="why-title">Verantwoord reizen</div><p class="why-desc">Haven Trails geeMNRT-gelicentieerde operatore bootbemanningen en exploitanten. Een deel van elke boeking onder4,9/5 Gemiddelde beoordelingp het gebied van gemeenschapstoerisme op het eiland.</p></div> 24/7 grondondersteuningrd"><div class="why-num">06</div><div class="why-icon"><i class="fas fa-commentsGemeenschap en rif positief"why-title">Transparante, eerlijke prijzen</div><p class="why-desc">Geen verborgen extra's, geen last-mVeelgestelde vragente upsells. Wat u bij het boekAlgemeen, isVragentaalt, met duidelijke opmerkingen over optionele extra's zoals snorkeluitrusting.</p></div> </div> <div class="trust-strip"Wat is een dhow en is deze veilig?em"><i class="fas fa-id-card"></i>MNRT-gelicentieerde operator</div> <div claEen dhow is een traditioneel houten zeilschip dat al lang langs de Swahili-kust wordt gebruikt; onze boten zijn goed onderhouden, bemand door ervaren lokale zeilers en uitgerust met reddingsvesten en veiligheidsuitrusting.-item"><i class="fas fa-hand-holding-heart"></i>Gemeenschap en rif positief</div> </div> </section> Is dit een privézeil of gedeeld met andere gasten? class="slbl">Veelgestelde vragen</div> <h2 class="stit">Algemeen<em>Vragen</emDit is een volledig privéboeking, waarbij de boot en de bemanning exclusief voor jullie twee gereserveerd zijn.="fqq" onclick="toggleFaq('faq1')">Wat is een dhow en is deze veilig?<i class="fas fa-chevron-down"></i></div> Kunnen we zwemmen tijdens de reis?class="fqai">Een dhow is een traditioneel houten zeilschip dat al lang langs de SwahiJa, uw schipper kan op een rustige, heldere plek langs de route voor anker gaan als u een zwempauze wilt nemen.ust met reddingsvesten en veiligheidsuitrusting.</div></div> </div> <div class="fqi" id="faq2"> Wat gebeurt er als het slecht weer is?q('faq2')">Is dit een privézeil of gedeeld met andere gasten?<i class="fas fa-chevronOnze bemanningen houden de toestand van de zee nauwlettend in de gaten en zullen een alternatieve tijd of dag voorstellen als het water onveilig is om te zeilen.anning exclusief voor jullie twee gereserveerd zijn.</div></div> </div> <div class="fqi" id="faq3"> Is zonsondergang de beste tijd om te varen?"toggleFaq('faq3')">Kunnen we zwemmen tijdens de reis?<i class="fas fa-chevron-down">Zonsondergang is de meest populaire keuze vanwege het licht en de kleur, hoewel een zeiltocht overdag net zo ontspannend is als het beter bij uw schema past.ls u een zwempauze wilt nemen.</div></div> </div> <div class="fqi" id="faq4"> <div class="fqq" onclick="toggleFaq('faq4')">Wat gebeurt er als heBoek uw zeilis?<i class="fas fa-chevron-dowRomantische zeilervaring per traditionele Dhowss="fqai">Onze bemanningen houden de toestand vVanafe zee nauwlettend in de gaten en zullen een alternatieve tijd of dag voorstellen als het water onveilig is om te zeilen.</div></div> Privé-dhow en bemanningss="fqi" id="faq5"> <div clasDrankjes en snacks aan boord('faq5')">Is zonsondergang de beste tOptionele zwemstopclass="fas fa-chevron-down"></i></div2-3 uur ervaring="fqa"><div class="fqai">Zonsondergan24/7 grondondersteuningire keuze vanwege het licht en de kleur, hoewel een zeiltocht overdag net zo ontspannend is als het beter bij uw schema past.</div></div> </div> </section>Boek deze zeiltocht <aside class="sb" id="book" style=" align-self:flex-start;"> <div class="bkc"> <div class="bkct">Boek uw zeil</div> Chat op WhatsAppRomantische zeilervaring per traditionele Dhow</div> <div class="pr"><span class="pfr">VaErvaringsdetailsss="pv">$160</span><span class="ppp">/ couple<Duurdiv> <ul class="bk2-3 uur (bij voorkeur zonsondergang)s fa-check"></i>Privé-dhow en bemanning</li><li><i clLocatie fa-check"></i>Drankjes Kustwateren bij Zanzibar><i class="fas fa-check"></i>Optionele zwemstop</li><Partijgroottes="fas fa-check"></i>2-32 Personenring</li><li><i class="fas fa-check"></i>24/7 grondonBeste tijdng</li> </ul><buttHet hele jaar door, ideaal bij zonsondergangbf" data-open-safari style="width:100%;border:none;cuIdeaal voorter;font-family:inherit;Paren en pasgetrouwdenlboat"></i>Boek deze zeiltocht</button> <a href="https://wa.me/255713334154" class="bfo"> Klantbeoordelingen="fab fa-whatsapp" style="color:#25D366;"></i>Chat op WhatsApp</a> </div> <div class="ic"> <div class="ict"><i class="fas fa-circle-info"></i>Ervaringsdetails</div> <div class="ir"><span class="ik">Duur</span><span class="iv">2-3 uur (bij voorkeur zonsondergang)</span></div> <div class="ir"><span class="ik">Locatie</span><span class="iv">Kustwateren bij Zanzibar</span></div> <div class="ir"><span class="ik">Partijgrootte</spAndere romantische ervaringennen</span></div> <div class="ir"><span class="ik">Beste tijd</span><span class="iv">Het hele Romantisch voorstel instellenonsondergang</span></div> <div class="ir"><span class="ik">Ideaal voor</span><span class="iv"Huwelijksreisdiner onder de sterrendiv> </div> <div class="ic"> <div class="ict"><i class="fas fa-star"></i>KlantPrivépicknick bij zonsondergang <div class="str"><i class="fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fa-stPrivé jubileumdiner-blue);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i><i class="fas fa-star" style="color:var(--zan-gold);"></i></div> <div class="rsc">4.9 / 5.0</div> </div> <div class="ic"> <div class="ict"><i class="fas fa-map-location-dot"></i>Andere romantische ervaringen</div> <a href="https://www.haventrails.com/nl/romantic-proposal-setup-zanzibar" class="orl">Romantisch voorstel instellen</a><a href="https://www.haventrails.com/nl/zanzibar-honeymoon-dinner-under-the-stars" class="orl">Huwelijksreisdiner onder de sterren</a><a href="https://www.haventrails.com/nl/private-sunset-picnic-kendwa-nungwi" class="orl">Privépicknick bij zonsondergang</a><a href="https://www.haventrails.com/nl/private-anniversary-dinner-ocean-zanzibar" class="orl">Privé jubileumdiner</a> </div> </aside> </div> </main> <script> function toggleFaq(id) { var el = document.getElementById(id); if (el) el.classList.toggle('open'); } document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.day-card details').forEach(function(det) { var sum = det.querySelector('summary'); if (!sum) return; sum.addEventListener('click', function(e) { e.preventDefault(); if (det.hasAttribute('open')) { det.removeAttribute('open'); } else { det.setAttribute('open', ''); } }); }); }); </script> <style> #safariModal { display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2147483647; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; visibility: hidden; opacity: 0; pointer-events: none; background: rgba(10,12,18,0.75); transition: opacity 0.28s ease, visibility 0.28s ease; } #safariModal.sm-open { visibility: visible; opacity: 1; pointer-events: auto; } .sm-card { background: #ffffff; border-radius: 20px; width: 100%; max-width: 600px; min-height: 200px; max-height: 92vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #e8d99a #f5f5f5; box-shadow: 0 28px 90px rgba(0,0,0,0.38), 0 0 0 1px rgba(201,168,76,0.22); transform: translateY(20px); transition: transform 0.34s cubic-bezier(0.22,1,0.36,1); flex-shrink: 0; position: relative; margin: auto; } #safariModal.sm-open .sm-card { transform: translateY(0); } .sm-card::before { content: ''; display: block; height: 4px; background: linear-gradient(90deg, #C9A84C, #f0d080 50%, #C9A84C); border-radius: 20px 20px 0 0; } .sm-hd { padding: 24px 28px 16px; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #f0f0f0; gap: 12px; } .sm-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #C9A84C; margin-bottom: 4px; } .sm-title { font-size: 20px; font-weight: 700; color: #1a1208; font-family: Georgia, serif; margin: 0 0 3px; line-height: 1.2; } .sm-sub { font-size: 12.5px; color: #888; } .sm-x { background: #f4f4f4; border: none; border-radius: 50%; width: 34px; height: 34px; font-size: 20px; line-height: 1; cursor: pointer; color: #666; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .sm-x:hover { background: #C9A84C; color: #fff; } .sm-bd { padding: 20px 28px 28px; } .sm-sec { font-size: 9.5px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: #C9A84C; margin: 20px 0 10px; display: flex; align-items: center; gap: 8px; } .sm-sec::before { content: ''; display: block; width: 14px; height: 1.5px; background: #C9A84C; border-radius: 2px; } .sm-sec:first-child { margin-top: 0; } .sm-f { margin-bottom: 14px; } .sm-lbl { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 5px; } .sm-req { color: #e05252; } .sm-inp, .sm-ta, .sm-sel { width: 100%; box-sizing: border-box; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; padding: 11px 13px; font-size: 14px; color: #1a1208; font-family: inherit; outline: none; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; -webkit-appearance: none; appearance: none; } .sm-inp::placeholder, .sm-ta::placeholder { color: #bbb; } .sm-inp:focus, .sm-ta:focus, .sm-sel:focus { border-color: #C9A84C; background: #fffdf6; box-shadow: 0 0 0 3px rgba(201,168,76,0.13); } .sm-ta { resize: vertical; min-height: 78px; line-height: 1.55; } .sm-sel { cursor: pointer; background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: right 13px center; padding-right: 36px; } .sm-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .sm-badge { background: #fffbf0; border: 1.5px solid #e8d99a; border-left: 3px solid #C9A84C; border-radius: 8px; padding: 10px 13px; font-size: 13px; font-weight: 600; color: #7a5c10; display: flex; align-items: center; gap: 8px; } .sm-badge i { color: #C9A84C; font-size: 12px; } .sm-tier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 0; } .sm-tier { position: relative; flex: 1; } .sm-tier input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-tier-lbl { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 14px 8px 12px; background: #f8f8f8; border: 2px solid #e4e4e4; border-radius: 10px; cursor: pointer; transition: all 0.2s; text-align: center; position: relative; overflow: hidden; } .sm-tier-lbl::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; opacity: 0; transition: opacity 0.2s; } .sm-tier.tier-silver .sm-tier-lbl::before { background: linear-gradient(90deg, #909090, #c0c0c0); } .sm-tier.tier-gold .sm-tier-lbl::before { background: linear-gradient(90deg, #C9A84C, #f0d080); } .sm-tier.tier-plat .sm-tier-lbl::before { background: linear-gradient(90deg, #3a2200, #C9A84C, #3a2200); } .sm-tier-icon { font-size: 20px; line-height: 1; } .sm-tier-name { font-size: 11px; font-weight: 800; color: #555; letter-spacing: 0.04em; line-height: 1.2; } .sm-tier-tag { font-size: 9px; font-weight: 600; color: #999; text-transform: uppercase; letter-spacing: 0.08em; } .sm-tier-check { position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #ddd; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 8px; color: #fff; transition: all 0.18s; } .sm-tier.tier-silver input:checked + .sm-tier-lbl { background: #f5f5f5; border-color: #909090; box-shadow: 0 0 0 3px rgba(144,144,144,0.15); } .sm-tier.tier-silver input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-silver input:checked + .sm-tier-lbl .sm-tier-name { color: #444; } .sm-tier.tier-silver input:checked + .sm-tier-lbl .sm-tier-check { background: #909090; border-color: #909090; } .sm-tier.tier-gold input:checked + .sm-tier-lbl { background: #fffbf0; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.15); } .sm-tier.tier-gold input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-gold input:checked + .sm-tier-lbl .sm-tier-name { color: #8a6010; } .sm-tier.tier-gold input:checked + .sm-tier-lbl .sm-tier-check { background: #C9A84C; border-color: #C9A84C; } .sm-tier.tier-plat input:checked + .sm-tier-lbl { background: linear-gradient(135deg, #1a0e00, #2e1a04); border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.2); } .sm-tier.tier-plat input:checked + .sm-tier-lbl::before { opacity: 1; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-name { color: #f0d080; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-tag { color: #C9A84C; } .sm-tier.tier-plat input:checked + .sm-tier-lbl .sm-tier-check { background: #C9A84C; border-color: #C9A84C; } .sm-tier-lbl:hover { border-color: #C9A84C; background: #fffdf6; } .sm-tier.tier-plat .sm-tier-lbl:hover { background: #1a1005; border-color: #C9A84C; } .sm-chips { display: flex; flex-wrap: wrap; gap: 7px; } .sm-chip { position: relative; } .sm-chip input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-chip-lbl { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 100px; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; transition: all 0.18s; user-select: none; } .sm-chip-lbl i { font-size: 11px; color: #bbb; transition: color 0.18s; } .sm-chip input:checked + .sm-chip-lbl { background: #fffbf0; border-color: #C9A84C; color: #8a6010; box-shadow: 0 0 0 2px rgba(201,168,76,0.12); } .sm-chip input:checked + .sm-chip-lbl i { color: #C9A84C; } .sm-chip-lbl:hover { border-color: rgba(201,168,76,0.5); background: #fffdf6; } .sm-chip.wl input:checked + .sm-chip-lbl { background: #f0fff6; border-color: #4CC982; color: #1a6a3a; box-shadow: 0 0 0 2px rgba(76,201,130,0.1); } .sm-chip.wl input:checked + .sm-chip-lbl i { color: #4CC982; } .sm-counter { display: flex; align-items: center; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; } .sm-counter:focus-within { border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.13); } .sm-cb { background: none; border: none; color: #C9A84C; font-size: 22px; font-weight: 300; width: 44px; height: 44px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; flex-shrink: 0; line-height: 1; } .sm-cb:hover { background: #fff8e6; } .sm-cn { flex: 1; text-align: center; font-size: 16px; font-weight: 700; color: #1a1208; pointer-events: none; } .sm-contact { display: flex; gap: 8px; } .sm-co { flex: 1; position: relative; } .sm-co input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .sm-cl { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 12px 6px; background: #f8f8f8; border: 1.5px solid #e4e4e4; border-radius: 8px; cursor: pointer; transition: all 0.18s; text-align: center; } .sm-cl i { font-size: 18px; color: #bbb; transition: color 0.18s; } .sm-cl span { font-size: 11px; font-weight: 600; color: #999; transition: color 0.18s; } .sm-co input:checked + .sm-cl { background: #fffbf0; border-color: #C9A84C; box-shadow: 0 0 0 3px rgba(201,168,76,0.12); } .sm-co input:checked + .sm-cl i { color: #C9A84C; } .sm-co input:checked + .sm-cl span { color: #8a6010; } .sm-co.sm-wa input:checked + .sm-cl { background: #f0fff6; border-color: #25D366; box-shadow: 0 0 0 3px rgba(37,211,102,0.1); } .sm-co.sm-wa input:checked + .sm-cl i { color: #25D366; } .sm-co.sm-wa input:checked + .sm-cl span { color: #1a8040; } .sm-btn { width: 100%; padding: 14px; background: #C9A84C; border: none; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; margin-top: 6px; transition: background 0.2s, box-shadow 0.2s, transform 0.15s; box-shadow: 0 4px 16px rgba(201,168,76,0.32); } .sm-btn:hover { background: #b8942e; box-shadow: 0 6px 22px rgba(201,168,76,0.42); transform: translateY(-1px); } .sm-btn:active { transform: translateY(0); } .sm-btn:disabled { opacity: 0.55; cursor: not-allowed; transform: none; box-shadow: none; } .sm-note { text-align: center; font-size: 11.5px; color: #aaa; margin-top: 12px; line-height: 1.5; } .sm-note a { color: #C9A84C; text-decoration: none; } .sm-div { height: 1px; background: #f0f0f0; margin: 4px 0 18px; } .sm-success { display: none; flex-direction: column; align-items: center; text-align: center; padding: 48px 32px 52px; gap: 12px; } .sm-ok { width: 64px; height: 64px; background: #f0fff6; border: 2px solid rgba(76,201,130,0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #4CC982; } .sm-success h3 { font-size: 21px; color: #1a1208; font-family: Georgia,serif; margin: 0; } .sm-success p { font-size: 14px; color: #777; max-width: 320px; margin: 0; line-height: 1.65; } .sm-sc { padding: 11px 32px; background: #f4f4f4; border: none; border-radius: 8px; color: #555; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 4px; transition: background 0.2s; } .sm-sc:hover { background: #e8d99a; color: #7a5c10; } .sm-inp.sm-err, .sm-ta.sm-err, .sm-sel.sm-err { border-color: #e05252; box-shadow: 0 0 0 3px rgba(224,82,82,0.1); } .sm-tier-err { font-size: 11px; color: #e05252; margin-top: 5px; display: none; } .sm-tier-err.show { display: block; } @media (max-width: 600px) { #safariModal { padding: 0; align-items: flex-end; } .sm-card { max-width: 100%; border-radius: 20px 20px 0 0; max-height: 92vh; } .sm-row { grid-template-columns: 1fr; } .sm-hd, .sm-bd { padding-left: 20px; padding-right: 20px; } .sm-tier-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 400px) { .sm-tier-grid { grid-template-columns: 1fr; } } </style> <div id="safariModal" role="dialog" aria-modal="true" aria-labelledby="smTitle"> <div class="sm-card"> <div class="sm-hd"> <div> <div class="sm-eyebrow"><i class="fa-solid fa-paw" aria-hidden="true"></i>Havenpaden-avonturen</div> <h2 class="sm-title" id="smTitle">Reserveer uw Safari</h2> <div class="sm-sub">Nu geen betaling · Wij antwoorden binnen 24 uur</div> </div> <button class="sm-x" id="smClose" aria-label="Sluit boekingsmodal">×</button> </div> <div class="sm-bd"> <form id="safariBookingForm" action="safari-book.php" method="POST" novalidate> <input type="hidden" name="tourname" value="romantic-sailing-dhow-zanzibar"> <input type="hidden" name="form_type" value="safari"> <div class="sm-f"> <div class="sm-lbl">Safaritocht</div> <div class="sm-badge"> <i class="fas fa-binoculars"></i> romantic-sailing-dhow-zanzibar </div> </div> <div class="sm-sec">Kies uw ervaringsniveau</div> <div class="sm-f"> <div class="sm-lbl">Pakketniveau<span class="sm-req">*</span></div> <div class="sm-tier-grid" role="group" aria-label="Selecteer safariniveau"> <label class="sm-tier tier-silver"> <input type="radio" name="safari_tier" value="Silver - Budgeted" required id="smTierSilver"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-medal" aria-hidden="true"></i></div> <div class="sm-tier-name">Zilver</div> <div class="sm-tier-tag">Begroot</div> </div> </label> <label class="sm-tier tier-gold"> <input type="radio" name="safari_tier" value="Gold - Luxe" id="smTierGold"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-medal" aria-hidden="true"></i></div> <div class="sm-tier-name">Goud</div> <div class="sm-tier-tag">Luxe</div> </div> </label> <label class="sm-tier tier-plat"> <input type="radio" name="safari_tier" value="Platinum - Exclusive" id="smTierPlat"> <div class="sm-tier-lbl"> <div class="sm-tier-check"><i class="fas fa-check"></i></div> <div class="sm-tier-icon"><i class="fa-solid fa-gem" aria-hidden="true"></i></div> <div class="sm-tier-name">Platina</div> <div class="sm-tier-tag">Exclusief</div> </div> </label> </div> <div class="sm-tier-err" id="smTierErr">Selecteer een pakketniveau om door te gaan.</div> </div> <div class="sm-sec">Uw gegevens</div> <div class="sm-f"> <label class="sm-lbl" for="sm_nm">Volledige naam<span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nm" name="name" placeholder="b.v. Sara Johnson" required autocomplete="name"> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_em">E-mail<span class="sm-req">*</span></label> <input class="sm-inp" type="email" id="sm_em" name="email" placeholder="sarah@example.com" required autocomplete="email"> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_ph">Telefoon/WhatsAppen<span class="sm-req">*</span></label> <input class="sm-inp" type="tel" id="sm_ph" name="phone" placeholder="+1 555 000 0000" required autocomplete="tel"> </div> </div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_nat">Nationaliteit<span class="sm-req">*</span></label> <input class="sm-inp" type="text" id="sm_nat" name="nationality" placeholder="b.v. Amerikaans, Brits…" required autocomplete="country-name"> </div> </div> <div class="sm-sec">Safari-voorkeuren</div> <div class="sm-row"> <div class="sm-f"> <label class="sm-lbl" for="sm_dt">Gewenste startdatum<span class="sm-req">*</span></label> <input class="sm-inp" type="date" id="sm_dt" name="dates" required> </div></div> <div class="sm-row"> <div class="sm-f"> <div class="sm-lbl">Volwassenen<span class="sm-req">*</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-adults" data-a="dec" aria-label="Volwassenen verminderen">−</button> <div class="sm-cn" id="smAdD">1</div> <button type="button" class="sm-cb" data-t="sm-adults" data-a="inc" aria-label="Toename volwassenen">+</button> <input type="hidden" id="smAdV" name="adults" value="1"> </div> </div> <div class="sm-f"> <div class="sm-lbl">Kinderen<span style="font-weight:400;text-transform:none;letter-spacing:0;color:#aaa;">(jonger dan 12 jaar)</span></div> <div class="sm-counter"> <button type="button" class="sm-cb" data-t="sm-children" data-a="dec" aria-label="Kinderen verlagen">−</button> <div class="sm-cn" id="smChD">0</div> <button type="button" class="sm-cb" data-t="sm-children" data-a="inc" aria-label="Kinderen vergroten">+</button> <input type="hidden" id="smChV" name="children" value="0"> </div> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_diet">Dieetwensen</label> <select class="sm-sel" id="sm_diet" name="dietary"> <option value="" disabled selected>Selecteer indien van toepassing…</option> <option value="None">Geen / Geen beperkingen</option> <option value="Vegetarian">Vegetarisch</option> <option value="Vegan">Veganistisch</option> <option value="Gluten-free">Glutenvrij</option> <option value="Halal">Halal</option> <option value="Kosher">Koosjer</option> <option value="Other">Anders (specificeer in opmerkingen)</option> </select> </div> <div class="sm-f"> <div class="sm-lbl">Voorkeurscontactmethode<span class="sm-req">*</span></div> <div class="sm-contact"> <label class="sm-co sm-wa"> <input type="radio" name="contact_method" value="WhatsAppen" checked> <div class="sm-cl"><i class="fab fa-whatsapp"></i><span>WhatsAppen</span></div> </label> <label class="sm-co"> <input type="radio" name="contact_method" value="Email"> <div class="sm-cl"><i class="fas fa-envelope"></i><span>E-mail</span></div> </label> <label class="sm-co"> <input type="radio" name="contact_method" value="Phone"> <div class="sm-cl"><i class="fas fa-phone"></i><span>Telefoon</span></div> </label> </div> </div> <div class="sm-f"> <label class="sm-lbl" for="sm_nt">Aanvullende opmerkingen</label> <textarea class="sm-ta" id="sm_nt" name="message" placeholder="Speciale gelegenheden (huwelijksreis, jubileum, verjaardag), toegankelijkheidsbehoeften, specifieke lodges die u in gedachten heeft, vragen over de route…"></textarea> </div> <div class="sm-div"></div> <button type="submit" class="sm-btn" id="smSubmitBtn"> <i class="fas fa-binoculars" style="margin-right:8px;"></i>Safari-aanvraag verzenden</button> <div class="sm-note">Geen betaling of verplichting in dit stadium. Door inzending gaat u akkoord met onze<a href="https://www.haventrails.com/nl/privacy-policy">Privacybeleid</a>. </div> </form> <div class="sm-success" id="smSuccess"> <div class="sm-ok"><i class="fas fa-check"></i></div> <h3>Safari-verzoek verzonden!</h3> <p>Onze safarispecialisten van Havenpaden-avonturen nemen binnen 24 uur contact met u op met uw persoonlijke voorstel en prijzen.</p> <button class="sm-sc" id="smSuccessClose">Sluiten</button> </div> </div> </div> </div> <script> (function () { var modal = document.getElementById('safariModal'); var form = document.getElementById('safariBookingForm'); var success = document.getElementById('smSuccess'); var adD = document.getElementById('smAdD'); var chD = document.getElementById('smChD'); var adV = document.getElementById('smAdV'); var chV = document.getElementById('smChV'); if (modal.parentNode !== document.body) { document.body.appendChild(modal); } function openModal() { var dateEl = document.getElementById('sm_dt'); if (dateEl) dateEl.min = new Date().toISOString().split('T')[0]; modal.classList.add('sm-open'); document.body.style.overflow = 'hidden'; setTimeout(function(){ document.getElementById('smClose').focus(); }, 80); } function closeModal() { modal.classList.remove('sm-open'); document.body.style.overflow = ''; setTimeout(function () { form.reset(); form.style.display = ''; success.style.display = 'none'; adV.value = '1'; adD.textContent = '1'; chV.value = '0'; chD.textContent = '0'; form.querySelectorAll('.sm-err').forEach(function(el){ el.classList.remove('sm-err'); }); document.getElementById('smTierErr').classList.remove('show'); var btn = document.getElementById('smSubmitBtn'); btn.disabled = false; btn.innerHTML = '<i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry'; }, 320); } document.querySelectorAll('[data-open-booking], [data-open-safari]').forEach(function(el){ el.addEventListener('click', openModal); }); document.querySelectorAll('a[href="#book"]').forEach(function(el){ el.addEventListener('click', function(e){ e.preventDefault(); openModal(); }); }); document.getElementById('smClose').addEventListener('click', closeModal); document.getElementById('smSuccessClose').addEventListener('click', closeModal); modal.addEventListener('click', function(e){ if (e.target === modal) closeModal(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && modal.classList.contains('sm-open')) closeModal(); }); document.querySelectorAll('.sm-cb').forEach(function(btn){ btn.addEventListener('click', function(){ var t = btn.dataset.t, a = btn.dataset.a; var disp = t === 'sm-adults' ? adD : chD; var hid = t === 'sm-adults' ? adV : chV; var min = t === 'sm-adults' ? 1 : 0; var cur = parseInt(hid.value, 10); var nxt = a === 'inc' ? Math.min(cur + 1, 20) : Math.max(cur - 1, min); hid.value = nxt; disp.textContent = nxt; }); }); function validate() { var ok = true; form.querySelectorAll('.sm-err').forEach(function(el){ el.classList.remove('sm-err'); }); document.getElementById('smTierErr').classList.remove('show'); var tierSelected = form.querySelector('input[name="safari_tier"]:checked'); if (!tierSelected) { document.getElementById('smTierErr').classList.add('show'); ok = false; } form.querySelectorAll('[required]').forEach(function(el){ if (el.type === 'radio') return; if (!el.value.trim()) { el.classList.add('sm-err'); ok = false; } }); var emailEl = document.getElementById('sm_em'); if (emailEl && emailEl.value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailEl.value)) { emailEl.classList.add('sm-err'); ok = false; } return ok; } form.addEventListener('submit', function(e){ e.preventDefault(); if (!validate()) return; var btn = document.getElementById('smSubmitBtn'); btn.disabled = true; btn.innerHTML = '<i class="fas fa-spinner fa-spin" style="margin-right:8px;"></i>Sending…'; var data = new FormData(form); fetch('safari-book.php', { method: 'POST', body: data }) .then(function(res) { if (!res.ok) { return res.text().then(function(text) { throw new Error(text || 'Verzending mislukt.'); }); } if (res.redirected) { window.location.href = res.url; } else { form.style.display = 'none'; success.style.display = 'flex'; } }) .catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-binoculars" style="margin-right:8px;"></i>Send Safari Enquiry'; alert((err && err.message) ? err.message : 'Network error. Probeer het opnieuw or WhatsAppen us directly at +255 713 334 154.'); }); }); })(); </script> <script> (function () { var HTA_ID = 'htaPlanTrip2026Btn'; var HTA_STID = 'htaPlanTrip2026Style'; var CSS = ` @keyframes htaPT26In { from { transform: translateY(-50%) translateX(72px); opacity: 0; } to { transform: translateY(-50%) translateX(0); opacity: 1; } } @keyframes htaPT26Dot { 0%,100% { opacity: .35; transform: translateX(-50%) scale(1); } 50% { opacity: .9; transform: translateX(-50%) scale(1.45); } } @keyframes htaPT26Spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #${HTA_ID} { position: fixed !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2147483647 !important; display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; text-decoration: none !important; outline: none !important; animation: htaPT26In 1s cubic-bezier(0.22,1,0.36,1) 1.1s both !important; } #${HTA_ID} .hpt-body { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 54px !important; padding: 32px 0 28px !important; background: #593404 !important; border-radius: 26px 0 0 26px !important; border: 1px solid rgba(255,255,255,0.20) !important; border-right: none !important; position: relative !important; overflow: hidden !important; box-shadow: -8px 2px 40px rgba(89,52,4,0.60), -1px 0 0 rgba(255,255,255,0.10) !important; transition: width .50s cubic-bezier(0.22,1,0.36,1), background .35s ease, border-color .35s ease, box-shadow .35s ease !important; } #${HTA_ID}:hover .hpt-body { width: 64px !important; background: #6b3e05 !important; border-color: rgba(255,255,255,0.38) !important; box-shadow: -14px 4px 56px rgba(89,52,4,0.75), -2px 0 0 rgba(255,255,255,0.22) !important; } #${HTA_ID} .hpt-body::before { content: '' !important; position: absolute !important; top: 0 !important; left: 10% !important; right: 10% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,255,255,.5) 35%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.5) 65%, transparent) !important; pointer-events: none !important; } #${HTA_ID} .hpt-body::after { content: '' !important; position: absolute !important; left: 0 !important; top: 16% !important; bottom: 16% !important; width: 3px !important; background: linear-gradient(to bottom, transparent, rgba(255,255,255,.55) 25%, rgba(255,255,255,.85) 50%, rgba(255,255,255,.55) 75%, transparent) !important; border-radius: 0 3px 3px 0 !important; opacity: .55 !important; transition: opacity .4s ease, top .4s ease, bottom .4s ease !important; pointer-events: none !important; } #${HTA_ID}:hover .hpt-body::after { opacity: 1 !important; top: 7% !important; bottom: 7% !important; } #${HTA_ID} .hpt-medallion { writing-mode: horizontal-tb !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: rgba(255,255,255,0.14) !important; border: 1.5px solid rgba(255,255,255,0.32) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; position: relative !important; z-index: 2 !important; margin-bottom: 14px !important; transition: background .35s ease, border-color .35s ease, transform .55s cubic-bezier(0.34,1.56,0.64,1), box-shadow .35s ease !important; } #${HTA_ID}:hover .hpt-medallion { background: rgba(255,255,255,0.26) !important; border-color: rgba(255,255,255,0.62) !important; transform: scale(1.13) translateY(-3px) !important; box-shadow: 0 6px 20px rgba(89,52,4,0.4) !important; } #${HTA_ID} .hpt-orbit { position: absolute !important; inset: -5px !important; border-radius: 50% !important; border: 1px dashed rgba(255,255,255,0) !important; transition: border-color .4s ease !important; pointer-events: none !important; } #${HTA_ID}:hover .hpt-orbit { border-color: rgba(255,255,255,0.30) !important; animation: htaPT26Spin 6s linear infinite !important; } #${HTA_ID} .hpt-icon { font-size: 16px !important; color: #ffffff !important; position: relative !important; z-index: 1 !important; transition: transform .55s cubic-bezier(0.34,1.56,0.64,1) !important; line-height: 1 !important; } #${HTA_ID}:hover .hpt-icon { transform: rotate(12deg) scale(1.1) !important; } #${HTA_ID} .hpt-rule { width: 20px !important; height: 1px !important; background: rgba(255,255,255,0.28) !important; flex-shrink: 0 !important; position: relative !important; z-index: 2 !important; border: none !important; transition: width .45s cubic-bezier(0.22,1,0.36,1), background .35s ease !important; } #${HTA_ID}:hover .hpt-rule { width: 30px !important; background: rgba(255,255,255,0.55) !important; } #${HTA_ID} .hpt-text { writing-mode: vertical-lr !important; transform: rotate(180deg) !important; font-family: 'MuseoSans', Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.44em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.80) !important; margin-top: 14px !important; line-height: 1 !important; white-space: nowrap !important; position: relative !important; z-index: 2 !important; transition: color .3s ease, letter-spacing .48s cubic-bezier(0.22,1,0.36,1) !important; } #${HTA_ID}:hover .hpt-text { color: #ffffff !important; letter-spacing: 0.52em !important; } #${HTA_ID} .hpt-dot { position: absolute !important; bottom: 12px !important; left: 50% !important; transform: translateX(-50%) !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: rgba(255,255,255,0.38) !important; z-index: 2 !important; animation: htaPT26Dot 2.8s ease-in-out infinite !important; transition: background .3s ease, transform .35s ease !important; } #${HTA_ID}:hover .hpt-dot { background: rgba(255,255,255,0.9) !important; animation: none !important; transform: translateX(-50%) scale(1.7) !important; } #${HTA_ID} .hpt-panel { position: absolute !important; right: 100% !important; top: 50% !important; transform: translateY(-50%) translateX(14px) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: #593404 !important; border: 1px solid rgba(255,255,255,0.22) !important; border-right: none !important; border-radius: 16px 0 0 16px !important; padding: 14px 22px 14px 20px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; white-space: nowrap !important; box-shadow: -8px 0 32px rgba(89,52,4,0.55) !important; transition: opacity .32s ease, transform .44s cubic-bezier(0.22,1,0.36,1), visibility .32s ease !important; } #${HTA_ID}:hover .hpt-panel { opacity: 1 !important; visibility: visible !important; transform: translateY(-50%) translateX(0) !important; } #${HTA_ID} .hpt-panel::before { content: '' !important; position: absolute !important; top: 0 !important; left: 8% !important; right: 8% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255,255,255,.4) 40%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.4) 60%, transparent) !important; pointer-events: none !important; } #${HTA_ID} .hpt-panel-eyebrow { font-family: 'MuseoSans', Arial, sans-serif !important; font-size: 9px !important; font-weight: 400 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.42) !important; line-height: 1 !important; } #${HTA_ID} .hpt-panel-title { font-family: 'MuseoSans', Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0.03em !important; color: #ffffff !important; line-height: 1.25 !important; } #${HTA_ID} .hpt-panel-arrow { display: inline-block !important; font-style: normal !important; margin-left: 4px !important; opacity: 0.55 !important; transition: transform .3s ease, opacity .3s ease !important; } #${HTA_ID}:hover .hpt-panel-arrow { transform: translateX(4px) !important; opacity: 1 !important; } @media (max-width: 768px) { #${HTA_ID} .hpt-panel { display: none !important; } #${HTA_ID} .hpt-body { width: 42px !important; padding: 22px 0 20px !important; border-radius: 18px 0 0 18px !important; } #${HTA_ID}:hover .hpt-body { width: 48px !important; } #${HTA_ID} .hpt-medallion { width: 30px !important; height: 30px !important; margin-bottom: 10px !important; } #${HTA_ID} .hpt-icon { font-size: 13px !important; } #${HTA_ID} .hpt-text { font-size: 9px !important; letter-spacing: .34em !important; margin-top: 10px !important; } #${HTA_ID} .hpt-rule { width: 16px !important; } #${HTA_ID} .hpt-dot { bottom: 9px !important; width: 4px !important; height: 4px !important; } } @media (max-width: 480px) { #${HTA_ID} .hpt-body { width: 38px !important; padding: 18px 0 16px !important; border-radius: 14px 0 0 14px !important; } #${HTA_ID} .hpt-medallion { width: 26px !important; height: 26px !important; } #${HTA_ID} .hpt-icon { font-size: 11px !important; } #${HTA_ID} .hpt-text { font-size: 8.5px !important; margin-top: 9px !important; } } `; var HTML = ` <span class="hpt-panel" aria-hidden="true"> <span class="hpt-panel-eyebrow">Havenpaden-avonturen</span> <span class="hpt-panel-title">Plan mijn reis<i class="hpt-panel-arrow">?</i></span> </span> <span class="hpt-body"> <span class="hpt-dot"></span> <span class="hpt-medallion"> <span class="hpt-orbit"></span> <i class="fa-solid fa-map-location-dot hpt-icon" aria-hidden="true"></i> </span> <span class="hpt-rule"></span> <span class="hpt-text">Plan mijn reis</span> </span> `; function htaBuild() { if (document.getElementById(HTA_ID)) return; if (!document.getElementById(HTA_STID)) { var s = document.createElement('style'); s.id = HTA_STID; s.innerHTML = CSS; document.head.appendChild(s); } var a = document.createElement('a'); a.id = HTA_ID; a.href = 'https://www.haventrails.com/nl/planning-my-trip'; a.title = 'Plan mijn reis — Havenpaden-avonturen'; a.setAttribute('aria-label', 'Plan mijn reis — Havenpaden-avonturen'); a.innerHTML = HTML; document.body.appendChild(a); } function htaGuard() { htaBuild(); var el = document.getElementById(HTA_ID); if (!el) return; el.style.setProperty('display', 'block', 'important'); el.style.setProperty('visibility', 'visible', 'important'); el.style.setProperty('opacity', '1', 'important'); el.style.setProperty('position', 'fixed', 'important'); el.style.setProperty('right', '0', 'important'); el.style.setProperty('top', '50%', 'important'); el.style.setProperty('z-index', '2147483647', 'important'); } document.addEventListener('DOMContentLoaded', htaGuard); window.addEventListener('load', function () { setTimeout(htaGuard, 400); setTimeout(htaGuard, 1400); setTimeout(htaGuard, 3000); }); setInterval(htaGuard, 1000); var mo = new MutationObserver(htaGuard); document.addEventListener('DOMContentLoaded', function () { mo.observe(document.body, { childList: true, subtree: true }); }); })(); </script> <footer class="togo-footer-sec" itemscope itemtype="https://schema.org/WPFooter"> <div style="background:linear-gradient(135deg,#1a1a1a 0%,#2a1f0a 100%);padding:40px 0;border-bottom:1px solid rgba(201,162,39,0.3);"> <div class="togo-container"> <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;"> <div> <h3 style="color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 6px;"> Krijg reisinspiratie voor Tanzania </h3> <p style="color:rgba(255,255,255,0.55);font-size:0.88rem;margin:0;"> Safaritips, Kilimanjaro-gidsen en seizoensreisadvies. Afgeleverd in uw inbox. </p> </div> <form id="newsletterForm" action="newsletter.php" method="POST" style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;"> <input type="email" name="email" id="newsletterEmail" placeholder="Uw e-mailadres" required style="padding:13px 20px;border-radius:10px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.08);color:#fff;font-size:0.9rem;min-width:260px;outline:none;flex:1;"> <button type="submit" id="newsletterBtn" style="padding:13px 24px;background:#c9a227;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:0.9rem;cursor:pointer;white-space:nowrap;"> Abonneer je gratis </button> </form> </div> <p id="newsletterMsg" style="color:#c9a227;margin-top:12px;font-size:0.9rem;"></p> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const form = document.getElementById("newsletterForm"); const msg = document.getElementById("newsletterMsg"); const btn = document.getElementById("newsletterBtn"); const emailInput = document.getElementById("newsletterEmail"); form.addEventListener("submit", function (e) { e.preventDefault(); const email = emailInput.value.trim(); if (!email) { msg.style.color = "red"; msg.textContent = "Please enter your email."; return; } btn.disabled = true; btn.textContent = "Abonneren..."; fetch("newsletter.php", { method: "POST", body: new FormData(form) }) .then(res => { if (!res.ok) { return res.text().then(text => { throw new Error(text || "Abonnement mislukt."); }); } if (res.redirected) { window.location.href = res.url; return ""; } return res.text(); }) .then(data => { if (data === "") return; msg.style.color = "#c9a227"; msg.textContent = data; form.reset(); }) .catch((err) => { msg.style.color = "red"; msg.textContent = (err && err.message) ? err.message : "Er is iets misgegaan. Probeer het opnieuw."; }) .finally(() => { btn.disabled = false; btn.textContent = "Schrijf je gratis in"; }); }); }); </script> <div class="togo-container"> <div class="togo-footer-grid"> <div class="togo-footer-col"> <h4 class="togo-footer-title">Havenpaden-avonturen</h4> <p style="font-size:13px;color:#666;line-height:1.7;margin-bottom:16px;"> Tanzania's belangrijkste safari- en Kilimanjaro-trekkingspecialist, gevestigd in Moshi. Bekroonde avonturen gemaakt voor natuurliefhebbers, pasgetrouwden en gezinnen sinds 2015. Meer dan 8.000 succesvolle expedities en een toppercentage van de Kilimanjaro van 98,5%. </p> </div> <div class="togo-footer-col"> <h4 class="togo-footer-title">Kilimanjaro-trekking</h4> <ul class="togo-footer-links"> <li><a href="https://www.haventrails.com/nl/kilimanjaro-routes">Alle Kilimanjaro-routes</a></li> <li><a href="https://www.haventrails.com/nl/kilimanjaro-packing-list">Kilimanjaro paklijst</a></li> <li><a href="https://www.haventrails.com/nl/kilimanjaro-climbing-guide">Kilimanjaro klimgids</a></li> <li><a href="https://www.haventrails.com/nl/kilimanjaro-preparation-guide">Hoe u zich kunt voorbereiden op de Kilimanjaro</a></li> <li><a href="https://www.haventrails.com/nl/best-time-to-climb-kilimanjaro">Beste tijd om de Kilimanjaro te beklimmen</a></li> <li><a href="https://www.haventrails.com/nl/kilimanjaro-for-beginners">Kilimanjaro voor beginners</a></li> </ul> </div> <div class="togo-footer-col"> <h4 class="togo-footer-title">Tanzania-safari's</h4> <ul class="togo-footer-links"> <li><a href="https://www.haventrails.com/nl/safari-tours">Alle Safari-pakketten</a></li> <li><a href="https://www.haventrails.com/nl/serengeti-national-park">Serengeti Nationaal Park</a></li> <li><a href="https://www.haventrails.com/nl/ngorongoro-crater">Ngorongoro-krater</a></li> <li><a href="https://www.haventrails.com/nl/tarangire-national-park">Tarangire Nationaal Park</a></li> <li><a href="https://www.haventrails.com/nl/best-time-safari-tanzania">Beste tijd voor een Tanzania-safari</a></li> <li><a href="https://www.haventrails.com/nl/tanzania-safari-cost">Tanzania-safari Kostengids</a></li> </ul> </div> <div class="togo-footer-col"> <h4 class="togo-footer-title">Neem contact op</h4> <ul class="togo-footer-links"> <li> <a href="tel:+255713334154" aria-label="Call Havenpaden-avonturen"> <i class="fa-solid fa-phone" style="color:#c9a227;margin-right:6px;"></i>+255 713 334 154 </a> </li> <li> <a href="tel:+255673829158" aria-label="Alternative phone number"> <i class="fa-solid fa-phone" style="color:#c9a227;margin-right:6px;"></i>+255 673 829 158 </a> </li> <li> <a href="mailto:info@haventrails.com" aria-label="Email Havenpaden-avonturen"> <i class="fa-solid fa-envelope" style="color:#c9a227;margin-right:6px;"></i>info@haventrails.com </a> </li> <li> <a href="https://www.haventrails.com/nl/contact-us"> <i class="fa-solid fa-location-dot" style="color:#c9a227;margin-right:6px;"></i>Moshi, Kilimanjaro, Tanzania </a> </li> </ul> <div class="togo-footer-buttons"> <a href="mailto:info@haventrails.com" class="togo-btn-green" aria-label="Stuur een boekingsaanvraag naar Havenpaden-avonturen"> <i class="fa-solid fa-envelope"></i> Stuur een boekingsaanvraag </a> <a href="https://wa.me/255713334154" class="togo-btn-outline" target="_blank" rel="noopener noreferrer" aria-label="Chat met Havenpaden-avonturen op WhatsAppen"> <i class="fa-brands fa-whatsapp"></i> Chatten op WhatsAppen </a> <a href="https://calendly.com/haventrails/30min" class="togo-btn-consult" target="_blank" rel="noopener noreferrer" aria-label="Boek een gratis adviesgesprek"> <i class="fa-solid fa-calendar-check"></i> Boek gratis adviesgesprek </a> </div> <div class="togo-footer-trust" style="margin-top:20px;"> <a href="https://www.tripadvisor.com/Attraction_Review-g317084-d26261131-Reviews-haven_Trails_Adventures-Moshi_Kilimanjaro_Region.html" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#00aa6c;text-decoration:none;font-weight:600;"> <i class="fa-solid fa-star" style="color:#00aa6c;"></i> Beoordeeld 5/5 op TripAdvisor </a> </div> </div> </div> <div class="togo-footer-emergency" style="background:linear-gradient(135deg,#fff9ee,#fff);border:1px solid #f0e4c0;border-radius:14px;padding:20px 28px;margin:10px 0 20px;"> <p style="color:#7a6a52;font-weight:600;font-size:0.9rem;margin:0 0 6px;"><i class="fas fa-headset" style="color:#c9a227;margin-right:8px;"></i>24/7 boekings- en noodondersteuning</p> <div style="display:flex;flex-wrap:wrap;gap:16px;align-items:center;"> <a href="tel:+255713334154" style="color:#1a1a1a;font-weight:700;text-decoration:none;font-size:1rem;">+255 713 334 154</a> <span style="color:#ddd;">|</span> <a href="tel:+255673829158" style="color:#1a1a1a;font-weight:700;text-decoration:none;font-size:1rem;">+255 673 829 158</a> <span style="color:#ddd;">|</span> <a href="mailto:info@haventrails.com" style="color:#c9a227;text-decoration:none;font-weight:600;">info@haventrails.com</a> <span style="color:#ddd;">|</span> <a href="https://wa.me/255713334154" target="_blank" rel="noopener noreferrer" style="color:#25D366;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;"><i class="fab fa-whatsapp"></i> WhatsAppen-chat</a> </div> </div> </div> <div class="togo-footer-social-bar"> <div class="togo-container"> <span style="font-size:13px;color:#888;margin-right:15px;">Volg onze avonturen:</span> <div class="togo-footer-social-icons"> <a href="https://instagram.com/haventrails" target="_blank" rel="noopener noreferrer" aria-label="Havenpaden on Instagram" class="togo-social-link insta"> <i class="fa-brands fa-instagram"></i> </a> <a href="https://facebook.com/haventrails" target="_blank" rel="noopener noreferrer" aria-label="Havenpaden on Facebook" class="togo-social-link fb"> <i class="fa-brands fa-facebook-f"></i> </a> <a href="https://youtube.com/@haventrails" target="_blank" rel="noopener noreferrer" aria-label="Havenpaden on YouTube" class="togo-social-link yt"> <i class="fa-brands fa-youtube"></i> </a> <a href="https://tiktok.com/@haventrails" target="_blank" rel="noopener noreferrer" aria-label="Havenpaden on TikTok" class="togo-social-link tk"> <i class="fa-brands fa-tiktok"></i> </a> <a href="https://linkedin.com/company/haventrails" target="_blank" rel="noopener noreferrer" aria-label="Havenpaden on LinkedIn" class="togo-social-link li"> <i class="fa-brands fa-linkedin-in"></i> </a> <a href="https://pinterest.com/haventrails" target="_blank" rel="noopener noreferrer" aria-label="Havenpaden on Pinterest" class="togo-social-link pin"> <i class="fa-brands fa-pinterest-p"></i> </a> </div> </div> </div> <div class="togo-footer-bottom"> <div class="togo-container togo-footer-bottom-inner"> <div class="togo-footer-copy"> ©2026 Havenpaden-avonturen. Alle rechten voorbehouden. | Geregistreerde touroperator, Tanzania </div> <div class="togo-footer-rating" style="font-size:13px;color:#666;display:flex;align-items:center;gap:14px;flex-wrap:wrap;"> <span><i class="fa-solid fa-star" style="color:#c9a227;margin-right:4px;"></i> 5<i class="fa-solid fa-star" aria-hidden="true"></i> TripAdvisor</span> <span><i class="fa-brands fa-google" style="color:#C9A227;margin-right:4px;"></i> 5<i class="fa-solid fa-star" aria-hidden="true"></i> Googlen</span> <span style="display:inline-flex;align-items:center;gap:6px;color:#555;font-size:12px;"><i class="fab fa-cc-visa" style="font-size:18px;color:#5C3D1E;"></i><i class="fab fa-cc-mastercard" style="font-size:18px;color:#eb001b;"></i><i class="fab fa-cc-paypal" style="font-size:18px;color:#5C3D1E;"></i></span> </div> </div> </div> <div class="togo-footer-policies"> <div class="togo-container"> <a href="https://www.haventrails.com/nl/terms-and-conditions">Algemene voorwaarden</a> <a href="https://www.haventrails.com/nl/privacy-policy">Privacybeleid</a> <a href="https://www.haventrails.com/nl/faq">Veelgestelde vragen</a> </div> </div> </footer> <style> .togo-footer-sec { background: #ffffff; font-family: 'MuseoSans', Arial, sans-serif; color: #333; border-top: 3px solid #c9a227; } .togo-container { width: 90%; max-width: 1200px; margin: auto; } .togo-footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr 1.4fr; gap: 40px; padding: 60px 0 40px; } .togo-footer-title { font-size: 15px; font-weight: 700; margin-bottom: 22px; position: relative; color: #1a1a1a; text-transform: uppercase; letter-spacing: 0.5px; } .togo-footer-title::after { content: ""; width: 36px; height: 2px; background: #c9a227; position: absolute; left: 0; bottom: -10px; border-radius: 2px; } .togo-footer-links { list-style: none; padding: 0; margin: 0; } .togo-footer-links li { margin-bottom: 10px; } .togo-footer-links a { text-decoration: none; color: #555; font-size: 13.5px; transition: color 0.25s, padding-left 0.25s; display: inline-block; } .togo-footer-links a:hover { color: #c9a227; padding-left: 4px; } .togo-footer-buttons { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; } .togo-btn-green { background: #2e7d32; color: #fff !important; padding: 11px 18px; border-radius: 8px; text-decoration: none !important; font-size: 13.5px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; transition: background 0.25s, transform 0.2s; } .togo-btn-green:hover { background: #1b5e20; transform: translateY(-1px); } .togo-btn-outline { background: #25D366; color: #fff !important; padding: 11px 18px; border-radius: 8px; text-decoration: none !important; font-size: 13.5px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; transition: background 0.25s, transform 0.2s; } .togo-btn-outline:hover { background: #1da851; transform: translateY(-1px); } .togo-btn-consult { background: #c9a227; color: #fff !important; padding: 11px 18px; border-radius: 8px; text-decoration: none !important; font-size: 13.5px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; transition: background 0.25s, transform 0.2s; } .togo-btn-consult:hover { background: #a8851e; transform: translateY(-1px); } .togo-footer-emergency { padding: 20px 0 28px; font-size: 13.5px; color: #666; border-top: 1px solid #f0f0f0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .togo-footer-emergency p { margin: 0; font-weight: 600; color: #333; margin-right: 8px; } .togo-footer-emergency strong { color: #1a1a1a; } .togo-footer-social-bar { background: #f9f7f2; padding: 16px 0; border-top: 1px solid #efe8d8; } .togo-footer-social-bar .togo-container { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .togo-footer-social-icons { display: flex; gap: 10px; flex-wrap: wrap; } .togo-social-link { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; text-decoration: none; transition: transform 0.2s, opacity 0.2s; color: #fff; } .togo-social-link:hover { transform: translateY(-2px); opacity: 0.9; } .togo-social-link.insta { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); } .togo-social-link.fb { background: #C9A227; } .togo-social-link.yt { background: #FF0000; } .togo-social-link.tk { background: #010101; } .togo-social-link.li { background: #5C3D1E; } .togo-social-link.pin { background: #E60023; } .togo-footer-bottom { background: #f0ece3; padding: 16px 0; } .togo-footer-bottom-inner { display: flex; justify-content: space-between; align-items: center; font-size: 13px; flex-wrap: wrap; gap: 10px; } .togo-footer-copy { color: #555; } .togo-footer-policies { background: #ffffff; padding: 14px 0 28px; text-align: center; border-top: 1px solid #f0f0f0; } .togo-footer-policies a { margin: 0 10px; font-size: 12.5px; color: #888; text-decoration: none; transition: color 0.2s; } .togo-footer-policies a:hover { color: #c9a227; } @media (max-width: 1024px) { .togo-footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .togo-footer-grid { grid-template-columns: 1fr; padding: 40px 0 30px; gap: 30px; } .togo-footer-bottom-inner { flex-direction: column; gap: 8px; text-align: center; } .togo-footer-emergency { flex-direction: column; align-items: flex-start; gap: 4px; } .togo-footer-social-bar .togo-container { flex-direction: column; align-items: flex-start; } .togo-footer-policies { padding: 14px 0 20px; } .togo-footer-policies a { display: inline-block; margin: 4px 8px; } } @media (max-width: 380px) { .togo-footer-buttons { gap: 8px; } .togo-btn-green, .togo-btn-outline, .togo-btn-consult { font-size: 12.5px; padding: 10px 14px; } } </style> </footer> </div> </div> <script src="../assetss/js/vendor/jquery.min.js" defer></script> <script src="../assetss/js/bootstrap-bundle.min.js" defer></script> <script src="../assetss/js/swiper-bundle.min.js" defer></script> <script src="../assetss/js/magnific-popup.min.js" defer></script> <script src="../assetss/js/vendor/incluid-bundle.min.js" defer></script> <script src="../assetss/js/nice-select.min.js" defer></script> <script src="../assetss/js/purecounter.min.js" defer></script> <script src="../assetss/js/scripts.min.js" defer></script> <script> (function(){ var c = document.getElementById('stars'); if (!c) return; for (var i = 0; i < 80; i++) { var s = document.createElement('div'); s.className = 'star'; var z = Math.random() * 2 + 0.5; s.style.cssText = 'width:' + z + 'px;height:' + z + 'px;top:' + Math.random() * 60 + '%;left:' + Math.random() * 100 + '%;animation-delay:' + Math.random() * 3 + 's;animation-duration:' + (2 + Math.random() * 3) + 's;'; c.appendChild(s); } })(); var hbg = document.querySelector('.togo-offcanvas-hamburger-btn'); var mnav = document.querySelector('.offcanvas-area'); var overlay = document.querySelector('.body-overlay'); function openNav() { if (!mnav) return; mnav.classList.add('open'); document.body.style.overflow = 'hidden'; if (hbg) hbg.setAttribute('aria-expanded', 'true'); } function closeNav() { if (!mnav) return; mnav.classList.remove('open'); document.body.style.overflow = ''; if (hbg) hbg.setAttribute('aria-expanded', 'false'); } if (hbg) hbg.addEventListener('click', function() { mnav.classList.contains('open') ? closeNav() : openNav(); }); var closeBtn = document.querySelector('.offcanvas-close-btn'); if (closeBtn) closeBtn.addEventListener('click', closeNav); if (overlay) overlay.addEventListener('click', closeNav); function switchTab(tab, btn) { if (tab && tab.classList && typeof btn === 'string') { var homeBtn = tab; var id = btn; document.querySelectorAll('.ht-tab-btn').forEach(function(b) { b.classList.remove('active'); }); document.querySelectorAll('.ht-tab-pane').forEach(function(p) { p.classList.remove('active'); }); homeBtn.classList.add('active'); var homePane = document.getElementById('tab-' + id); if (homePane) homePane.classList.add('active'); var swiperMap = { safari: window._safariSwiper, kili: window._kiliSwiper }; if (swiperMap[id] && typeof swiperMap[id].update === 'function') swiperMap[id].update(); return; } document.querySelectorAll('.itb').forEach(function(b) { b.classList.remove('active'); }); if (btn && btn.classList) btn.classList.add('active'); document.querySelectorAll('.itp').forEach(function(p) { p.classList.remove('active'); }); var panel = document.getElementById('panel-' + tab); if (!panel) return; panel.classList.add('active'); panel.querySelectorAll('.dc').forEach(function(c, i) { i === 0 ? c.classList.add('open') : c.classList.remove('open'); }); } function toggleDay(id) { var el = document.getElementById(id); if (el) el.classList.toggle('open'); } function toggleFaq(id) { document.querySelectorAll('.fqi').forEach(function(item) { if (item.id !== id) item.classList.remove('open'); }); var el = document.getElementById(id); if (el) el.classList.toggle('open'); } </script> <script> document.querySelectorAll('.faq-q').forEach(btn => { btn.addEventListener('click', () => { const item = btn.closest('.faq-item'); const isOpen = item.classList.contains('open'); document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open')); if (!isOpen) item.classList.add('open'); }); }); document.querySelectorAll('.itin-toggle').forEach(btn => { btn.addEventListener('click', () => { btn.closest('.itin-item').classList.toggle('open'); }); }); var tripIds = [ 'trip-arusha-np','trip-chemka','trip-lake-chala','trip-lake-duluti', 'trip-lake-manyara','trip-materuni','trip-kilimanjaro', 'trip-ngorongoro','trip-olpopongi','trip-tarangire' ]; var navLinks = document.querySelectorAll('.trip-nav-item'); var tripObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { navLinks.forEach(l => l.classList.remove('active')); const match = document.querySelector(`.trip-nav-item[href="#${entry.target.id}"]`); if (match) match.classList.add('active'); } }); }, { rootMargin: '-10% 0px -60% 0px', threshold: 0 }); tripIds.forEach(id => { const el = document.getElementById(id); if (el) tripObserver.observe(el); }); var sectionIds = ['overview','trips','compare','faq']; var subNavLinks = document.querySelectorAll('.subnav a'); var subObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { subNavLinks.forEach(l => l.classList.remove('subnav--active')); const match = document.querySelector(`.subnav a[href="#${entry.target.id}"]`); if (match) match.classList.add('subnav--active'); } }); }, { rootMargin: '-10% 0px -55% 0px', threshold: 0 }); sectionIds.forEach(id => { const el = document.getElementById(id); if (el) subObserver.observe(el); }); document.querySelectorAll('a[href^="#"]').forEach(link => { link.addEventListener('click', e => { const target = document.querySelector(link.getAttribute('href')); if (!target) return; e.preventDefault(); const offset = 120; const top = target.getBoundingClientRect().top + window.scrollY - offset; window.scrollTo({ top, behavior: 'smooth' }); }); }); </script> <script> function switchMaranguMap(option) { var map5day = document.getElementById('map5day'); var map6day = document.getElementById('map6day'); var btn5day = document.getElementById('btn5day'); var btn6day = document.getElementById('btn6day'); if (!map5day || !map6day) return; if (option === '5day') { map5day.style.display = 'block'; map6day.style.display = 'none'; btn5day.style.cssText += 'background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4);color:#4a2e01;'; btn6day.style.cssText += 'background:transparent;border-color:rgba(201,168,76,.2);color:#A0A0A0;'; } else { map5day.style.display = 'none'; map6day.style.display = 'block'; btn5day.style.cssText += 'background:transparent;border-color:rgba(201,168,76,.2);color:#A0A0A0;'; btn6day.style.cssText += 'background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4);color:#4a2e01;'; } } </script> <script type="text/javascript" data-cfasync="false"> (function () { var loaded = false; function loadTawk() { if (loaded) return; loaded = true; window.Tawk_API = window.Tawk_API || {}; window.Tawk_LoadStart = new Date(); window.Tawk_API.onLoad = window.Tawk_API.onLoad || function () { if (typeof window.Tawk_API.showWidget === 'function') window.Tawk_API.showWidget(); }; var script = document.createElement('script'); script.async = true; script.src = 'https://embed.tawk.to/66d03697ea492f34bc0b4e6c/1i6elagmc'; script.charset = 'UTF-8'; script.referrerPolicy = 'no-referrer-when-downgrade'; var firstScript = document.getElementsByTagName('script')[0]; if (firstScript && firstScript.parentNode) firstScript.parentNode.insertBefore(script, firstScript); else document.head.appendChild(script); } window.addEventListener('load', function () { window.setTimeout(loadTawk, 15000); }, { once: true }); ['pointerdown', 'touchstart'].forEach(function (eventName) { window.addEventListener(eventName, loadTawk, { once: true, passive: true }); }); }()); </script> <style id="ht-tawk-zindex-guard"> iframe[src*="tawk.to"], iframe[title*="chat"], #tawkchat-container, .tawk-min-container, .tawk-button, .tawk-widget { z-index: 2147483647 !important; } </style> <style id="ht-global-font-override"> @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_500.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_700.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'DK Liquid Embrace'; src: url('../fonts/DK Liquid Embrace.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } :root { --font-display: 'MuseoSans', Arial, sans-serif; --font-body: 'MuseoSans', Arial, sans-serif; --font-serif: 'MuseoSans', Arial, sans-serif; --font-sans: 'MuseoSans', Arial, sans-serif; --ff-d: 'MuseoSans', Arial, sans-serif; --ff-b: 'MuseoSans', Arial, sans-serif; --f-display: 'MuseoSans', Arial, sans-serif; --f-body: 'MuseoSans', Arial, sans-serif; --f-mono: 'MuseoSans', Arial, sans-serif; --togo-ff-body: 'MuseoSans', Arial, sans-serif; --togo-ff-heading: 'MuseoSans', Arial, sans-serif; --togo-ff-p: 'MuseoSans', Arial, sans-serif; --togo-ff-outfit: 'MuseoSans', Arial, sans-serif; --togo-ff-marcellus: 'MuseoSans', Arial, sans-serif; --togo-ff-jost: 'MuseoSans', Arial, sans-serif; --togo-ff-playfair: 'MuseoSans', Arial, sans-serif; --togo-ff-otomanopee: 'MuseoSans', Arial, sans-serif; } html,body,body *,section,section *,header,header *,nav,nav *,main,main *,footer,footer *,article,article *,aside,aside *,div,p,a,li,span,button,input,textarea,select,option,label,small,strong,em,table,thead,tbody,tr,th,td,blockquote,figcaption,.card,.card *,.tour-card,.tour-card *,.site-header,.site-header *,.site-footer,.site-footer *,.hero,.hero *,.luitours-hero,.luitours-hero *,.page-hero,.page-hero *,.mega-menu,.mega-menu *,.menu,.menu *,.nav,.nav *,.subtitle,.section-subtitle,.hero-subtitle,.tour-description,.price-table,.price-table *,.tour-price-table,.tour-price-table * { font-family: 'MuseoSans', Arial, sans-serif; } html body, html body * { font-family: 'MuseoSans', Arial, sans-serif !important; } html body h1, html body h2 { font-family: 'MuseoSans', Arial, sans-serif !important; font-weight: 700; } html body h3, html body h3 *, html body h4, html body h4 *, html body h5, html body h5 *, html body h6, html body h6 * { font-family: 'DK Liquid Embrace', 'MuseoSans', Arial, sans-serif !important; font-weight: normal; } html body .fa, html body .fa::before, html body .fas, html body .fas::before, html body .fa-solid, html body .fa-solid::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important; } html body .far, html body .far::before, html body .fa-regular, html body .fa-regular::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 400 !important; } html body .fab, html body .fab::before, html body .fa-brands, html body .fa-brands::before { font-family: 'Font Awesome 6 Brands' !important; font-weight: 400 !important; } html body [class^='icon_']::before, html body [class*=' icon_']::before, html body [data-icon]::before { font-family: 'ElegantIcons' !important; } </style> </body> <script> var WA_CONFIG = { phone: "255713334154", name: "Supportteam", role: "Reisadviseur", avatar: "", initials: "ST", greeting: "Hallo!\nWelkom! We helpen u graag.\nWaarmee kunnen we u vandaag helpen?", placeholder: "Typ een bericht...", replyLabel: "Antwoordt meestal binnen enkele minuten", preCanned: [ "Ik wil mijn reis plannen", "Ik wil een tour boeken", "Ik heb een vraag", "Ik wil een gesprek plannen" ] }; </script> <style> #wlc *,#wlc *::before,#wlc *::after{box-sizing:border-box;margin:0;padding:0;font-family: 'MuseoSans', Arial, sans-serif;} #wlc{ --wa-green: #25D366; --wa-green-dk: #1aad55; --wa-teal: #075E54; --wa-teal-md: #C9A227; --wa-chat-bg: #0d1b17; --wa-panel-bg: #111b21; --wa-header-bg: #202c33; --wa-input-bg: #2a3942; --wa-bubble-in: #202c33; --wa-text: #e9edef; --wa-text-sec: #8696a0; --wa-text-dim: #667781; --wa-border: rgba(134,150,160,.15); --wa-shadow: 0 28px 80px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4); --rad: 16px; position:fixed; bottom:28px; left:28px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; } #wlc { pointer-events: none; z-index: 9999; } #wlc * { pointer-events: auto; } #wlc { width: auto; max-width: calc(100vw - 40px); } #wlc-panel{ width:345px; background:var(--wa-panel-bg); border-radius:var(--rad); box-shadow:var(--wa-shadow); overflow:hidden; transform-origin:bottom left; transition:transform .38s cubic-bezier(.34,1.56,.64,1), opacity .28s ease; } #wlc-panel.wlc-hide{ transform: scale(.68) translateY(30px); opacity: 0; pointer-events: none; visibility: hidden; } #wlc-head{ background:var(--wa-header-bg); padding:13px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--wa-border); } #wlc-head-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;} #wlc-avatar{ width:42px; height:42px; border-radius:50%; background:linear-gradient(145deg, var(--wa-teal), var(--wa-green)); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:hidden; border:2px solid rgba(37,211,102,.3); } #wlc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;} .wlc-ini{color:#fff;font-size:14px;font-weight:700;} #wlc-online{ position:absolute; bottom:0; right:0; width:12px; height:12px; border-radius:50%; background:var(--wa-green); border:2px solid var(--wa-header-bg); animation:wlcOnline 2.4s ease-in-out infinite; } @keyframes wlcOnline{0%,100%{opacity:1}50%{opacity:.3}} #wlc-name-wrap{flex:1;min-width:0;} #wlc-name{color:var(--wa-text);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #wlc-status{ color:var(--wa-green);font-size:11.5px;font-weight:600; display:flex;align-items:center;gap:5px;margin-top:1px; } #wlc-status::before{ content:'';width:6px;height:6px;border-radius:50%; background:var(--wa-green);display:inline-block;flex-shrink:0; animation:wlcOnline 2.4s ease-in-out infinite; box-shadow:0 0 5px rgba(37,211,102,.5); } #wlc-head-actions{display:flex;align-items:center;gap:4px;} .wlc-head-btn{ background:transparent;border:none;cursor:pointer; color:var(--wa-text-sec); width:34px;height:34px;border-radius:50%; display:flex;align-items:center;justify-content:center; transition:background .15s,color .15s; } .wlc-head-btn:hover{background:rgba(255,255,255,.06);color:var(--wa-text);} .wlc-head-btn svg{width:19px;height:19px;} #wlc-body{ background:var(--wa-chat-bg); padding:16px 14px 12px; min-height:185px; position:relative; overflow:hidden; } #wlc-body::before{ content:'';position:absolute;inset:0; background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%2325d366' fill-opacity='0.04'%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3Ccircle cx='50' cy='10' r='3'/%3E%3Ccircle cx='30' cy='30' r='3'/%3E%3Ccircle cx='70' cy='30' r='3'/%3E%3Ccircle cx='10' cy='50' r='3'/%3E%3Ccircle cx='50' cy='50' r='3'/%3E%3Ccircle cx='30' cy='70' r='3'/%3E%3Ccircle cx='70' cy='70' r='3'/%3E%3C/g%3E%3C/svg%3E'); pointer-events:none; } #wlc-date-pill{ display:flex;justify-content:center;margin-bottom:14px; position:relative;z-index:1; } #wlc-date-pill span{ background:rgba(17,27,33,.9); border:1px solid rgba(134,150,160,.18); color:var(--wa-text-sec); font-size:11px;font-weight:700;letter-spacing:.07em; padding:4px 14px;border-radius:50px; text-transform:uppercase; } #wlc-typing{ display:flex;align-items:center;gap:5px; padding:11px 14px; background:var(--wa-bubble-in); border-radius:2px 14px 14px 14px; width:fit-content; position:relative;z-index:1; box-shadow:0 1px 4px rgba(0,0,0,.3); } #wlc-typing::before{ content:'';position:absolute;top:0;left:-7px; border-width:0 8px 8px 0;border-style:solid; border-color:transparent var(--wa-bubble-in) transparent transparent; } .wlc-dot{ width:7px;height:7px;border-radius:50%;background:var(--wa-text-dim); animation:wlcBounce 1.4s ease-in-out infinite; } .wlc-dot:nth-child(2){animation-delay:.22s} .wlc-dot:nth-child(3){animation-delay:.44s} @keyframes wlcBounce{ 0%,60%,100%{transform:translateY(0);background:var(--wa-text-dim);} 30%{transform:translateY(-7px);background:var(--wa-green);} } #wlc-bubble-wrap{ position:relative;z-index:1; opacity:0;transform:translateY(10px); animation:wlcUp .4s ease forwards; } #wlc-bubble-wrap.wlc-hide{display:none;} @keyframes wlcUp{to{opacity:1;transform:translateY(0);}} #wlc-bubble{ background:var(--wa-bubble-in); border-radius:2px 14px 14px 14px; padding:10px 13px 8px; display:inline-block; max-width:295px; box-shadow:0 2px 6px rgba(0,0,0,.3); position:relative; } #wlc-bubble::before{ content:'';position:absolute;top:0;left:-7px; border-width:0 8px 8px 0;border-style:solid; border-color:transparent var(--wa-bubble-in) transparent transparent; } #wlc-bubble-text{color:var(--wa-text);font-size:13.5px;line-height:1.58;white-space:pre-line;} #wlc-bubble-meta{ font-size:11px;color:var(--wa-text-dim); text-align:right;margin-top:5px; display:flex;align-items:center;justify-content:flex-end;gap:3px; } #wlc-bubble-meta svg{width:15px;height:15px;} #wlc-chips{ display:flex;flex-wrap:wrap;gap:7px; margin-top:13px; position:relative;z-index:1; opacity:0;transform:translateY(8px); animation:wlcUp .4s ease .22s forwards; } #wlc-chips.wlc-hide{display:none;} .wlc-chip{ background:var(--wa-bubble-in); border:1.5px solid rgba(37,211,102,.35); color:var(--wa-green); font-size:12px;font-weight:600; padding:7px 14px;border-radius:50px; cursor:pointer; transition:background .18s,border-color .18s,transform .15s,box-shadow .15s; white-space:nowrap; box-shadow:0 2px 8px rgba(0,0,0,.2); } .wlc-chip:hover{ background:rgba(37,211,102,.14); border-color:var(--wa-green); transform:translateY(-2px); box-shadow:0 4px 14px rgba(37,211,102,.2); } .wlc-chip:active{transform:translateY(0);} #wlc-compose{ background:var(--wa-header-bg); padding:10px 12px 13px; border-top:1px solid var(--wa-border); } #wlc-input-row{display:flex;align-items:center;gap:8px;} #wlc-input-wrap{ flex:1; background:var(--wa-input-bg); border-radius:24px; display:flex;align-items:center; padding:0 12px 0 14px; border:1.5px solid transparent; transition:border-color .2s; } #wlc-input-wrap:focus-within{border-color:rgba(37,211,102,.4);} #wlc-input{ flex:1;background:transparent;border:none;outline:none; color:var(--wa-text);font-size:13.5px; font-family: 'MuseoSans', Arial, sans-serif; caret-color:var(--wa-green); padding:11px 6px 11px 0; } #wlc-input::placeholder{color:var(--wa-text-dim);} #wlc-emoji-btn{ background:transparent;border:none;cursor:pointer; font-size:19px;line-height:1; display:flex;align-items:center; transition:transform .15s; flex-shrink:0; } #wlc-emoji-btn:hover{transform:scale(1.2);} #wlc-send{ width:44px;height:44px;border-radius:50%; background:var(--wa-green);border:none;cursor:pointer; display:flex;align-items:center;justify-content:center; flex-shrink:0; transition:background .18s,transform .18s,box-shadow .18s; box-shadow:0 4px 14px rgba(37,211,102,.35); } #wlc-send:hover{background:var(--wa-green-dk);transform:scale(1.08);box-shadow:0 6px 20px rgba(37,211,102,.45);} #wlc-send:active{transform:scale(.96);} #wlc-send svg{width:18px;height:18px;} #wlc-footer-note{ font-size:11px;color:var(--wa-text-dim); text-align:center;margin-top:9px; display:flex;align-items:center;justify-content:center;gap:5px; } #wlc-footer-note svg{width:13px;height:13px;flex-shrink:0;fill:var(--wa-green);} #wlc-footer-note a{color:var(--wa-green);text-decoration:none;font-weight:600;} #wlc-footer-note a:hover{text-decoration:underline;} #wlc-fab-row{display:flex;align-items:center;gap:11px;} #wlc-pill{ background:var(--wa-header-bg); color:var(--wa-text); border:1px solid var(--wa-border); font-size:13px;font-weight:600; padding:10px 18px 10px 14px; border-radius:50px;cursor:pointer; box-shadow:0 6px 24px rgba(0,0,0,.5); white-space:nowrap; transition:background .18s,transform .15s,box-shadow .18s; animation:wlcPillIn .55s cubic-bezier(.34,1.56,.64,1) .5s both; display:flex;align-items:center;gap:8px; } @keyframes wlcPillIn{ from{opacity:0;transform:translateX(-16px);} to{opacity:1;transform:translateX(0);} } #wlc-pill:hover{background:var(--wa-input-bg);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.55);} #wlc-pill-dot{ width:8px;height:8px;border-radius:50%; background:var(--wa-green);flex-shrink:0; animation:wlcOnline 2.4s ease-in-out infinite; box-shadow:0 0 6px rgba(37,211,102,.5); } #wlc-fab{ width:62px;height:62px;border-radius:50%; background:var(--wa-green);border:none;cursor:pointer; display:flex;align-items:center;justify-content:center; position:relative;flex-shrink:0; box-shadow:0 8px 30px rgba(37,211,102,.5), 0 3px 12px rgba(0,0,0,.3); transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; } #wlc-fab:hover{ transform:scale(1.12) translateY(-4px); box-shadow:0 14px 40px rgba(37,211,102,.6),0 4px 16px rgba(0,0,0,.35); } #wlc-fab:active{transform:scale(.96);} #wlc-fab::before{ content:'';position:absolute;inset:5px;border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.22), transparent 65%); pointer-events:none; } #wlc-fab svg.wlc-ico{width:34px;height:34px;transition:transform .28s,opacity .22s;} #wlc-fab.wlc-open svg.wlc-ico{transform:scale(.7) rotate(45deg);opacity:.5;} .wlc-ring{ position:absolute;border-radius:50%; border:2px solid rgba(37,211,102,.45); animation:wlcRing 2.8s ease-out infinite; pointer-events:none; } .wlc-ring.a{inset:-10px;} .wlc-ring.b{inset:-20px;animation-delay:1.05s;border-color:rgba(37,211,102,.2);} @keyframes wlcRing{ 0%{transform:scale(.78);opacity:1;} 70%{transform:scale(1.1);opacity:0;} 100%{transform:scale(1.1);opacity:0;} } #wlc-badge{ position:absolute;top:-5px;right:-5px; width:21px;height:21px;border-radius:50%; background:#ef4444;color:#fff; font-size:11px;font-weight:700; display:flex;align-items:center;justify-content:center; border:2.5px solid #0d1b17; animation:wlcBadge .4s cubic-bezier(.34,1.56,.64,1) 1.3s both; pointer-events:none; } @keyframes wlcBadge{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}} #wlc-badge.wlc-hide{display:none;} @media(max-width:480px){ #wlc{bottom:16px;left:16px;} #wlc-panel{width:calc(100vw - 32px);max-width:345px;} #wlc-pill{display:none;} #wlc-fab{width:56px;height:56px;} } </style> <div id="wlc" role="complementary" aria-label="WhatsAppen live chat"> <div id="wlc-panel" class="wlc-hide" role="dialog" aria-modal="true" aria-label="Chat met ons op WhatsAppen"> <div id="wlc-head"> <div id="wlc-head-left"> <div id="wlc-avatar"></div> <div id="wlc-name-wrap"> <div id="wlc-name"></div> <div id="wlc-status">Online</div> </div> </div> <div id="wlc-head-actions"> <button class="wlc-head-btn" id="wlc-call-btn" aria-label="Call on WhatsAppen"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="wlc-head-btn" onclick="WLC.close()" aria-label="Close chat"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> </button> </div> </div> <div id="wlc-body"> <div id="wlc-date-pill"><span>Vandaag</span></div> <div id="wlc-typing"> <span class="wlc-dot"></span> <span class="wlc-dot"></span> <span class="wlc-dot"></span> </div> <div id="wlc-bubble-wrap" class="wlc-hide"> <div id="wlc-bubble"> <div id="wlc-bubble-text"></div> <div id="wlc-bubble-meta"> <span id="wlc-time"></span> <svg viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 5.5L5.5 10L17 1" stroke="#C9A227" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 10L14 5.5" stroke="#C9A227" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> <div id="wlc-chips"></div> </div> </div> <div id="wlc-compose"> <div id="wlc-input-row"> <div id="wlc-input-wrap"> <button id="wlc-emoji-btn" aria-label="Emoji"><i class="fa-solid fa-star" aria-hidden="true"></i></button> <input id="wlc-input" type="text" autocomplete="off" aria-label="Typ een bericht"/> </div> <button id="wlc-send" aria-label="Stuur op WhatsAppen"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13" stroke="white" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div id="wlc-footer-note"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C6.48 2 2 6.48 2 12c0 1.54.36 3 1 4.3L2 22l5.7-1C9 21.64 10.46 22 12 22c5.52 0 10-4.48 10-10S17.52 2 12 2z"/> </svg> <span id="wlc-reply-label"></span> · <a href="https://wa.me/255713334154" id="wlc-wa-link" target="_blank" rel="noopener">WhatsAppen openen</a> </div> </div> </div> <div id="wlc-fab-row"> <button id="wlc-pill" onclick="WLC.open()" aria-label="Open WhatsAppen chat"> <span id="wlc-pill-dot"></span> <span>Chat met ons</span> </button> <button id="wlc-fab" onclick="WLC.toggle()" aria-label="WhatsAppen chat"> <span class="wlc-ring a" aria-hidden="true"></span> <span class="wlc-ring b" aria-hidden="true"></span> <span id="wlc-badge" aria-label="1 nieuw bericht">1</span> <svg class="wlc-ico" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M16 3C8.82 3 3 8.82 3 16c0 2.36.64 4.57 1.75 6.48L3 29l6.72-1.71A13 13 0 0016 29c7.18 0 13-5.82 13-13S23.18 3 16 3z" fill="rgba(255,255,255,.12)"/> <path d="M16 4.8C9.82 4.8 4.8 9.82 4.8 16c0 2.1.57 4.06 1.56 5.75L4.8 27.2l5.6-1.54A11.14 11.14 0 0016 27.2c6.18 0 11.2-5.02 11.2-11.2S22.18 4.8 16 4.8z" fill="white"/> <path d="M22 19.5c-.28-.14-1.66-.82-1.92-.91-.26-.1-.44-.14-.63.14s-.72.91-.88 1.1c-.16.18-.32.2-.6.07-.28-.14-1.2-.44-2.28-1.41-.84-.75-1.41-1.67-1.57-1.96-.16-.28-.02-.43.12-.57.12-.12.28-.32.42-.48.14-.16.18-.28.28-.47.1-.18.05-.35-.02-.49-.07-.14-.63-1.52-.86-2.08-.23-.55-.46-.47-.63-.48l-.54-.01c-.18 0-.48.07-.74.35-.25.27-.97.95-.97 2.33s.99 2.7 1.13 2.89c.14.18 1.96 2.99 4.75 4.2.66.28 1.18.45 1.58.58.67.21 1.28.18 1.76.11.54-.08 1.65-.67 1.88-1.33.23-.65.23-1.21.16-1.33-.07-.11-.25-.18-.53-.32z" fill="#25D366"/> </svg> </button> </div> </div> <script> (function(){ if (typeof WA_CONFIG === 'undefined') return; var cfg = WA_CONFIG; var isOpen = false; function $id(id){ return document.getElementById(id); } function now(){ var d=new Date(),h=d.getHours(),m=d.getMinutes(); var ap=h>=12?'PM':'AM'; h=h%12||12; return h+':'+(m<10?'0'+m:m)+' '+ap; } function waLink(txt){ return 'https://wa.me/'+cfg.phone+'?text='+encodeURIComponent(txt||cfg.greeting.replace(/\n/g,' ')); } $id('wlc-name').textContent = cfg.name; $id('wlc-bubble-text').textContent = cfg.greeting; $id('wlc-reply-label').textContent = cfg.replyLabel; $id('wlc-input').placeholder = cfg.placeholder; $id('wlc-wa-link').href = waLink(); $id('wlc-call-btn').onclick = function(){ window.open('https://wa.me/'+cfg.phone,'_blank','noopener'); }; var av = $id('wlc-avatar'); var onlineDot = document.createElement('span'); onlineDot.id = 'wlc-online'; if(cfg.avatar){ var img=document.createElement('img'); img.src=cfg.avatar; img.alt=cfg.name; av.appendChild(img); } else { var ini=document.createElement('span'); ini.className='wlc-ini'; ini.textContent=(cfg.initials||cfg.name.slice(0,2)).toUpperCase(); av.appendChild(ini); } av.appendChild(onlineDot); var chipsEl=$id('wlc-chips'); if(cfg.preCanned&&cfg.preCanned.length){ cfg.preCanned.forEach(function(label){ var btn=document.createElement('button'); btn.className='wlc-chip'; btn.textContent=label; btn.onclick=function(){ window.open(waLink(label),'_blank','noopener'); }; chipsEl.appendChild(btn); }); } else { chipsEl.classList.add('wlc-hide'); } window.WLC = { open: function(){ if(isOpen) return; isOpen = true; $id('wlc-panel').classList.remove('wlc-hide'); $id('wlc-badge').classList.add('wlc-hide'); $id('wlc-fab').classList.add('wlc-open'); $id('wlc-pill').style.display='none'; var typing=$id('wlc-typing'), bwrap=$id('wlc-bubble-wrap'); typing.style.display='flex'; bwrap.classList.add('wlc-hide'); $id('wlc-time').textContent=now(); setTimeout(function(){ typing.style.display='none'; bwrap.classList.remove('wlc-hide'); bwrap.style.animation='none'; requestAnimationFrame(function(){ bwrap.style.animation=''; }); }, 1700); }, close: function(){ if(!isOpen) return; isOpen=false; $id('wlc-panel').classList.add('wlc-hide'); $id('wlc-fab').classList.remove('wlc-open'); $id('wlc-pill').style.display=''; }, toggle: function(){ isOpen ? WLC.close() : WLC.open(); } }; function send(){ var input=$id('wlc-input'); var msg=input.value.trim(); window.open(waLink(msg),'_blank','noopener'); input.value=''; input.focus(); } $id('wlc-send').onclick=send; $id('wlc-input').onkeydown=function(e){ if(e.key==='Enter'){ e.preventDefault(); send(); }}; document.addEventListener('keydown',function(e){ if(e.key==='Escape'&&isOpen) WLC.close(); }); document.addEventListener('click',function(e){ var root=$id('wlc'); if(isOpen&&root&&!root.contains(e.target)) WLC.close(); }); })(); </script> <style> </style> <script> (function(){ var footerHeader = document.getElementById('mainHeader'); if (!footerHeader) return; window.addEventListener('scroll', function(){ footerHeader.classList.toggle('ht-header--scrolled', window.pageYOffset > 50); }, { passive: true }); }()); function toggleLang() { const dropdown = document.getElementById('langDropdown'); const toggle = document.querySelector('.ht-lang__toggle'); const isOpen = dropdown.classList.toggle('active'); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); } function filterLang(query) { const q = query.toLowerCase(); document.querySelectorAll('.ht-lang__option').forEach(opt => { opt.style.display = opt.textContent.toLowerCase().includes(q) ? '' : 'none'; }); } document.addEventListener('click', e => { const langSwitcher = document.getElementById('langSwitcher'); if (langSwitcher && !langSwitcher.contains(e.target)) { document.getElementById('langDropdown').classList.remove('active'); document.querySelector('.ht-lang__toggle')?.classList.remove('active'); } const mobileFlags = document.getElementById('mobileFlagSwitcher'); if (mobileFlags && !mobileFlags.contains(e.target)) { closeMobileFlags(); } }); function toggleMobileFlags() { const panel = document.getElementById('mobileFlagsPanel'); const btn = document.getElementById('mobileFlagsBtn'); const isOpen = panel.classList.toggle('active'); btn.classList.toggle('active', isOpen); btn.setAttribute('aria-expanded', isOpen); } function closeMobileFlags() { document.getElementById('mobileFlagsPanel')?.classList.remove('active'); const btn = document.getElementById('mobileFlagsBtn'); btn?.classList.remove('active'); btn?.setAttribute('aria-expanded', 'false'); } function toggleMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); const isOpen = menu.classList.toggle('active'); overlay.classList.toggle('active', isOpen); toggle.classList.toggle('active', isOpen); toggle.setAttribute('aria-expanded', isOpen); document.body.style.overflow = isOpen ? 'hidden' : ''; if (isOpen) closeMobileFlags(); } function closeMobileMenu() { const menu = document.getElementById('mobileMenu'); const overlay = document.getElementById('mobileOverlay'); const toggle = document.getElementById('mobileToggle'); menu.classList.remove('active'); overlay.classList.remove('active'); toggle.classList.remove('active'); toggle.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; } function toggleAccordion(headerEl) { const item = headerEl.parentElement; const isActive = item.classList.contains('active'); document.querySelectorAll('.ht-mobile-item').forEach(i => i.classList.remove('active')); if (!isActive) item.classList.add('active'); headerEl.setAttribute('aria-expanded', !isActive); } document.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { if (e.target.getAttribute('role') === 'button') { e.preventDefault(); e.target.click(); } } if (e.key === 'Escape') { if (document.getElementById('mobileMenu')?.classList.contains('active')) closeMobileMenu(); if (document.getElementById('langDropdown')?.classList.contains('active')) toggleLang(); if (document.getElementById('mobileFlagsPanel')?.classList.contains('active')) closeMobileFlags(); } }); </script> <style id="ht-mobile-responsive-fixes"> .ht-header, .ht-mobile-overlay, .ht-mobile-menu, .togo-footer-sec { max-width: 100vw; } .ht-header *, .ht-mobile-menu *, .togo-footer-sec * { box-sizing: border-box; min-width: 0; } .ht-mobile-overlay { position: fixed; inset: 0; z-index: 9998; opacity: 0; visibility: hidden; pointer-events: none; } .ht-mobile-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; } .ht-mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 9999; transform: translateX(100%); visibility: hidden; pointer-events: none; } .ht-mobile-menu:not(.active), .ht-mobile-flags__panel:not(.active) { display: none !important; } .ht-mobile-menu.active { display: flex !important; } .ht-mobile-flags__panel.active { display: block !important; } @media (max-width: 430px) { .ht-mobile-flags__panel.active { position: fixed !important; top: calc(var(--header-h-mob, 60px) + 8px) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; } } .ht-mobile-menu.active { transform: translateX(0); visibility: visible; pointer-events: auto; } .ht-mobile-menu__content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .ht-mobile-lang__scroll, .ht-mobile-flags__list, .ht-lang__dropdown { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .togo-footer-links a, .togo-footer-copy, .togo-footer-policies a { overflow-wrap: anywhere; word-break: normal; } @media (max-width: 768px) { .ht-header__container { width: 100%; padding-left: clamp(14px, 4vw, 20px) !important; padding-right: clamp(14px, 4vw, 20px) !important; gap: 10px !important; } .ht-logo img, .logo_normal { max-width: min(150px, 46vw) !important; height: auto !important; } .ht-actions { gap: 8px !important; flex-shrink: 0; } .ht-mobile-toggle { width: 42px !important; height: 42px !important; flex: 0 0 42px; } .ht-mobile-menu { width: min(100vw, 420px) !important; max-width: 100vw !important; height: 100dvh; } .ht-mobile-menu__header, .ht-mobile-cta { padding-left: 14px !important; padding-right: 14px !important; } .ht-mobile-menu__content { padding: 14px !important; } .ht-mobile-item__header, .ht-mobile-link { gap: 10px !important; } .ht-mobile-item__title, .ht-mobile-link { line-height: 1.35; } } </style> <style id="ht-tour-mobile-performance-fixes"> html, body { max-width: 100%; overflow-x: clip; } *, *::before, *::after { box-sizing: border-box; } img, picture, video, iframe, canvas, svg { max-width: 100%; } img, video { height: auto; } table { max-width: 100%; } main, section, article, aside, header, footer, .container, .ht-container, .row, [class*="container"], [class*="wrapper"], [class*="content"], [class*="itinerary"], [class*="tour"], [class*="price"], [class*="include"], [class*="exclude"], [class*="accommodation"] { min-width: 0; } p, li, a, h1, h2, h3, h4, h5, h6, td, th, span, strong, em { overflow-wrap: break-word; } .togo-footer-sec, .togo-footer-sec p, .togo-footer-copy, .togo-footer-rating, .togo-footer-social-bar span, .togo-footer-emergency p, .togo-footer-col p { color: #333333 !important; } .togo-footer-links a, .togo-footer-policies a, .togo-footer-trust a, .togo-footer-emergency a, .togo-footer-col a[href^="mailto:"], .togo-footer-col a[href^="tel:"] { color: #4a3600 !important; } .togo-footer-links a:hover, .togo-footer-policies a:hover, .togo-footer-trust a:hover, .togo-footer-emergency a:hover { color: #6b4e00 !important; } #newsletterBtn, .togo-btn-consult { background: #6b4e00 !important; border-color: #6b4e00 !important; color: #ffffff !important; } .togo-btn-green, .togo-footer-buttons .togo-btn-green, .togo-footer-col .togo-footer-buttons a.togo-btn-green, a.togo-btn-green { background: #1b5e20 !important; border-color: #1b5e20 !important; color: #ffffff !important; } .btn-hero-wa, a[href*="wa.me"], a[href*="api.whatsapp.com"], .whatsapp, .whatsapp-btn { color: #ffffff !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; } } @media (max-width: 768px) { body.ht-sticky-booking-ready { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; } .ht-sticky-booking-trigger { position: fixed !important; left: max(12px, env(safe-area-inset-left, 0px)) !important; right: max(12px, env(safe-area-inset-right, 0px)) !important; bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important; width: auto !important; max-width: none !important; min-height: 52px !important; z-index: 9997 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 999px !important; padding: 14px 18px !important; font-size: clamp(15px, 4vw, 17px) !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; box-shadow: 0 14px 34px rgba(24, 18, 8, 0.28) !important; touch-action: manipulation !important; } .bm-open ~ .ht-sticky-booking-trigger, .sm-open ~ .ht-sticky-booking-trigger, body:has(.sm-open) .ht-sticky-booking-trigger, body:has(.bm-open) .ht-sticky-booking-trigger { opacity: 0; pointer-events: none; } .container, .ht-container, [class*="container"], [class*="wrapper"], [class*="content"], [class*="grid"], [class*="row"], [class*="col-"], aside, main, section, article { max-width: 100% !important; } [class*="grid"], [class*="cards"], [class*="columns"], [class*="layout"] { grid-template-columns: minmax(0, 1fr) !important; } [class*="row"], [class*="flex"], [class*="layout"] { flex-wrap: wrap !important; } table:not(.bm-form table) { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .ct, table.ct, .itinerary table, [class*="itinerary"] table { border-collapse: separate !important; border-spacing: 0 12px !important; overflow: visible !important; } .ct thead, .itinerary table thead, [class*="itinerary"] table thead { display: none !important; } .ct tbody, .ct tr, .ct td, .ct th, .itinerary table tbody, .itinerary table tr, .itinerary table td, .itinerary table th, [class*="itinerary"] table tbody, [class*="itinerary"] table tr, [class*="itinerary"] table td, [class*="itinerary"] table th { display: block !important; width: 100% !important; } .ct tr, .itinerary table tr, [class*="itinerary"] table tr { border: 1px solid rgba(93, 63, 18, 0.14) !important; border-radius: 14px !important; padding: 12px !important; background: rgba(255, 255, 255, 0.86) !important; } .ct td, .ct th, .itinerary table td, .itinerary table th, [class*="itinerary"] table td, [class*="itinerary"] table th { border: 0 !important; padding: 8px 0 !important; white-space: normal !important; } [class*="tab"], [role="tablist"] { max-width: 100% !important; } [role="tablist"], .tab-buttons, .tabs, .itinerary-tabs { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } button, .btn, [class*="btn"], .bf, .btn-p, .btn-s { min-height: 44px; max-width: 100%; white-space: normal; } } @media (max-width: 430px) { body { font-size: 16px; } h1 { font-size: clamp(30px, 10vw, 42px) !important; } h2 { font-size: clamp(24px, 8vw, 34px) !important; } } @media (max-width: 390px) { .ht-sticky-booking-trigger { left: 10px !important; right: 10px !important; bottom: 10px !important; } } @media (max-width: 375px) { .ht-container, .container, [class*="container"] { padding-left: 12px !important; padding-right: 12px !important; } } @media (max-width: 360px) { .ht-sticky-booking-trigger { font-size: 15px !important; padding-left: 14px !important; padding-right: 14px !important; } } </style> <script id="ht-booking-protection-js"> (function () { function isEditable(target) { return !!(target && target.closest && target.closest('input, textarea, select, option, [contenteditable="true"], [contenteditable=""], .bm-card, .bm-card *, .sm-card, .sm-card *, form, form *')); } function normalizeBookingButtons() { var openButtons = Array.prototype.slice.call(document.querySelectorAll('#openModal')); openButtons.forEach(function (button, index) { if (index > 0) { button.removeAttribute('id'); button.classList.add('open-booking-modal'); button.setAttribute('data-open-booking', ''); } }); var triggers = Array.prototype.slice.call(document.querySelectorAll('#openModal, .open-booking-modal, [data-open-booking], button.bf, a.bf')); triggers.forEach(function (trigger) { var text = (trigger.textContent || '').trim() || 'Book This Trip'; if (/book|plan/i.test(text) || trigger.id === 'openModal' || trigger.classList.contains('bf')) { trigger.classList.add('ht-sticky-booking-trigger'); trigger.setAttribute('aria-label', trigger.getAttribute('aria-label') || text); if (trigger.tagName === 'BUTTON' && !trigger.getAttribute('type')) trigger.setAttribute('type', 'button'); } }); if (document.querySelector('.ht-sticky-booking-trigger')) { document.body.classList.add('ht-sticky-booking-ready'); } } function protectShortcuts(event) { if (isEditable(event.target)) return; var key = (event.key || '').toLowerCase(); var blocked = key === 'f12' || ((event.ctrlKey || event.metaKey) && ['u','s','c'].indexOf(key) !== -1) || ((event.ctrlKey || event.metaKey) && event.shiftKey && ['i','c','j'].indexOf(key) !== -1); if (blocked) { event.preventDefault(); event.stopPropagation(); } } function protectPointer(event) { if (!isEditable(event.target)) event.preventDefault(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', normalizeBookingButtons); } else { normalizeBookingButtons(); } document.addEventListener('contextmenu', protectPointer, true); document.addEventListener('selectstart', protectPointer, true); document.addEventListener('copy', protectPointer, true); document.addEventListener('cut', protectPointer, true); document.addEventListener('dragstart', protectPointer, true); document.addEventListener('keydown', protectShortcuts, true); })(); </script> <style id="ht-global-font-override"> @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_500.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MuseoSans'; src: url('../fonts/MuseoSans_700.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'DK Liquid Embrace'; src: url('../fonts/DK Liquid Embrace.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } :root { --font-display: 'MuseoSans', Arial, sans-serif; --font-body: 'MuseoSans', Arial, sans-serif; --font-serif: 'MuseoSans', Arial, sans-serif; --font-sans: 'MuseoSans', Arial, sans-serif; --ff-d: 'MuseoSans', Arial, sans-serif; --ff-b: 'MuseoSans', Arial, sans-serif; --f-display: 'MuseoSans', Arial, sans-serif; --f-body: 'MuseoSans', Arial, sans-serif; --f-mono: 'MuseoSans', Arial, sans-serif; --togo-ff-body: 'MuseoSans', Arial, sans-serif; --togo-ff-heading: 'MuseoSans', Arial, sans-serif; --togo-ff-p: 'MuseoSans', Arial, sans-serif; --togo-ff-outfit: 'MuseoSans', Arial, sans-serif; --togo-ff-marcellus: 'MuseoSans', Arial, sans-serif; --togo-ff-jost: 'MuseoSans', Arial, sans-serif; --togo-ff-playfair: 'MuseoSans', Arial, sans-serif; --togo-ff-otomanopee: 'MuseoSans', Arial, sans-serif; } html,body,body *,section,section *,header,header *,nav,nav *,main,main *,footer,footer *,article,article *,aside,aside *,div,p,a,li,span,button,input,textarea,select,option,label,small,strong,em,table,thead,tbody,tr,th,td,blockquote,figcaption,.card,.card *,.tour-card,.tour-card *,.site-header,.site-header *,.site-footer,.site-footer *,.hero,.hero *,.luitours-hero,.luitours-hero *,.page-hero,.page-hero *,.mega-menu,.mega-menu *,.menu,.menu *,.nav,.nav *,.subtitle,.section-subtitle,.hero-subtitle,.tour-description,.price-table,.price-table *,.tour-price-table,.tour-price-table * { font-family: 'MuseoSans', Arial, sans-serif; } html body, html body * { font-family: 'MuseoSans', Arial, sans-serif !important; } html body h1, html body h2 { font-family: 'MuseoSans', Arial, sans-serif !important; font-weight: 700; } html body h3, html body h3 *, html body h4, html body h4 *, html body h5, html body h5 *, html body h6, html body h6 * { font-family: 'DK Liquid Embrace', 'MuseoSans', Arial, sans-serif !important; font-weight: normal; } html body .fa, html body .fa::before, html body .fas, html body .fas::before, html body .fa-solid, html body .fa-solid::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important; } html body .far, html body .far::before, html body .fa-regular, html body .fa-regular::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 400 !important; } html body .fab, html body .fab::before, html body .fa-brands, html body .fa-brands::before { font-family: 'Font Awesome 6 Brands' !important; font-weight: 400 !important; } html body [class^='icon_']::before, html body [class*=' icon_']::before, html body [data-icon]::before { font-family: 'ElegantIcons' !important; } </style> </body> </html>