<!DOCTYPE html>
<html lang="nl">

<head>
    <title>Unieke rondreizen,      direct geboekt en geregeld</title>
    <meta name="robots" content="index, follow">
    <meta http-equiv="description" name="description" content="Avontuurlijke rondreizen inclusief vluchten, verblijf én de belangrijkste excursies." />
    <meta http-equiv="keywords" name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="svMnqgpNR4Ymhuhnz8djHuBNXfUCPFTPpd9ihue6">
    <meta charset="UTF-8">

    <!-- 1. Preconnect to external domains (Speed barhane ke liye) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    <link rel="preconnect" href="https://media.holidream.nl">

    <link rel="canonical"
        href="https://www.holidream.nl/" />
    

    <link rel="icon" href="https://www.holidream.nl/images/favicon1.ico?v=1" type="image/x-icon" sizes="32x32">
    <link rel="icon" href="https://www.holidream.nl/images/favicon1.jpg?v=1" type="image/jpg" sizes="32x32">
    <link rel="shortcut icon" href="https://www.holidream.nl/images/favicon1.ico?v=1" type="image/x-icon" hreflang="nl" />

    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X4YS7L5L05"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-X4YS7L5L05');
</script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
        integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        [x-cloak] {
            display: none !important;
        }

        body {
            /* font-family: 'Inter', sans-serif; */
            background-color: hsl(36 40% 97%);
            color: #0a1a1f;
            overflow-x: hidden;
        }

        .dropdown-menu svg {
            color: #f26a21 !important;
        }

        .br-cu {
            border-radius: .75rem;
        }

        .btn-outline-secondary-cu {
            border-color: hsl(36 30% 86%);
        }

        .container-cus {
            max-width: 900px;
            margin: 0 auto
        }

        /* --- HEADER & BLUR --- */
        .navbar-custom {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1050;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid #e5e7eb;
        }

        .header-shell {
            max-width: 1720px;
            margin: 0 auto;
            padding: 14px 28px;
        }

        .header-primary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .header-left {
            display: flex;
            align-items: center;
            gap: 28px;
            min-width: 0;
            flex: 1 1 auto;
        }

        .header-right {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }

        .header-nav {
            display: flex;
            align-items: center;
            gap: 1.4rem;
            min-width: 0;
            flex-wrap: nowrap;
        }

        .header-badges {
            display: flex;
            align-items: center;
            gap: 12px;
            opacity: .75;
            padding-right: 1rem;
            border-right: 1px solid #e5e7eb;
        }

        .header-auth-links a,
        .header-auth-links button {
            display: inline-flex;
            align-items: center;
        }

        .navbar-brand {
            margin: 0;
            display: inline-flex;
            align-items: center;
            flex-shrink: 0;
        }

        .navbar-brand img {
            height: 40px;
            width: auto;
            display: block;
        }

        .simple-dropdown.show {
            display: flex;
        }

        .arrow {
            margin-left: 6px;
            font-size: 12px;
            transition: .3s;
        }

        .mega-trigger.active .arrow {
            transform: rotate(180deg);
        }

        .portal-switch-link {
            display: inline-flex;
            align-items: center;
            gap: .45rem;
            border-radius: 999px;
            padding: .55rem .95rem;
            background: rgba(17, 184, 189, .12);
            color: #0f8f93 !important;
            font-size: .78rem;
            font-weight: 600;
            line-height: 1;
            text-decoration: none;
            transition: background-color .2s ease, color .2s ease;
        }

        .portal-switch-link:hover {
            background: rgba(17, 184, 189, .18);
            color: #0c7376 !important;
        }

        .simple-dropdown {
            position: absolute;
            top: calc(100% + 10px);
            left: 0 !important;
            background: #fff;
            min-width: 420px;
            border-radius: 8px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            border: 1px solid #eee;
            padding: 10px 0;
            display: none;
            flex-direction: column;
            z-index: 1000;
        }

        .simple-dropdown a:hover {
            background-color: hsl(38 55% 92%)
        }

        .simple-dropdown a:hover .text-dark {
            color: hsl(21 89% 54%) !important;
        }

        .navbar-custom a {
            font-size: 13px;
            color: hsl(210 33% 18%);
        }

        .navbar-custom .nav-link {
            padding: 0;
            display: inline-flex;
            align-items: center;
            min-height: 40px;
        }

        .navbar-custom a:hover {
            color: hsl(21 89% 54%);
        }

        /* --- HERO SECTION --- */
        .hero-container {
            position: relative;
            min-height: 300px;
            display: flex;
            align-items: center;
            background-color: #0a1a1f;
            margin-top: 69px;
        }

        .hero-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.8;
        }

        .hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(10, 26, 31, 0.95) 0%, rgba(10, 26, 31, 0.6) 50%, rgba(10, 26, 31, 0.2) 100%);
        }

        .hero-content {
            position: absolute;
            z-index: 2;
            bottom: 20px;
            /* left:20px; */
            color: white;
            /* padding:0 0 0 30px; */
        }

        .text-primary-hd {
            color: hsl(21 89% 54%) !important;
        }

        .bg-primary-hd {
            background-color: hsl(21 89% 54%) !important;
        }

        .kb-hero__tag {
            color: rgb(255 255 255 / 1);
            font-weight: 500;
            font-size: 12px;
            line-height: 1rem;
            padding: 4px 8px;
            background-color: #fff3;
            border-radius: 9999px;
        }

        picture {
            height: 380px;
            min-height: 280px;
        }

        /* .informatie-pages{
            padding: 100px 15px 40px;
        } */

        .kb-breadcrumb {
            font-size: 0.8rem;
            color: rgba(255, 255, 255, 0.72);
            margin-bottom: 0.6rem;
            letter-spacing: 0.02em;
        }

        .kb-breadcrumb a {
            color: rgba(255, 255, 255, 0.72);
            text-decoration: none;
        }

        .kb-breadcrumb a:hover {
            color: #fff;
        }

        .kb-breadcrumb span {
            color: #fff;
            font-weight: 500;
        }

        .kb-hero__title {
            font-size: 2rem;
            font-weight: 700;
            color: #fff;
            margin: 12px 0 10px 0;
            line-height: 20px;
        }

        .kb-hero__subtitle {
            font-size: 1rem;
            color: rgba(255, 255, 255, 0.82);
            max-width: 480px;
            line-height: 1.55;
            margin: 0;
        }




        /* --- FINAL CTA --- */
        .final-cta {
            background-color: hsl(210 33% 18%);
            padding: 80px 0;
            color: white;
            text-align: center;
        }

        .btn-hd {
            background-color: hsl(21 89% 54%);
            color: white;
            padding: 10px 10px 10px 20px;
            border-radius: 8px;
            font-weight: 600;
            border: none;
            box-shadow: 0 4px 15px hsl(21deg 89% 54% / 30%);
            transition: 0.3s;
            display: inline-block;
            font-size: 1rem;
        }

        .btn-hd:hover {
            background-color: #d14d22;
            color: white;
            transform: translateY(-2px);
        }

        /* --- UTILITIES --- */
        .section-padding {
            padding: 80px 0;
        }

        .bg-soft {
            background-color: hsl(38 55% 92%);
        }

        .text-xs {
            font-size: .75rem;
        }

        .feature-title h2 {
            font-size: 1.875rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            color: hsl(210 33% 18%);
        }

        .bg-light-cus {
            background-color: hsl(38 55% 92%);
            text-align: center;
        }


        /* ── TRUST LOGOS ── */
        .trust-logo-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            margin-left: 20px;
        }

        .trust-logo-item span {
            font-size: .75rem;
            color: hsl(210 15% 40%);
            font-weight: 500;
            overflow-wrap: anywhere;
        }

        .trust-logo-item:first-child {
            margin-left: 0;
        }

        /* .final-cta h2 {
            font-size: 1.875rem;
        } */

        .bg-light-cus2 {
            background-color: hsl(38deg 45% 92% / 30%);
        }

        .bg-soft-orange {
            background-color: hsl(21deg 89% 54% / 10%);
            width: 36px;
            line-height: 32px;
            text-align: center;
            border-radius: .75rem;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .xxs {
            font-size: 10px;
        }

        .ntifi:hover {
            color: hsl(21 89% 54%) !important;
        }

        @media(max-width: 1440px) {
            .logo-ico {
                display: none;
            }
        }

        @media(max-width: 1199px) {
            .header-shell {
                padding-inline: 20px;
            }

            .header-left {
                gap: 20px;
            }

            .header-nav {
                gap: 1rem;
            }
        }

        @media (min-width: 992px) {
            .offcanvas-backdrop {
                display: none !important;
            }
        }

        @media screen and (max-width: 768px) {
            .header-shell {
                padding: 12px 16px;
            }

            .header-primary {
                gap: 12px;
            }

            picture {
                height: 280px;
            }
        }
    </style>
</head>

<body>
    <div x-data="{
        mobileMenuOpen: false,
        activeDropdown: null,
        toggleDropdown(name) {
            this.activeDropdown = this.activeDropdown === name ? null : name;
        }
    }" @click.outside="activeDropdown = null">
        <header class="navbar-custom sticky-top">
            <div class="container header-shell">
                <div class="d-flex justify-content-between align-items-center w-100">
                    <a href="/" class="navbar-brand">
                        <img src="https://www.holidream.nl/images/logo/logo2.png" alt="Holidream" height="32">
                    </a>
                    <!-- Desktop Navigation -->
                    <nav class="header-nav d-none d-lg-flex">
                        <!-- Simple Dropdown / Mega Trigger Logic -->
                        <div class="position-relative">
                            <a href="#" class="nav-link fw-medium no-caret mega-trigger"
                                :class="{ 'active': activeDropdown === 'wieReist' }"
                                @click.prevent="toggleDropdown('wieReist')">
                                Wie reist er mee? <i class="fa-solid fa-chevron-down arrow ms-1"></i>
                            </a>
                            <!-- Dropdown Menu -->
                            <div class="dropdown-menu simple-dropdown shadow-lg mt-3 border-0 py-2 px-2"
                                :class="{ 'show': activeDropdown === 'wieReist' }"
                                x-show="activeDropdown === 'wieReist'" x-cloak x-transition
                                style="position: absolute; top: 100%; left: 0;">
                                <div class="cus-mob">
                                    <!-- Dropdown Items -->
                                                                            <a href="https://www.holidream.nl/reizen/met-kleintjes"
                                            class="d-flex align-items-center gap-3 px-3 py-2 rounded-3 text-decoration-none menu-item">
                                            <div class="icon-circle bg-soft-orange text-primary-hd svg-icon-color">
                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M9 12h.01"></path>
                  <path d="M15 12h.01"></path>
                  <path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"></path>
                  <path d="M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1">
                  </path>
                </svg>
                                            </div>
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <span
                                                        class="fw-semibold text-dark small">Met kleintjes</span>
                                                    <span class="text-muted xxs">0–6 jaar</span>
                                                </div>
                                                <p class="text-muted mb-0">Ontdekken op kindertempo</p>
                                            </div>
                                        </a>
                                                                            <a href="https://www.holidream.nl/reizen/schoolkinderen"
                                            class="d-flex align-items-center gap-3 px-3 py-2 rounded-3 text-decoration-none menu-item">
                                            <div class="icon-circle bg-soft-orange text-primary-hd svg-icon-color">
                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z">
                  </path>
                  <path d="M22 10v6"></path>
                  <path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>
                </svg>
                                            </div>
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <span
                                                        class="fw-semibold text-dark small">Schoolkinderen</span>
                                                    <span class="text-muted xxs">7–13 jaar</span>
                                                </div>
                                                <p class="text-muted mb-0">Actief &amp; leerzaam</p>
                                            </div>
                                        </a>
                                                                            <a href="https://www.holidream.nl/reizen/met-tieners"
                                            class="d-flex align-items-center gap-3 px-3 py-2 rounded-3 text-decoration-none menu-item">
                                            <div class="icon-circle bg-soft-orange text-primary-hd svg-icon-color">
                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                  <circle cx="9" cy="7" r="4"></circle>
                  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                </svg>
                                            </div>
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <span
                                                        class="fw-semibold text-dark small">Met tieners</span>
                                                    <span class="text-muted xxs">12+</span>
                                                </div>
                                                <p class="text-muted mb-0">Uitdagend &amp; stoer</p>
                                            </div>
                                        </a>
                                                                            <a href="https://www.holidream.nl/reizen/als-stel"
                                            class="d-flex align-items-center gap-3 px-3 py-2 rounded-3 text-decoration-none menu-item">
                                            <div class="icon-circle bg-soft-orange text-primary-hd svg-icon-color">
                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z">
                  </path>
                </svg>
                                            </div>
                                            <div>
                                                <div class="d-flex align-items-center gap-2">
                                                    <span
                                                        class="fw-semibold text-dark small">Als stel</span>
                                                    <span class="text-muted xxs">Zonder kids</span>
                                                </div>
                                                <p class="text-muted mb-0">Zorgeloos genieten</p>
                                            </div>
                                        </a>
                                                                        
                                </div>
                            </div>
                        </div>

                        
                                                    <div class="position-relative">
                                                                    <a href="https://www.holidream.nl/info/over-holidream"
                                        class="nav-link fw-medium">Over Holidream</a>
                                                            </div>
                                                    <div class="position-relative">
                                                                    <a href="https://www.holidream.nl/good-deals"
                                        class="nav-link fw-medium">Goede Deals!</a>
                                                            </div>
                                                    <div class="position-relative">
                                                                    <a href="https://www.holidream.nl/informatie"
                                        class="nav-link fw-medium">Informatie</a>
                                                            </div>
                                                    <div class="position-relative">
                                                                    <a href="https://www.holidream.nl/dmc/dashboard"
                                        class="nav-link fw-medium">Partner/DMC</a>
                                                            </div>
                                            </nav>

                    <div class="header-right">
                        <div class="logo-ico">
                            <div class="header-badges d-none d-lg-flex">
                                
                                <img src="https://www.holidream.nl/images/logo-ggto-c2R9UeJX.jpg" height="27" alt="cal">
                                <img src="https://www.holidream.nl/images/call.png" height="27" alt="cal">
                            </div>
                        </div>
                        <!-- Mijn Reizen Desktop -->
                        <div id="public-header-auth-desktop"
                            class="header-auth-links d-none d-lg-flex align-items-center gap-2"
                             style="display: none !important;" >
                                                        <a id="public-header-portal-link" href="#"
                                rel="noopener noreferrer"
                                class="portal-switch-link d-none">
                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                    <path d="M15 3h6v6"></path>
                                    <path d="M10 14 21 3"></path>
                                    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
                                </svg>
                                <span id="public-header-portal-label"></span>
                            </a>
                            <button type="button" id="public-header-logout-desktop"
                                data-portal-url=""
                                class="btn btn-link small fw-medium text-dark text-decoration-none px-2 d-none d-lg-inline-flex align-items-center gap-1 d-none">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                    <path d="m16 17 5-5-5-5"></path>
                                    <path d="M21 12H9"></path>
                                    <path d="M13 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8"></path>
                                </svg>
                                <span>Logout</span>
                            </button>
                            <div class="bg-dark text-white rounded-circle d-flex align-items-center justify-content-center d-none d-lg-flex"
                                style="width: 36px; height: 36px;">
                                <svg width="18" height="18" fill="none" stroke="currentColor"
                                    stroke-width="2" viewBox="0 0 24 24">
                                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                    <circle cx="12" cy="7" r="4"></circle>
                                </svg>
                            </div>
                        </div>
                        <div id="public-header-guest-desktop" class="d-none d-lg-block"
                            >
                            <a href="https://www.holidream.nl/dmc/dashboard" id="public-header-login-link">
                                <div class="bg-dark text-white rounded-circle d-flex align-items-center justify-content-center d-none d-lg-flex"
                                    style="width: 36px; height: 36px;">
                                    <svg width="18" height="18" fill="none" stroke="currentColor"
                                        stroke-width="2" viewBox="0 0 24 24">
                                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                        <circle cx="12" cy="7" r="4"></circle>
                                    </svg>
                                </div>
                            </a>
                        </div>
                        <!-- Mobile Hamburger Button -->
                        <button class="btn d-lg-none border-0 p-0" type="button"
                            @click="mobileMenuOpen = !mobileMenuOpen">
                            <i class="fa-solid fs-4" :class="mobileMenuOpen ? 'fa-xmark' : 'fa-bars'"></i>
                        </button>
                    </div>
                </div>
            </div>
        </header>
        <!-- Mobile Menu (Offcanvas) -->
        <div class="offcanvas d-lg-none offcanvas-end w-100 border-0" :class="{ 'show': mobileMenuOpen }"
            :style="mobileMenuOpen ? 'visibility: visible; display: block;' : ''" x-show="mobileMenuOpen"
            x-transition:enter="transition ease-out duration-300"
            x-transition:enter-start="transform translate-x-full" x-transition:enter-end="transform translate-x-0"
            x-transition:leave="transition ease-in duration-300" x-transition:leave-start="transform translate-x-0"
            x-transition:leave-end="transform translate-x-full">
            <div class="offcanvas-header border-bottom py-3">
                <img src="https://www.holidream.nl/images/holidream-logo-bAFKtnVG.png" height="28" alt="Logo">
                <button type="button" class="btn-close shadow-none" @click="mobileMenuOpen = false"></button>
            </div>
            <div class="offcanvas-body p-0 d-flex flex-column">
                <div class="px-4 py-4 overflow-auto">
                    <!-- Mobile Accordion Item -->
                    <div x-data="{ accOpen: false }">
                        <h6 class="text-muted small fw-bold mb-2 acc-head" @click="accOpen = !accOpen"
                            :class="{ 'open': accOpen }">
                            Wie reist er mee?
                        </h6>
                        <div class="d-flex flex-column gap-2 mb-3 acc-content ms-2" x-show="accOpen"
                            :class="{ 'open': accOpen }">
                                                            <a href="https://www.holidream.nl/reizen/met-kleintjes"
                                    class="d-flex align-items-center gap-2 text-decoration-none text-dark">
                                    <span class="text-primary-hd fs-5">
                                        
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M9 12h.01"></path>
                  <path d="M15 12h.01"></path>
                  <path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"></path>
                  <path d="M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1">
                  </path>
                </svg>
                                    </span>
                                    <span class="small text-muted">Met kleintjes</span>
                                </a>
                                                            <a href="https://www.holidream.nl/reizen/schoolkinderen"
                                    class="d-flex align-items-center gap-2 text-decoration-none text-dark">
                                    <span class="text-primary-hd fs-5">
                                        
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z">
                  </path>
                  <path d="M22 10v6"></path>
                  <path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>
                </svg>
                                    </span>
                                    <span class="small text-muted">Schoolkinderen</span>
                                </a>
                                                            <a href="https://www.holidream.nl/reizen/met-tieners"
                                    class="d-flex align-items-center gap-2 text-decoration-none text-dark">
                                    <span class="text-primary-hd fs-5">
                                        
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                  <circle cx="9" cy="7" r="4"></circle>
                  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                </svg>
                                    </span>
                                    <span class="small text-muted">Met tieners</span>
                                </a>
                                                            <a href="https://www.holidream.nl/reizen/als-stel"
                                    class="d-flex align-items-center gap-2 text-decoration-none text-dark">
                                    <span class="text-primary-hd fs-5">
                                        
                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z">
                  </path>
                </svg>
                                    </span>
                                    <span class="small text-muted">Als stel</span>
                                </a>
                                                        
                        </div>
                    </div>
                    <div class="d-flex flex-column gap-3 mb-3">
                        
                                                                                    <a href="https://www.holidream.nl/info/over-holidream"
                                    class="text-decoration-none text-dark">Over Holidream</a>
                                                                                                                <a href="https://www.holidream.nl/good-deals"
                                    class="text-decoration-none text-dark">Goede Deals!</a>
                                                                                                                <a href="https://www.holidream.nl/informatie"
                                    class="text-decoration-none text-dark">Informatie</a>
                                                                                                                <a href="https://www.holidream.nl/dmc/dashboard"
                                    class="text-decoration-none text-dark">Partner/DMC</a>
                                                                        </div>
                    <div class="mt-auto border-top">
                        <a
                            class="d-flex align-items-center gap-2 p-2 text-decoration-none text-primary-hd bg-soft-orange-second ps-0">
                            <svg width="16" height="16" fill="none" stroke="currentColor"
                                stroke-width="2" viewBox="0 0 24 24" class="me-1">
                                <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0"></path>
                            </svg>
                            <span class="fw-medium">Mijn reizen</span>
                        </a>
                        <a href="#"
                            class="d-flex align-items-center gap-2 p-2 text-decoration-none text-primary-hd bg-soft-orange-second ps-0">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                stroke-linecap="round" stroke-linejoin="round">
                                <path d="M6 20a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2"></path>
                                <path d="M8 18V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v14"></path>
                                <path d="M10 20h4"></path>
                                <circle cx="16" cy="20" r="2"></circle>
                                <circle cx="8" cy="20" r="2"></circle>
                            </svg>
                            <span class="fw-medium"> Geboekte reizen </span>
                        </a>
                        <a id="public-header-auth-mobile" href="#" target="_blank"
                            rel="noopener noreferrer"
                            class="d-flex align-items-center gap-3 p-2 text-decoration-none text-dark border-top pt-2 mt-2 d-none"
                             style="display: none !important;" >
                            <div class="rounded-circle d-flex align-items-center justify-content-center"
                                style="width: 32px; height: 32px; background: rgba(17, 184, 189, .12); color: #0f8f93;">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M15 3h6v6"></path>
                                    <path d="M10 14 21 3"></path>
                                    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
                                </svg>
                            </div>
                            <span id="public-header-portal-label-mobile"
                                class="fw-medium text-muted"></span>
                        </a>
                        <button type="button" id="public-header-logout-mobile"
                            data-portal-url=""
                            class="d-flex align-items-center gap-3 p-2 text-decoration-none text-dark border-top pt-2 mt-2 w-100 bg-transparent border-0 d-none"
                             style="display: none !important;" >
                            <div class="rounded-circle d-flex align-items-center justify-content-center"
                                style="width: 32px; height: 32px; background: rgba(17, 184, 189, .12); color: #0f8f93;">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path d="m16 17 5-5-5-5"></path>
                                    <path d="M21 12H9"></path>
                                    <path d="M13 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8"></path>
                                </svg>
                            </div>
                            <span class="fw-medium text-muted">Logout</span>
                        </button>
                        <a id="public-header-guest-mobile" href="https://www.holidream.nl/dmc/dashboard"
                            class="d-flex align-items-center gap-3 p-2 text-decoration-none text-dark border-top">
                            <div class="bg-dark text-white rounded-circle d-flex align-items-center justify-content-center"
                                style="width: 32px; height: 32px;">
                                <svg width="16" height="16" fill="none" stroke="currentColor"
                                    stroke-width="2" viewBox="0 0 24 24">
                                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                    <circle cx="12" cy="7" r="4"></circle>
                                </svg>
                            </div>
                            <span class="fw-medium text-muted">Inloggen</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Mobile Backdrop -->
        <div class="offcanvas-backdrop x-cloak fade show" x-show="mobileMenuOpen" @click="mobileMenuOpen = false">
        </div>
    </div>
    <script>
        (function syncPublicHeaderAuthState() {
            let syncing = false;
            let lastSyncAt = 0;
            const authStatusUrl = "https://www.holidream.nl/dmc/auth-status";
            const logoutUrl = "https://www.holidream.nl/logout";
            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || "";
            const partnerPortalBaseUrl = "https:\/\/partner.holidream.nl\/login";
            const clientPortalBaseUrl = "https:\/\/client.holidream.nl\/login";
            const minimumSyncIntervalMs = 2000;

            const guestDesktop = document.getElementById("public-header-guest-desktop");
            const authDesktop = document.getElementById("public-header-auth-desktop");
            const guestMobile = document.getElementById("public-header-guest-mobile");
            const authMobile = document.getElementById("public-header-auth-mobile");
            const dashboardLink = document.getElementById("public-header-dashboard-link");
            const loginLink = document.getElementById("public-header-login-link");
            const portalLink = document.getElementById("public-header-portal-link");
            const portalLabel = document.getElementById("public-header-portal-label");
            const portalLinkMobile = document.getElementById("public-header-auth-mobile");
            const portalLabelMobile = document.getElementById("public-header-portal-label-mobile");
            const logoutDesktop = document.getElementById("public-header-logout-desktop");
            const logoutMobile = document.getElementById("public-header-logout-mobile");

            const buildAuthStatusUrl = () => {
                const requestToken = window.crypto?.randomUUID?.() ??
                    `${Date.now()}-${Math.random().toString(36).slice(2)}`;
                return `${authStatusUrl}?request_token=${encodeURIComponent(requestToken)}`;
            };

            const forceDisplay = (element, value) => {
                if (!element) {
                    return;
                }

                element.style.setProperty("display", value, "important");
            };

            const resetDisplay = (element) => {
                if (!element) {
                    return;
                }

                element.style.removeProperty("display");
            };

            const setPortalState = (isAuthenticated, portalUrl, portalText) => {
                const hasPortalLink = isAuthenticated && Boolean(portalUrl) && Boolean(portalText);

                if (portalLink) {
                    if (hasPortalLink) {
                        portalLink.classList.remove("d-none");
                        portalLink.setAttribute("href", portalUrl);
                        resetDisplay(portalLink);
                    } else {
                        portalLink.classList.add("d-none");
                        forceDisplay(portalLink, "none");
                    }
                }

                if (portalLabel) {
                    portalLabel.textContent = portalText || "";
                }

                if (portalLinkMobile) {
                    if (hasPortalLink) {
                        portalLinkMobile.classList.remove("d-none");
                        portalLinkMobile.setAttribute("href", portalUrl);
                        resetDisplay(portalLinkMobile);
                    } else {
                        portalLinkMobile.classList.add("d-none");
                        forceDisplay(portalLinkMobile, "none");
                    }
                }

                if (portalLabelMobile) {
                    portalLabelMobile.textContent = portalText || "";
                }
            };

            const setAuthenticatedState = (isAuthenticated, isVendor, isClient, portalUrl, portalText) => {
                if (guestDesktop) {
                    if (isAuthenticated) {
                        forceDisplay(guestDesktop, "none");
                    } else {
                        resetDisplay(guestDesktop);
                    }
                }

                if (authDesktop) {
                    forceDisplay(authDesktop, isAuthenticated ? "flex" : "none");
                }

                if (guestMobile) {
                    if (isAuthenticated) {
                        forceDisplay(guestMobile, "none");
                    } else {
                        resetDisplay(guestMobile);
                    }
                }

                if (authMobile) {
                    if (isAuthenticated) {
                        resetDisplay(authMobile);
                    } else {
                        forceDisplay(authMobile, "none");
                    }
                }

                const resolvedPortalBaseUrl = portalUrl ||
                    (isVendor ? partnerPortalBaseUrl : "") ||
                    (isClient ? clientPortalBaseUrl : "");
                const logoutPortalUrl = resolvedPortalBaseUrl ?
                    `${resolvedPortalBaseUrl}${resolvedPortalBaseUrl.includes('?') ? '&' : '?'}logout=1&source=laravel` :
                    "";

                if (logoutDesktop) {
                    if (isAuthenticated && logoutPortalUrl) {
                        logoutDesktop.classList.remove("d-none");
                        logoutDesktop.dataset.portalUrl = logoutPortalUrl;
                        resetDisplay(logoutDesktop);
                    } else {
                        logoutDesktop.classList.add("d-none");
                        forceDisplay(logoutDesktop, "none");
                    }
                }

                if (logoutMobile) {
                    if (isAuthenticated && logoutPortalUrl) {
                        logoutMobile.classList.remove("d-none");
                        logoutMobile.dataset.portalUrl = logoutPortalUrl;
                        resetDisplay(logoutMobile);
                    } else {
                        logoutMobile.classList.add("d-none");
                        forceDisplay(logoutMobile, "none");
                    }
                }

                setPortalState(isAuthenticated, portalUrl, portalText);

                if (isAuthenticated && isVendor) {
                    if (dashboardLink) {
                        dashboardLink.setAttribute("href", "https://www.holidream.nl/dmc/dashboard");
                    }

                    if (loginLink) {
                        loginLink.setAttribute("href", "https://www.holidream.nl/dmc/dashboard");
                    }
                }
            };

            const logoutAndRedirect = async (portalUrl) => {
                try {
                    await fetch(logoutUrl, {
                        method: "POST",
                        credentials: "same-origin",
                        headers: {
                            "Accept": "application/json",
                            "X-Requested-With": "XMLHttpRequest",
                            "X-CSRF-TOKEN": csrfToken
                        }
                    });
                } catch (error) {
                    console.debug("Unable to log out from public header.", error);
                } finally {
                    window.location.href = portalUrl || "/";
                }
            };

            [logoutDesktop, logoutMobile].forEach(button => {
                if (!button) {
                    return;
                }

                button.addEventListener("click", () => {
                    logoutAndRedirect(button.dataset.portalUrl || "");
                });
            });

            const sync = async (force = false) => {
                if (syncing) {
                    return;
                }

                const now = Date.now();

                if (!force && now - lastSyncAt < minimumSyncIntervalMs) {
                    return;
                }

                syncing = true;
                lastSyncAt = now;

                try {
                    const response = await fetch(buildAuthStatusUrl(), {
                        method: "GET",
                        cache: "no-store",
                        credentials: "same-origin",
                        headers: {
                            "Accept": "application/json",
                            "X-Requested-With": "XMLHttpRequest"
                        }
                    });

                    if (!response.ok) {
                        return;
                    }

                    const payload = await response.json();
                    setAuthenticatedState(
                        Boolean(payload?.authenticated),
                        Boolean(payload?.user?.is_vendor),
                        Boolean(payload?.user?.is_client),
                        payload?.user?.frontend_portal_url ?? "",
                        payload?.user?.frontend_portal_label ?? ""
                    );
                } catch (error) {
                    console.debug("Unable to sync public header auth state.", error);
                } finally {
                    syncing = false;
                }
            };

            window.addEventListener("focus", () => {
                void sync();
            });

            document.addEventListener("visibilitychange", () => {
                if (!document.hidden) {
                    void sync();
                }
            });

            void sync(true);
        })();
    </script>
<style>
    .hero-container {
        position: relative;
        display: flex;
        align-items: center;
        background-color: #0a1a1f;
        margin-top: 69px;
    }

    .feature-title ul {
        line-height: normal;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .feature-title.ontworpen h2 {
        margin-bottom: 10px;
    }

    .feature-title ul li {
        color: hsl(210 15% 40%);
        margin-bottom: 15px;
        font-size: .875rem;
        position: relative;
        padding-left: 30px;
    }

    .feature-title ul li:last-child {
        margin-bottom: 0px;
    }

    .Twijfel h4 {
        font-size: 1rem;
        font-weight: 700;
    }

    .Twijfel p {
        margin: 0;
        font-size: .875rem;
        color: #ffffffb3;
    }

    .stats-box p {
        font-size: .75rem;
        color: #ffffffbf;
        margin: 0;
    }

    .stats-box strong {
        color: hsl(21 89% 54%);
        font-size: 1.875rem;
    }

    .feature-title li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 22px;
        height: 22px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='28' fill='%23FFE9DC'/%3E%3Cpath d='M20 30 L27 37 L40 23' stroke='%23F27A3F' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .hero-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: inherit;
    }

    .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(10, 26, 31, 0.95) 0%, rgba(10, 26, 31, 0.6) 50%, rgba(10, 26, 31, 0.2) 100%);
    }

    .hero-content {
        position: relative;
        z-index: 2;
        color: white;
        padding: 150px 15px !important;
    }

    .category-grid {
        margin-top: -80px;
        position: relative;
        z-index: 10;
    }

    .category-card {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 4/3;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        transition: transform 0.4s ease;
        display: block;
        text-decoration: none;
    }

    .category-card:hover {
        transform: translateY(-8px);
    }

    .category-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .category-card .overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);
    }

    .category-card .content {
        position: absolute;
        bottom: 15px;
        left: 15px;
        color: white;
    }

    .category-card .content svg {
        stroke: #fff;
    }

    .choice-bar {
        background-color: hsl(210 33% 18%);
        border-radius: .75rem;
        padding: 20px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
        text-decoration: none;
        transition: background 0.3s;
    }

    .choice-bar:hover {
        background-color: #112a32;
        color: white;
    }

    .feature-item li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 15px;
        font-size: .875rem;
        color: hsl(210 15% 40%);
    }

    .feature-item ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .check-circle {
        width: 20px;
        height: 20px;
        background: hsl(21deg 89% 54% / 10%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: hsl(21 89% 54%);
        flex-shrink: 0;
    }

    .highlight-box {
        background-color: hsl(38 55% 92%);
        border-radius: 20px;
        padding: 32px;
        text-align: center;
    }

    .highlight-box h4 {
        color: hsl(210 33% 18%);
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 0;
    }

    .highlight-box strong {
        color: hsl(21 89% 54%);
    }

    .design-icon-box {
        background: hsl(0 0% 100%);
        border: 1px solid hsl(36 30% 86%);
        border-radius: 12px;
        padding: 15px 20px;
        display: flex;
        align-items: center;
        gap: 15px;
        height: 100%;
    }

    .stats-box {
        background: hsl(210 33% 18%);
        color: white;
        border-radius: .75rem;
        padding: 1.25rem;
        text-align: center;
    }

    .dest-card {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        aspect-ratio: 5/4;
    }

    .dest-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .dest-name {
        position: absolute;
        bottom: 15px;
        left: 15px;
        color: white;
        font-weight: bold;
        font-size: 1.1rem;
    }

    .dest-card img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s ease;
    }

    .bg-light-cus h4 {
        color: hsl(210 33% 18%);
        font-size: 1rem;
    }

    .bg-light-cus p {
        color: hsl(210 15% 40%);
        font-size: .875rem;
        margin: 0;
    }

    .dest-card:hover img {
        transform: scale(1.05);
    }

    .dest-card .overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10, 26, 31, 0.7) 0%, transparent 60%);
    }

    .dest-card .dest-label {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 16px;
    }

    .dest-card {
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        aspect-ratio: 5/4;
    }

    .title-section {
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
    }

    .title-para {
        font-size: 18px;
        font-weight: 700;
    }

    .verre-home h1 {
        font-size: 3rem;
        font-weight: bold;
        margin: 0;
    }

    .verre-home h2 {
        /* display: block; */
        color: hsl(21 89% 54%);
        font-size: 3rem;
        font-weight: bold;
    }

    .verre-home p {
        font-size: 1.125rem;
        color: #fffc;
    }

    .final-cta-text h1 {
        font-size: 1.875rem;
        font-weight: 700;
        color: rgb(255 255 255);
        opacity: 1;
        margin-bottom: 15px;
    }

    .final-cta-text h2 {
        color: #fff;
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 15px;
    }

    .final-cta-text h2 strong {
        color: hsl(21 89% 54%);
        font-weight: 700;
    }

    .final-cta-text h3 {
        font-size: 2.25rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .final-cta-text h4 {
        font-size: 2.25rem;
        margin-bottom: 30px;
        font-weight: 700;
        color: #fff9;
    }

    .final-cta-text a {
        background-color: hsl(21 89% 54%);
        color: white;
        text-decoration: none;
        border-radius: .75rem;
        font-size: 1rem;
        font-weight: 600;
        padding-top: 0.8rem;
        padding-left: 2.5rem;
        padding-right: 4rem;
        padding-bottom: 0.8rem;
        line-height: 1.5rem;
        box-shadow: 0 8px 20px hsl(21deg 89% 54% / 25%), 0 4px 10px hsl(21deg 89% 54% / 15%);
        position: relative;
        display: inline-block;
    }

    .final-cta-text a::before {
        width: 8px;
        height: 14px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23f5f6f9' d='M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.5-9.5-9.3-24.8.4-34l154-154L35 102.6c-9.7-9.7-9.9-25-.4-34.4l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 34z'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
        position: absolute;
        content: "";
        right: 40px;
        top: 18px;
    }

    .inclus-text p {
        color: hsl(210 15% 40%);
        font-size: .75rem;
    }

    .zo-werkt-text h2 {
        color: hsl(210 33% 18%);
        font-size: 1.875rem;
        font-weight: 500;
    }

    .zo-werkt-text p {
        color: hsl(210 15% 40%);
        font-size: 1rem;
    }

    .zo-werkt-text {
        margin-bottom: 30px;
    }

    .zo-ntwerpen-text h2 {
        color: hsl(210 33% 18%);
        font-size: 1.875rem;
        font-weight: 700;
    }

    .zo-ntwerpen-text p {
        color: hsl(210 33% 18%);
        font-size: 1.125rem;
        font-weight: 700;
    }

    .zo-ntwerpen-text p strong {
        color: hsl(21 89% 54%);
        font-weight: 700;
    }

    .zo-ntwerpen-text {
        margin-bottom: 25px;
    }

</style>
<section class="hero-container">
    <video autoplay loop muted playsinline class="hero-video" poster="https://media.holidream.nl/634x350/public/pages/o1NbZeq90RPK1eJ71avpuxIezvjaVZXq367dgFd3.webp">
        <source src="" type="video/mp4">
        <source src="" type="video/webm">
    </video>
    <div class="hero-overlay"></div>
    <div class="container hero-content">
        <div class="max-w-700">
            <div class="verre-home">
                <h1>
                    Verre
                    <span>rondreizen</span>
                </h1>
                <h2>ontworpen voor jullie fase</h2>
                <p>Geen standaardprogramma's. Geen maatwerk-chaos.<br>Maar een reisarchitectuur die klopt.</p>
            </div>
        </div>
    </div>
</section>
<div class="container category-grid">
    <div class="row justify-content-center">
        <div class="col-lg-10 col-md-12">
            <div class="row g-3 justify-content-center">
                                <div class="col-6 col-md-3">
                    <a href="reizen/met-kleintjes" class="category-card">
                                                <picture>
                            <source type="image/webp" srcset="
                                                https://media.holidream.nl/215x161/public/AgeGroup/FVBorMCcC189eqcCpTlGi5b3oV968D0IZZthKs62.jpg 500w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/FVBorMCcC189eqcCpTlGi5b3oV968D0IZZthKs62.jpg 700w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/FVBorMCcC189eqcCpTlGi5b3oV968D0IZZthKs62.jpg 1300w" sizes="(max-width: 768px) 500px, (max-width: 1200px) 700px, 1300px">
                            <img class="hero-video" src="https://media.holidream.nl/215x161/public/AgeGroup/FVBorMCcC189eqcCpTlGi5b3oV968D0IZZthKs62.jpg" decoding="async" title="Met kleintjes" alt="Met kleintjes" width="215" height="161">
                        </picture>
                                                <div class="overlay"></div>
                        <div class="content">
                            <div class="d-flex gap-2">
                                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M9 12h.01"></path>
                  <path d="M15 12h.01"></path>
                  <path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"></path>
                  <path d="M19 6.3a9 9 0 0 1 1.8 3.9 2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1">
                  </path>
                </svg>
                                                                <h6 class="fw-bold">Met kleintjes</h6>
                            </div>
                            <span class="opacity-75 text-xs">0–6 jaar</span>
                        </div>
                    </a>
                </div>
                                <div class="col-6 col-md-3">
                    <a href="reizen/schoolkinderen" class="category-card">
                                                <picture>
                            <source type="image/webp" srcset="
                                                https://media.holidream.nl/215x161/public/AgeGroup/zxgniS18nGPWWmk1CoKp3eGgG5YNbxYIR7Qkh924.jpg 500w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/zxgniS18nGPWWmk1CoKp3eGgG5YNbxYIR7Qkh924.jpg 700w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/zxgniS18nGPWWmk1CoKp3eGgG5YNbxYIR7Qkh924.jpg 1300w" sizes="(max-width: 768px) 500px, (max-width: 1200px) 700px, 1300px">
                            <img class="hero-video" src="https://media.holidream.nl/215x161/public/AgeGroup/zxgniS18nGPWWmk1CoKp3eGgG5YNbxYIR7Qkh924.jpg" decoding="async" title="Schoolkinderen" alt="Schoolkinderen" width="215" height="161">
                        </picture>
                                                <div class="overlay"></div>
                        <div class="content">
                            <div class="d-flex gap-2">
                                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z">
                  </path>
                  <path d="M22 10v6"></path>
                  <path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>
                </svg>
                                                                <h6 class="fw-bold">Schoolkinderen</h6>
                            </div>
                            <span class="opacity-75 text-xs">7–13 jaar</span>
                        </div>
                    </a>
                </div>
                                <div class="col-6 col-md-3">
                    <a href="reizen/met-tieners" class="category-card">
                                                <picture>
                            <source type="image/webp" srcset="
                                                https://media.holidream.nl/215x161/public/AgeGroup/cGnFNdhF1lqTiiZJTsse5Fy4F5WiaoEN3cs8v4jY.jpg 500w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/cGnFNdhF1lqTiiZJTsse5Fy4F5WiaoEN3cs8v4jY.jpg 700w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/cGnFNdhF1lqTiiZJTsse5Fy4F5WiaoEN3cs8v4jY.jpg 1300w" sizes="(max-width: 768px) 500px, (max-width: 1200px) 700px, 1300px">
                            <img class="hero-video" src="https://media.holidream.nl/215x161/public/AgeGroup/cGnFNdhF1lqTiiZJTsse5Fy4F5WiaoEN3cs8v4jY.jpg" decoding="async" title="Met tieners" alt="Met tieners" width="215" height="161">
                        </picture>
                                                <div class="overlay"></div>
                        <div class="content">
                            <div class="d-flex gap-2">
                                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                  <circle cx="9" cy="7" r="4"></circle>
                  <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                </svg>
                                                                <h6 class="fw-bold">Met tieners</h6>
                            </div>
                            <span class="opacity-75 text-xs">12+</span>
                        </div>
                    </a>
                </div>
                                <div class="col-6 col-md-3">
                    <a href="reizen/als-stel" class="category-card">
                                                <picture>
                            <source type="image/webp" srcset="
                                                https://media.holidream.nl/215x161/public/AgeGroup/oRjETTBTY168eFGu2qsYbvJQ84hXxQwiVgl2a4R7.jpg 500w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/oRjETTBTY168eFGu2qsYbvJQ84hXxQwiVgl2a4R7.jpg 700w,
                                                https://media.holidream.nl/215x161/public/AgeGroup/oRjETTBTY168eFGu2qsYbvJQ84hXxQwiVgl2a4R7.jpg 1300w" sizes="(max-width: 768px) 500px, (max-width: 1200px) 700px, 1300px">
                            <img class="hero-video" src="https://media.holidream.nl/215x161/public/AgeGroup/oRjETTBTY168eFGu2qsYbvJQ84hXxQwiVgl2a4R7.jpg" decoding="async" title="Als stel" alt="Als stel" width="215" height="161">
                        </picture>
                                                <div class="overlay"></div>
                        <div class="content">
                            <div class="d-flex gap-2">
                                                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#f26a21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z">
                  </path>
                </svg>
                                                                <h6 class="fw-bold">Als stel</h6>
                            </div>
                            <span class="opacity-75 text-xs">Zonder kids</span>
                        </div>
                    </a>
                </div>
                            </div>
            <div class="row justify-content-center">
                <div class="col-md-12 col-lg-12">
                    <a href="/keuzehulp" class="choice-bar">
                        <div class="d-flex align-items-center gap-3">
                            <div class="bg-primary-hd rounded-circle d-flex align-items-center justify-content-center" style="width: 45px; height: 45px;">
                                <svg width="20" height="20" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24">
                                    <circle cx="12" cy="12" r="10"></circle>
                                    <path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z">
                                    </path>
                                </svg>
                            </div>
                            <div class="Twijfel">
                                <h4>Twijfel je over welke levensfase je moet aanklikken?&nbsp;</h4><p>Beantwoord 7 vragen ontvang een persoonlijk reisadvies</p>
                            </div>
                        </div>
                        <svg width="24" height="24" fill="none" stroke="#e65a2b" stroke-width="2" viewBox="0 0 24 24">
                            <path d="M5 12h14M12 5l7 7-7 7"></path>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="section-padding">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 col-md-12">
                <div class="row align-items-center g-5">
                    <div class="col-md-6 feature-title">
                        <h2>Waarom dit anders is</h2><ul><li>Ontworpen vanuit het perspectief van het hele gezin</li><li>Kinderactiviteiten als kern, niet als extra</li><li>Reisritme dat past bij jullie levensfase</li><li>Iedereen geniet, niemand levert in</li></ul>
                        <!-- <h2>Waarom dit anders is</h2>
                        <div class="feature-item">
                            <ul>
                                <li>
                                    <div class="check-circle">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                            <path d="M20 6 9 17l-5-5"></path>
                                        </svg>
                                    </div>
                                    <span>Ontworpen vanuit het perspectief van het hele gezin</span>
                                </li>
                                <li>
                                    <div class="check-circle">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                            <path d="M20 6 9 17l-5-5"></path>
                                        </svg>
                                    </div>
                                    <span>Kinderactiviteiten als kern, niet als extra</span>
                                </li>
                                <li>
                                    <div class="check-circle">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                            <path d="M20 6 9 17l-5-5"></path>
                                        </svg>
                                    </div>
                                    <span>Reisritme dat past bij jullie levensfase</span>
                                </li>
                                <li>
                                    <div class="check-circle">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                            <path d="M20 6 9 17l-5-5"></path>
                                        </svg>
                                    </div>
                                    <span>Iedereen geniet, niemand levert in</span>
                                </li>
                            </ul>
                        </div> -->
                    </div>
                    <div class="col-md-6">
                        <div class="highlight-box">
                            <h4>Een peuterreis is geen puberreis<br><strong>met rustmomenten.</strong></h4>
                            <!-- <h4 class="fw-bold lh-base">
                                Een peuterreis is geen puberreis<br>
                                <span class="text-primary-hd">met rustmomenten.</span>
                            </h4> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section-padding bg-soft">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 col-md-12 text-center text-md-start">
                <div class="zo-ntwerpen-text">
                    <h2>Zo ontwerpen wij het anders</h2><p>Niet aanpassen achteraf. <strong>Ontwerpen vanaf de basis.</strong></p>
                </div>
                <div class="row g-3 mb-4">
                    <div class="col-md-4">
                        <div class="design-icon-box">
                            <span class="text-primary-hd">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                    <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
                                    </path>
                                    <circle cx="12" cy="10" r="3"></circle>
                                </svg>
                            </span>
                            <span class="small fw-medium">Korte rijafstanden, afgestemd op leeftijd</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="design-icon-box">
                            <span class="text-primary-hd">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                    <path d="M10 22v-6.57"></path>
                                    <path d="M12 11h.01"></path>
                                    <path d="M12 7h.01"></path>
                                    <path d="M14 15.43V22"></path>
                                    <path d="M15 16a5 5 0 0 0-6 0"></path>
                                    <path d="M16 11h.01"></path>
                                    <path d="M16 7h.01"></path>
                                    <path d="M8 11h.01"></path>
                                    <path d="M8 7h.01"></path>
                                    <rect x="4" y="2" width="16" height="20" rx="2"></rect>
                                </svg>
                            </span>
                            <span class="small fw-medium">Hotels gekozen op gezins- of koppelcomfort</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="design-icon-box">
                            <span class="text-primary-hd">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z">
                                    </path>
                                </svg>
                            </span>
                            <span class="small fw-medium">Activiteiten per fase, niet per catalogus</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="design-icon-box">
                            <span class="text-primary-hd">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">
                                    <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path>
                                    <path d="M21 3v5h-5"></path>
                                    <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path>
                                    <path d="M8 16H3v5"></path>
                                </svg>
                            </span>
                            <span class="small fw-medium">Minder wissels, meer rust</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="design-icon-box">
                            <span class="text-primary-hd">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect width="16" height="10" x="2" y="7" rx="2" ry="2"></rect>
                                    <line x1="22" x2="22" y1="11" y2="13"></line>
                                </svg>
                            </span>
                            <span class="small fw-medium">Energieritme dat klopt voor iedereen</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="design-icon-box">
                            <span class="text-primary-hd">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z">
                                    </path>
                                    <path d="m9 12 2 2 4-4"></path>
                                </svg>
                            </span>
                            <span class="small fw-medium">Lokale begeleiding, altijd bereikbaar</span>
                        </div>
                    </div>
                </div>
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="stats-box">
                            <p><strong>10–14</strong></p><p>dagen basis</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="stats-box">
                            <p><strong>2–7</strong></p><p>dagen uitbreiding</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="stats-box">
                            <p><strong>100%</strong></p><p>incl. vluchten</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section-padding">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 col-md-12">
                <div class="zo-werkt-text">
                    <h2><strong>Zo werkt boeken bij Holidream</strong></h2><p>Geen offertetraject. Geen weken wachten. Stel samen en boek.</p>
                </div>

                <div class="row g-4 mb-4">
                    <div class="col-md-4">
                        <div class="bg-light-cus p-4 rounded-4 h-100">
                            <div class="bg-primary-hd text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3" style="width:40px; height:40px; font-weight:bold;">1</div>
                            <h4>Kies je basisreis</h4><p>10–14 dagen, volledig samengesteld</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-light-cus p-4 rounded-4 h-100">
                            <div class="bg-primary-hd text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3" style="width:40px; height:40px; font-weight:bold;">2</div>
                            <h4>Voeg uitbreidingen toe</h4><p>2–7 dagen per uitbreiding</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-light-cus p-4 rounded-4 h-100">
                            <div class="bg-primary-hd text-white rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3" style="width:40px; height:40px; font-weight:bold;">3</div>
                            <h4>Boek direct online</h4><p>Inclusief vluchten, verblijf en excursies</p>
                        </div>
                    </div>
                </div>
                <div class="inclus-text text-center">
                    <p>Inclusief vluchten, ruimbagage, transfers, excursies en verblijf. Maaltijden uitgezonderd.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="py-5 bg-light-cus">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 col-md-12">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="feature-title ontworpen text-start mb-4">
                            <h2><strong>Ontworpen door mensen die er wonen</strong></h2><p>Elke reis is samengesteld door iemand die ter plekke woont en werkt.<br>Ze kennen elk hotel, elke route en elke valkuil.</p>
                        </div>
                        <div class="row g-3 mb-4">
                            <div class="col-12 col-md-4">
                                <div class="dest-card">
                                    <img src="/images/destination-thailand-b0wDymql.jpg" alt="Thailand" loading="lazy">
                                    <div class="overlay"></div>
                                    <div class="dest-label">
                                        <p class="fw-bold text-white mb-0 text-start">Thailand</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="dest-card">
                                    <img src="/images/destination-sri-lanka-LBRlgqWu.jpg" alt="Sri Lanka" loading="lazy">
                                    <div class="overlay"></div>
                                    <div class="dest-label">
                                        <p class="fw-bold text-white mb-0 text-start">Sri Lanka</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="dest-card">
                                    <img src="/images/destination-costa-rica-izhxtsLB.jpg" alt="Costa Rica" loading="lazy">
                                    <div class="overlay"></div>
                                    <div class="dest-label">
                                        <p class="fw-bold text-white mb-0 text-start">Costa Rica</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center gap-3 gap-md-3">
                            
                            <div class="trust-logo-item mt-1">
                                <img src="/images/logo-ggto-c2R9UeJX.jpg" width="83" height="36" alt="SGR">
                                <span>GGTO garantie</span>
                            </div>
                            <div class="trust-logo-item">
                                <img src="/images/call.png" width="40" height="40" alt="cal">
                                <span>Calamiteitenfonds</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="final-cta">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 col-md-12">
                <div class="final-cta-text">
                    <h2>Wat je écht koopt</h2><h2><strong>Rust</strong></h2><h3>Structuur</h3><h4>Geen concessies</h4><p><a target="_blank" rel="noopener noreferrer" href="https://holidream.nl/keuzehulp">Start met jullie fase</a></p>
                </div>
            </div>
        </div>
    </div>
</section>
<style>
    .footmenufrt p{
        font-size:.75rem;
        color: hsl(210 15% 40%)
    }
    .footmenufrt img{
       margin-bottom: .75rem
    }
    .foot-list h6{
        color: hsl(210 33% 18%);
        font-weight: 600;
        margin-bottom: .75rem
    }
    .foot-list ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .foot-list ul li a{
        color: hsl(210 15% 40%);
        text-decoration: none;
        font-size: .75rem;
        display: block;
        padding-bottom: 4px;

    }
    .cpyright span{ 
        color: hsl(210 15% 40%);
        font-size: .75rem;
    }
    .cpyright a{ 
        color: hsl(210 15% 40%);
        font-size: .75rem;
        text-decoration: none;
    }
    footer.py-5.bg-light-cus2.border-top hr {
        border-color: hsl(36 30% 86%);
    }
   @media(max-width: 991px){
     /* .re-center{
        text-align: center;
    } */
   }
</style>
<footer class="py-5 bg-light-cus2 border-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">
                <div class="footmenufrt">
                    <!-- <img src="https://www.holidream.nl/images/logo/logo2.png" height="24" class="mb-3">
                    <p>Verre rondreizen, ontworpen per levensfase.</p> -->
                    <figure class="md-3"><p><img src="https://media.holidream.nl/public/upload_center/Xc670kElmE6ikLrbhHIVzznjEgSbiFomhe94ftfM.png" height="24"></p></figure><p>Verre rondreizen, ontworpen per levensfase.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-4">
                <div class="foot-list">
                    <!-- <h6>Reizen</h6>
                    <ul>
                        <li><a href="#">Met kleintjes</a></li>
                        <li><a href="#">Schoolkinderen</a></li>
                        <li><a href="#">Met tieners</a></li>
                        <li><a href="#">Als stel</a></li>
                    </ul> -->
                    <h6>Reizen</h6><ul><li data-list-item-id="eeb046cd74f87a6a8b8f7b6d9609dd640"><a target="_blank" rel="noopener noreferrer" href="https://www.holidream.nl/reizen/met-kleintjes">Met kleintjes</a></li><li data-list-item-id="e49ec1a28bb7c6b1236e8bbd1a6024a39"><a target="_blank" rel="noopener noreferrer" href="https://www.holidream.nl/reizen/schoolkinderen">Schoolkinderen</a></li><li data-list-item-id="e74e712da36401a5c27f0fca9a9268363"><a target="_blank" rel="noopener noreferrer" href="https://www.holidream.nl/reizen/met-tieners">Met tieners</a></li><li data-list-item-id="e7f79888ce541a3011d77b347872aebee"><a target="_blank" rel="noopener noreferrer" href="https://www.holidream.nl/reizen/als-stel">Als stel</a></li></ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-4">
                <div class="foot-list">
                    <!-- <h6>Informatie</h6>
                    <ul>
                        <li><a href="#">Over Holidream</a></li>
                        <li><a href="#">Zo werkt het</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul> -->
                    <h6>Informatie</h6><ul><li data-list-item-id="e8095d404a554d4b124d927162e584f1b"><a target="_blank" rel="noopener noreferrer" href="https://www.holidream.nl/info/over-holidream">Over Holidream</a></li><li data-list-item-id="e6b6ee41eb8cee089dae9e9b2393333c8"><a target="_blank" rel="noopener noreferrer" href="https://www.holidream.nl/informatie">Nuttige tips</a></li><li data-list-item-id="e049926b4c767de458f17575f47e1c372"><a href="#">Contact</a></li></ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-12">
                <div class="foot-list">
                    <h6 class="re-center">Garanties</h6>
                    <div class="d-flex justify-content-start align-items-center">
                        
                        
                        <!-- <div class="trust-logo-item mt-2">
                            <img src="/images/logo-ggto-c2R9UeJX.jpg" height="27" width="64" alt="cal">
                            <span>GGTO garantie</span>
                        </div>
                        <div class="trust-logo-item">
                            <img src="/images/call.png" height="36" width="36" alt="cal">
                            <span>Calamiteitenfonds</span>
                        </div> -->
                        <div class="d-flex justify-content-start align-items-center"><div class="trust-logo-item mt-2"><img src="https://media.holidream.nl/public/upload_center/REQO7TZKFSg0kpVvu0cK6TKefQKCk85OCMFgdHVN.jpg" alt="GGTO" height="27"> <span>GGTO</span></div><div class="trust-logo-item"><img src="https://media.holidream.nl/public/upload_center/QPg8VqZAFjVu1iYo1ANOQFRaAUjLxD4cRXuH5Wzv.png" alt="Calamiteitenfonds" height="27"> <span>Calamiteitenfonds</span></div></div>
                    </div>
                </div>
            </div>
        </div>
        <hr class="my-3">
        <div class=" cpyright d-flex flex-wrap justify-content-between align-items-center gap-3 small text-muted">
            <p><span>© 2026 Holidream. Alle rechten voorbehouden.</span></p>
            <div class="d-flex gap-4">
                        <!-- <a href="#">Privacy</a>
                        <a href="#">Voorwaarden</a> -->
                        <p><a href="#">Privacy</a> <a href="#">Voorwaarden</a></p>
            </div>
        </div>
    </div>
</footer>
<script>
    let appUrl = "https://www.holidream.nl";
    let api_Url = appUrl != 'http://localhost:8000' ? 'https://api.holidream.nl' : appUrl + '/api';
    let partnerPortalUrl = "https:\/\/partner.holidream.nl\/login";
    let currentUsers = null;
    let roomTypesE = ["Single","Double","Triple","Quadruple"];
</script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.6/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
