
		
<!doctype html>
<html lang="nl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Workshops - House Raccoon</title>

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Leaflet CSS -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />

    <!-- FullCalendar CSS -->
    <link rel="stylesheet" href="/js/fullcalendar2/core/main.min.css" />
    <link rel="stylesheet" href="/js/fullcalendar2/daygrid/main.min.css" />
    <link rel="stylesheet" href="/js/fullcalendar2/list/main.min.css" />

    <style>
        * { box-sizing: border-box; }

        body {
            font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            background-color: #faf6f4;
            color: #2c2c2c;
        }

        /* Header */
        .page-header {
            background-color: #fff;
            border-bottom: 1px solid #e8e0dc;
            padding: 1.5rem 0;
        }
        .page-header h1 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #2c2c2c;
            margin: 0;
        }
        .page-header p {
            color: #7a7a7a;
            margin: 0.3rem 0 0;
        }

        /* Kaart */
        #workshopMap {
            height: 400px;
            border-radius: 12px;
            border: 1px solid #e8e0dc;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            z-index: 1;
        }

        /* Workshop kaartjes */
        .workshop-card {
            background: #fff;
            border: 1px solid #e8e0dc;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.2s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .workshop-card:hover {
            border-color: #d4a896;
            box-shadow: 0 4px 16px rgba(212,168,150,0.15);
            transform: translateY(-2px);
        }

        .workshop-card .card-img-wrapper {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 ratio */
            overflow: hidden;
            background: #f0ebe8;
        }
        .workshop-card .card-img-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .workshop-card .card-img-wrapper .no-img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #c4b5ad;
            font-size: 2rem;
        }

        .workshop-card .card-body {
            padding: 1rem;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .workshop-card .card-body .ws-title {
            font-size: 0.95rem;
            font-weight: 600;
            color: #2c2c2c;
            margin-bottom: 0.4rem;
            line-height: 1.3;
        }
        .workshop-card .card-body .ws-meta {
            font-size: 0.8rem;
            color: #7a7a7a;
            margin-bottom: 0.2rem;
        }
        .workshop-card .card-body .ws-meta svg {
            width: 14px;
            height: 14px;
            margin-right: 4px;
            vertical-align: -2px;
            fill: none;
            stroke: #b89a8e;
            stroke-width: 2;
        }
        .workshop-card .card-body .ws-price {
            font-size: 0.95rem;
            font-weight: 700;
            color: #d4a896;
            margin-top: auto;
            padding-top: 0.5rem;
        }
        .workshop-card .card-footer {
            background: transparent;
            border-top: 1px solid #f0ebe8;
            padding: 0.75rem 1rem;
        }
        .workshop-card .card-footer .btn-workshop {
            display: block;
            width: 100%;
            background: #d4a896;
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 0.5rem;
            font-size: 0.85rem;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            transition: background 0.2s;
        }
        .workshop-card .card-footer .btn-workshop:hover {
            background: #c49484;
        }

        /* Filter */
        .filter-bar {
            background: #fff;
            border: 1px solid #e8e0dc;
            border-radius: 12px;
            padding: 1rem 1.25rem;
        }
        .filter-bar input {
            border: 1px solid #e8e0dc;
            border-radius: 8px;
            font-size: 0.9rem;
        }
        .filter-bar input:focus {
            border-color: #d4a896;
            box-shadow: 0 0 0 3px rgba(212,168,150,0.15);
        }

        /* Tabs */
        .view-tabs .nav-link {
            color: #7a7a7a;
            font-weight: 500;
            font-size: 0.9rem;
            border: none;
            padding: 0.5rem 1rem;
            border-radius: 8px;
        }
        .view-tabs .nav-link.active {
            background: #d4a896;
            color: #fff;
        }
        .view-tabs .nav-link:not(.active):hover {
            background: #f0ebe8;
        }

        /* Datum badge */
        .date-badge {
            display: inline-block;
            background: #f0ebe8;
            color: #8a6e62;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.2rem 0.6rem;
            border-radius: 6px;
        }

        /* Leaflet popup */
        .leaflet-popup-content {
            font-family: Inter, sans-serif;
            font-size: 0.85rem;
        }
        .leaflet-popup-content strong {
            color: #2c2c2c;
        }
        .leaflet-popup-content a {
            color: #d4a896;
        }

        /* Kalender */
        #workshopCalendar {
            background: #fff;
            border: 1px solid #e8e0dc;
            border-radius: 12px;
            padding: 1rem;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }
        .fc .fc-toolbar-title {
            font-size: 1.2rem !important;
            font-weight: 700;
            color: #2c2c2c;
        }
        .fc .fc-button {
            background: #d4a896 !important;
            border-color: #d4a896 !important;
            font-size: 0.8rem !important;
            font-weight: 600;
            border-radius: 6px !important;
            padding: 0.3rem 0.7rem !important;
        }
        .fc .fc-button:hover {
            background: #c49484 !important;
            border-color: #c49484 !important;
        }
        .fc .fc-button-active {
            background: #b8847a !important;
            border-color: #b8847a !important;
        }
        .fc .fc-daygrid-event {
            background: #d4a896;
            border: none;
            border-radius: 4px;
            padding: 2px 4px;
            font-size: 0.75rem;
            cursor: pointer;
        }
        .fc .fc-daygrid-event:hover {
            background: #c49484;
        }
        .fc .fc-daygrid-day.fc-day-today {
            background: rgba(212,168,150,0.08) !important;
        }
        .fc .fc-col-header-cell {
            font-size: 0.8rem;
            font-weight: 600;
            color: #7a7a7a;
        }
        .fc .fc-daygrid-day-number {
            color: #2c2c2c;
            font-size: 0.85rem;
        }
        .fc-theme-standard td, .fc-theme-standard th {
            border-color: #f0ebe8 !important;
        }
        .fc-theme-standard .fc-scrollgrid {
            border-color: #e8e0dc !important;
        }

        /* Kalender event tooltip/popup */
        .fc-event-popup {
            position: absolute;
            z-index: 1000;
            background: #fff;
            border: 1px solid #e8e0dc;
            border-radius: 10px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.12);
            padding: 0.75rem;
            min-width: 200px;
            max-width: 260px;
            font-size: 0.85rem;
        }
        .fc-event-popup img {
            width: 100%;
            height: 80px;
            object-fit: cover;
            border-radius: 6px;
            margin-bottom: 6px;
        }
        .fc-event-popup .popup-title {
            font-weight: 600;
            color: #2c2c2c;
            margin-bottom: 4px;
        }
        .fc-event-popup .popup-meta {
            font-size: 0.75rem;
            color: #7a7a7a;
            margin-bottom: 2px;
        }
        .fc-event-popup .popup-price {
            color: #d4a896;
            font-weight: 700;
            margin-top: 4px;
        }

        /* Filter verbergen als kalender tab actief is */
        #viewTabs:has(#calendar-tab.active) ~ #filterBar {
            display: none !important;
        }

        /* Responsive */
        @media (max-width: 768px) {
            #workshopMap { height: 280px; }
            #workshopCalendar { padding: 0.5rem; }
            .fc .fc-toolbar { flex-direction: column; gap: 0.5rem; }
        }
        /* Embed modus (iframe) */
        body.embed-mode { background: transparent; }
        body.embed-mode .page-header { display: none; }
        body.embed-mode .container { max-width: 100%; padding: 0 1rem; }
        body.embed-mode .container.py-4 { padding-top: 0.5rem !important; }
    </style>
</head>
<body class="embed-mode">


<div class="container py-4">

    <!-- Tabs: Kaart / Grid -->
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <ul class="nav view-tabs" id="viewTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="grid-tab" data-bs-toggle="tab" data-bs-target="#gridView" type="button" role="tab">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="vertical-align:-3px;margin-right:4px;"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
                    Overzicht
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="map-tab" data-bs-toggle="tab" data-bs-target="#mapView" type="button" role="tab">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="vertical-align:-3px;margin-right:4px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                    Kaart
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="calendar-tab" data-bs-toggle="tab" data-bs-target="#calendarView" type="button" role="tab">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="vertical-align:-3px;margin-right:4px;"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                    Kalender
                </button>
            </li>
        </ul>

        <div id="filterBar" class="filter-bar d-inline-flex align-items-center" style="max-width:300px;">
            <input type="text" class="filterInput form-control form-control-sm" placeholder="Zoek workshop of locatie...">
        </div>
    </div>

    <div class="tab-content">

        <!-- Grid View -->
        <div class="tab-pane fade show active" id="gridView" role="tabpanel">
            <div class="row g-3" id="workshopGrid">
                
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop SIP &amp; TERRAZZO"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop SIP &amp; TERRAZZO</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Mechelen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 7 juni 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 92.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-07-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="beringen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Beringen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        dinsdag 9 juni 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-beringen-be-09-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern terrazzo"
                         data-locatie="gent be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Gent, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 13 juni 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-gent-be-13-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern terrazzo en marmer gieten"
                         data-locatie="woerden nl"
                         data-stad="NL">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Terrazzo en Marmer gieten"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Terrazzo en Marmer gieten</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Woerden, NL
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 14 juni 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="lennik be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lennik, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        donderdag 18 juni 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-lennik-be-18-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern gietnamiddag"
                         data-locatie="lochristi be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN gietnamiddag"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN gietnamiddag</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lochristi, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 20 juni 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-gietnamiddag-lochristi-be-20-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern terrazzo en marmer gieten"
                         data-locatie="woerden nl"
                         data-stad="NL">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Terrazzo en Marmer gieten"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Terrazzo en Marmer gieten</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Woerden, NL
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        vrijdag 26 juni 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-26-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern gietnamiddag"
                         data-locatie="gent be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN gietnamiddag"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN gietnamiddag</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Gent, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 27 juni 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-gietnamiddag-gent-be-27-06-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="lennik be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=400&height=225&crop=center"
                                         alt="Workshop Marmer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Marmer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lennik, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        vrijdag 3 juli 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 79.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-marmer-lennik-be-03-07-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern terrazzo en marmer gieten"
                         data-locatie="woerden nl"
                         data-stad="NL">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Terrazzo en Marmer gieten"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Terrazzo en Marmer gieten</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Woerden, NL
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 18 juli 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-18-07-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=400&height=225&crop=center"
                                         alt="Workshop Marmer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Marmer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        vrijdag 24 juli 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 79.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-24-07-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 8 augustus 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-08-08-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="grobbendonk be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Grobbendonk, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        donderdag 13 augustus 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-grobbendonk-be-13-08-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="lennik be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lennik, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        woensdag 26 augustus 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-lennik-be-26-08-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop SIP &amp; TERRAZZO"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop SIP &amp; TERRAZZO</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Mechelen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 6 september 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 92.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-06-09-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern terrazzo indian summer"
                         data-locatie="gent be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Terrazzo Indian Summer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Terrazzo Indian Summer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Gent, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 12 september 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-indian-summer-gent-be-12-09-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="lennik be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=400&height=225&crop=center"
                                         alt="Workshop Marmer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Marmer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lennik, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        donderdag 17 september 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 79.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-marmer-lennik-be-17-09-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="grobbendonk be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Grobbendonk, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        woensdag 23 september 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-grobbendonk-be-23-09-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern terrazzo indian summer"
                         data-locatie="lochristi be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Terrazzo Indian Summer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Terrazzo Indian Summer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lochristi, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 26 september 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-indian-summer-lochristi-be-26-09-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=400&height=225&crop=center"
                                         alt="Workshop Marmer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Marmer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 27 september 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 79.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-27-09-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop SIP &amp; TERRAZZO"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop SIP &amp; TERRAZZO</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Mechelen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 4 oktober 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 92.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-04-10-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="herzele be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Herzele, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 10 oktober 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-herzele-be-10-10-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern marmer herfsteditie"
                         data-locatie="lochristi be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Marmer Herfsteditie"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Marmer Herfsteditie</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lochristi, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 10 oktober 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-marmer-herfsteditie-lochristi-be-10-10-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        donderdag 15 oktober 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-15-10-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=400&height=225&crop=center"
                                         alt="Workshop Marmer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Marmer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        vrijdag 23 oktober 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 79.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-23-10-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern marmer herfsteditie"
                         data-locatie="gent be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Marmer Herfsteditie"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Marmer Herfsteditie</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Gent, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 24 oktober 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-marmer-herfsteditie-gent-be-24-10-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop SIP &amp; TERRAZZO"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop SIP &amp; TERRAZZO</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Mechelen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 1 november 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 92.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-01-11-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern gieten in laagjes herfsteditie"
                         data-locatie="lochristi be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Gieten in laagjes herfsteditie"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Gieten in laagjes herfsteditie</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Lochristi, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        dinsdag 3 november 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-gieten-in-laagjes-herfsteditie-lochristi-be-03-11-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop extern gieten in laagjes herfsteditie"
                         data-locatie="gent be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=400&height=225&crop=center"
                                         alt="Workshop EXTERN Gieten in laagjes herfsteditie"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop EXTERN Gieten in laagjes herfsteditie</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Gent, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 7 november 2026
                                    </div>
                                
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-extern-gieten-in-laagjes-herfsteditie-gent-be-07-11-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        dinsdag 10 november 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-10-11-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="herzele be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop Terrazzo"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Terrazzo</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Herzele, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 28 november 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 89.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-terrazzo-herzele-be-28-11-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=400&height=225&crop=center"
                                         alt="Workshop Marmer"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop Marmer</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Antwerpen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zaterdag 12 december 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 79.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-12-12-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-6 col-md-4 col-lg-3 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be"
                         data-stad="BE">
                        <div class="workshop-card">
                            <div class="card-img-wrapper">
                                
                                    <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=400&height=225&crop=center"
                                         alt="Workshop SIP &amp; TERRAZZO"
                                         loading="lazy">
                                
                            </div>
                            <div class="card-body">
                                <div class="ws-title">Workshop SIP &amp; TERRAZZO</div>
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                                        Mechelen, BE
                                    </div>
                                
                                
                                    <div class="ws-meta">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                                        zondag 20 december 2026
                                    </div>
                                
                                
                                    <div class="ws-price">&euro; 92.00</div>
                                
                            </div>
                            <div class="card-footer">
                                <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-20-12-2026" target="_parent" class="btn-workshop">Bekijk &amp; Boek</a>
                            </div>
                        </div>
                    </div>
                
                
            </div>

            
        </div>

        <!-- Map View -->
        <div class="tab-pane fade" id="mapView" role="tabpanel">
            <div id="workshopMap" class="mb-4"></div>
            <!-- Onder de kaart ook een compacte lijst -->
            <div class="row g-3" id="workshopMapList">
                
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop SIP &amp; TERRAZZO"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop SIP &amp; TERRAZZO</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Mechelen, BE &bull; 
                                    7 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-07-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="beringen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Beringen, BE &bull; 
                                    9 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-beringen-be-09-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern terrazzo"
                         data-locatie="gent be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Gent, BE &bull; 
                                    13 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-gent-be-13-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern terrazzo en marmer gieten"
                         data-locatie="woerden nl">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Terrazzo en Marmer gieten"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Terrazzo en Marmer gieten</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Woerden, NL &bull; 
                                    14 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="lennik be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lennik, BE &bull; 
                                    18 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-lennik-be-18-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern gietnamiddag"
                         data-locatie="lochristi be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN gietnamiddag"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN gietnamiddag</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lochristi, BE &bull; 
                                    20 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-gietnamiddag-lochristi-be-20-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern terrazzo en marmer gieten"
                         data-locatie="woerden nl">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Terrazzo en Marmer gieten"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Terrazzo en Marmer gieten</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Woerden, NL &bull; 
                                    26 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-26-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern gietnamiddag"
                         data-locatie="gent be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN gietnamiddag"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN gietnamiddag</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Gent, BE &bull; 
                                    27 jun 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-gietnamiddag-gent-be-27-06-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="lennik be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=120&height=80&crop=center"
                                     alt="Workshop Marmer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Marmer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lennik, BE &bull; 
                                    3 jul 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-marmer-lennik-be-03-07-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern terrazzo en marmer gieten"
                         data-locatie="woerden nl">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Terrazzo en Marmer gieten"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Terrazzo en Marmer gieten</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Woerden, NL &bull; 
                                    18 jul 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-18-07-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=120&height=80&crop=center"
                                     alt="Workshop Marmer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Marmer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    24 jul 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-24-07-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    8 aug 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-08-08-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="grobbendonk be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Grobbendonk, BE &bull; 
                                    13 aug 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-grobbendonk-be-13-08-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="lennik be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lennik, BE &bull; 
                                    26 aug 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-lennik-be-26-08-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop SIP &amp; TERRAZZO"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop SIP &amp; TERRAZZO</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Mechelen, BE &bull; 
                                    6 sep 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-06-09-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern terrazzo indian summer"
                         data-locatie="gent be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Terrazzo Indian Summer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Terrazzo Indian Summer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Gent, BE &bull; 
                                    12 sep 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-indian-summer-gent-be-12-09-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="lennik be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=120&height=80&crop=center"
                                     alt="Workshop Marmer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Marmer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lennik, BE &bull; 
                                    17 sep 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-marmer-lennik-be-17-09-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="grobbendonk be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Grobbendonk, BE &bull; 
                                    23 sep 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-grobbendonk-be-23-09-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern terrazzo indian summer"
                         data-locatie="lochristi be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Terrazzo Indian Summer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Terrazzo Indian Summer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lochristi, BE &bull; 
                                    26 sep 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-terrazzo-indian-summer-lochristi-be-26-09-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=120&height=80&crop=center"
                                     alt="Workshop Marmer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Marmer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    27 sep 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-27-09-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop SIP &amp; TERRAZZO"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop SIP &amp; TERRAZZO</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Mechelen, BE &bull; 
                                    4 okt 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-04-10-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="herzele be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Herzele, BE &bull; 
                                    10 okt 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-herzele-be-10-10-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern marmer herfsteditie"
                         data-locatie="lochristi be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Marmer Herfsteditie"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Marmer Herfsteditie</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lochristi, BE &bull; 
                                    10 okt 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-marmer-herfsteditie-lochristi-be-10-10-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    15 okt 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-15-10-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=120&height=80&crop=center"
                                     alt="Workshop Marmer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Marmer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    23 okt 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-23-10-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern marmer herfsteditie"
                         data-locatie="gent be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Marmer Herfsteditie"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Marmer Herfsteditie</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Gent, BE &bull; 
                                    24 okt 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-marmer-herfsteditie-gent-be-24-10-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop SIP &amp; TERRAZZO"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop SIP &amp; TERRAZZO</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Mechelen, BE &bull; 
                                    1 nov 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-01-11-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern gieten in laagjes herfsteditie"
                         data-locatie="lochristi be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Gieten in laagjes herfsteditie"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Gieten in laagjes herfsteditie</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Lochristi, BE &bull; 
                                    3 nov 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-gieten-in-laagjes-herfsteditie-lochristi-be-03-11-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop extern gieten in laagjes herfsteditie"
                         data-locatie="gent be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929&width=120&height=80&crop=center"
                                     alt="Workshop EXTERN Gieten in laagjes herfsteditie"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop EXTERN Gieten in laagjes herfsteditie</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Gent, BE &bull; 
                                    7 nov 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-extern-gieten-in-laagjes-herfsteditie-gent-be-07-11-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    10 nov 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-10-11-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop terrazzo"
                         data-locatie="herzele be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop Terrazzo"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Terrazzo</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Herzele, BE &bull; 
                                    28 nov 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-terrazzo-herzele-be-28-11-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop marmer"
                         data-locatie="antwerpen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246&width=120&height=80&crop=center"
                                     alt="Workshop Marmer"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop Marmer</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Antwerpen, BE &bull; 
                                    12 dec 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-marmer-antwerpen-be-12-12-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                    <div class="col-12 col-md-6 workshop-grid-item"
                         data-title="workshop sip &amp; terrazzo"
                         data-locatie="mechelen be">
                        <div class="d-flex align-items-center p-2 bg-white rounded-3" style="border:1px solid #e8e0dc;">
                            
                                <img src="https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257&width=120&height=80&crop=center"
                                     alt="Workshop SIP &amp; TERRAZZO"
                                     style="width:80px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;" loading="lazy">
                            
                            <div class="ms-3 flex-grow-1" style="min-width:0;">
                                <div style="font-weight:600;font-size:0.85rem;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Workshop SIP &amp; TERRAZZO</div>
                                <div style="font-size:0.75rem;color:#7a7a7a;">
                                    Mechelen, BE &bull; 
                                    20 dec 2026
                                </div>
                            </div>
                            <a href="https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-20-12-2026" target="_parent" class="btn-workshop ms-2" style="width:auto;flex-shrink:0;padding:0.4rem 0.8rem;font-size:0.75rem;">Boek</a>
                        </div>
                    </div>
                
                
            </div>
        </div>

        <!-- Calendar View -->
        <div class="tab-pane fade" id="calendarView" role="tabpanel">
            <div id="workshopCalendar"></div>
        </div>

    </div>
</div>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<!-- Leaflet JS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

<!-- FullCalendar JS -->
<script src="/js/fullcalendar2/core/main.min.js"></script>
<script src="/js/fullcalendar2/core/locales/nl.js"></script>
<script src="/js/fullcalendar2/daygrid/main.min.js"></script>
<script src="/js/fullcalendar2/list/main.min.js"></script>

<script>
// Workshop data voor kaart en kalender
var workshopLocations = [];


    workshopLocations.push({
        naam: "Workshop SIP & TERRAZZO",
        locatie: "Mechelen",
        stad: "BE",
        locatieLang: "Huidevettersstraat 7, 2800 Mechelen (België)",
        land: "Belgium",
        datum: "zondag 7 juni 2026",
        datumISO: "2026-06-07",
        url: "https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-07-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "92.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Beringen",
        stad: "BE",
        locatieLang: "Lutgartsite – Stadswal 14 , 3580 Beringen (België)",
        land: "Belgium",
        datum: "dinsdag 9 juni 2026",
        datumISO: "2026-06-09",
        url: "https://houseraccoon.com/products/workshop-terrazzo-beringen-be-09-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Terrazzo",
        locatie: "Gent",
        stad: "BE",
        locatieLang: "Oudenaardsesteenweg 52, 9000 Gent (België)",
        land: "Belgium",
        datum: "zaterdag 13 juni 2026",
        datumISO: "2026-06-13",
        url: "https://houseraccoon.com/products/workshop-extern-terrazzo-gent-be-13-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Terrazzo en Marmer gieten",
        locatie: "Woerden",
        stad: "NL",
        locatieLang: "Kasteel 4, 3441 BZ Woerden (Nederland)",
        land: "Nederland",
        datum: "zondag 14 juni 2026",
        datumISO: "2026-06-14",
        url: "https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Lennik",
        stad: "BE",
        locatieLang: "Assesteenweg 228/a, 1750 Lennik (Belgë)",
        land: "Belgium",
        datum: "donderdag 18 juni 2026",
        datumISO: "2026-06-18",
        url: "https://houseraccoon.com/products/workshop-terrazzo-lennik-be-18-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN gietnamiddag",
        locatie: "Lochristi",
        stad: "BE",
        locatieLang: "Kasseitje 98, 9080 Lochristi (België)",
        land: "Belgium",
        datum: "zaterdag 20 juni 2026",
        datumISO: "2026-06-20",
        url: "https://houseraccoon.com/products/workshop-extern-gietnamiddag-lochristi-be-20-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Terrazzo en Marmer gieten",
        locatie: "Woerden",
        stad: "NL",
        locatieLang: "Kasteel 4, 3441 BZ Woerden (Nederland)",
        land: "Nederland",
        datum: "vrijdag 26 juni 2026",
        datumISO: "2026-06-26",
        url: "https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-26-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN gietnamiddag",
        locatie: "Gent",
        stad: "BE",
        locatieLang: "Oudenaardsesteenweg 52, 9000 Gent (België)",
        land: "Belgium",
        datum: "zaterdag 27 juni 2026",
        datumISO: "2026-06-27",
        url: "https://houseraccoon.com/products/workshop-extern-gietnamiddag-gent-be-27-06-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Marmer",
        locatie: "Lennik",
        stad: "BE",
        locatieLang: "Assesteenweg 228/a, 1750 Lennik (Belgïe)",
        land: "België",
        datum: "vrijdag 3 juli 2026",
        datumISO: "2026-07-03",
        url: "https://houseraccoon.com/products/workshop-marmer-lennik-be-03-07-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246",
        price: "79.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Terrazzo en Marmer gieten",
        locatie: "Woerden",
        stad: "NL",
        locatieLang: "Kasteel 4, 3441 BZ Woerden (Nederland)",
        land: "Nederland",
        datum: "zaterdag 18 juli 2026",
        datumISO: "2026-07-18",
        url: "https://houseraccoon.com/products/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-18-07-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-en-marmer-gieten-woerden-nl-14062026-workshops-house-raccoon-435016.jpg?v=1779118837",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Marmer",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "België",
        datum: "vrijdag 24 juli 2026",
        datumISO: "2026-07-24",
        url: "https://houseraccoon.com/products/workshop-marmer-antwerpen-be-24-07-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246",
        price: "79.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "Belgium",
        datum: "zaterdag 8 augustus 2026",
        datumISO: "2026-08-08",
        url: "https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-08-08-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Grobbendonk",
        stad: "BE",
        locatieLang: "Astridplein 36 A, 2280 Grobbendonk (België)",
        land: "Belgium",
        datum: "donderdag 13 augustus 2026",
        datumISO: "2026-08-13",
        url: "https://houseraccoon.com/products/workshop-terrazzo-grobbendonk-be-13-08-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Lennik",
        stad: "BE",
        locatieLang: "Assesteenweg 228/a, 1750 Lennik (Belgë)",
        land: "Belgium",
        datum: "woensdag 26 augustus 2026",
        datumISO: "2026-08-26",
        url: "https://houseraccoon.com/products/workshop-terrazzo-lennik-be-26-08-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop SIP & TERRAZZO",
        locatie: "Mechelen",
        stad: "BE",
        locatieLang: "Huidevettersstraat 7, 2800 Mechelen (België)",
        land: "Belgium",
        datum: "zondag 6 september 2026",
        datumISO: "2026-09-06",
        url: "https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-06-09-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "92.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Terrazzo Indian Summer",
        locatie: "Gent",
        stad: "BE",
        locatieLang: "Oudenaardsesteenweg 52, 9000 Gent (België)",
        land: "Belgium",
        datum: "zaterdag 12 september 2026",
        datumISO: "2026-09-12",
        url: "https://houseraccoon.com/products/workshop-extern-terrazzo-indian-summer-gent-be-12-09-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Marmer",
        locatie: "Lennik",
        stad: "BE",
        locatieLang: "Assesteenweg 228/a, 1750 Lennik (Belgïe)",
        land: "België",
        datum: "donderdag 17 september 2026",
        datumISO: "2026-09-17",
        url: "https://houseraccoon.com/products/workshop-marmer-lennik-be-17-09-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246",
        price: "79.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Grobbendonk",
        stad: "BE",
        locatieLang: "Astridplein 36 A, 2280 Grobbendonk (België)",
        land: "Belgium",
        datum: "woensdag 23 september 2026",
        datumISO: "2026-09-23",
        url: "https://houseraccoon.com/products/workshop-terrazzo-grobbendonk-be-23-09-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Terrazzo Indian Summer",
        locatie: "Lochristi",
        stad: "BE",
        locatieLang: "Kasseitje 98, 9080 Lochristi (België)",
        land: "Belgium",
        datum: "zaterdag 26 september 2026",
        datumISO: "2026-09-26",
        url: "https://houseraccoon.com/products/workshop-extern-terrazzo-indian-summer-lochristi-be-26-09-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Marmer",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "België",
        datum: "zondag 27 september 2026",
        datumISO: "2026-09-27",
        url: "https://houseraccoon.com/products/workshop-marmer-antwerpen-be-27-09-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246",
        price: "79.00"
    });
    

    workshopLocations.push({
        naam: "Workshop SIP & TERRAZZO",
        locatie: "Mechelen",
        stad: "BE",
        locatieLang: "Huidevettersstraat 7, 2800 Mechelen (België)",
        land: "Belgium",
        datum: "zondag 4 oktober 2026",
        datumISO: "2026-10-04",
        url: "https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-04-10-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "92.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Herzele",
        stad: "BE",
        locatieLang: "Hoogstraat 179E, 9550 Herzele (België)",
        land: "Belgium",
        datum: "zaterdag 10 oktober 2026",
        datumISO: "2026-10-10",
        url: "https://houseraccoon.com/products/workshop-terrazzo-herzele-be-10-10-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Marmer Herfsteditie",
        locatie: "Lochristi",
        stad: "BE",
        locatieLang: "Kasseitje 98, 9080 Lochristi (België)",
        land: "Belgium",
        datum: "zaterdag 10 oktober 2026",
        datumISO: "2026-10-10",
        url: "https://houseraccoon.com/products/workshop-extern-marmer-herfsteditie-lochristi-be-10-10-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "Belgium",
        datum: "donderdag 15 oktober 2026",
        datumISO: "2026-10-15",
        url: "https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-15-10-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Marmer",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "België",
        datum: "vrijdag 23 oktober 2026",
        datumISO: "2026-10-23",
        url: "https://houseraccoon.com/products/workshop-marmer-antwerpen-be-23-10-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246",
        price: "79.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Marmer Herfsteditie",
        locatie: "Gent",
        stad: "BE",
        locatieLang: "Oudenaardsesteenweg 52, 9000 Gent (België)",
        land: "Belgium",
        datum: "zaterdag 24 oktober 2026",
        datumISO: "2026-10-24",
        url: "https://houseraccoon.com/products/workshop-extern-marmer-herfsteditie-gent-be-24-10-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop SIP & TERRAZZO",
        locatie: "Mechelen",
        stad: "BE",
        locatieLang: "Huidevettersstraat 7, 2800 Mechelen (België)",
        land: "Belgium",
        datum: "zondag 1 november 2026",
        datumISO: "2026-11-01",
        url: "https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-01-11-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "92.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Gieten in laagjes herfsteditie",
        locatie: "Lochristi",
        stad: "BE",
        locatieLang: "Kasseitje 98, 9080 Lochristi (België)",
        land: "Belgium",
        datum: "dinsdag 3 november 2026",
        datumISO: "2026-11-03",
        url: "https://houseraccoon.com/products/workshop-extern-gieten-in-laagjes-herfsteditie-lochristi-be-03-11-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop EXTERN Gieten in laagjes herfsteditie",
        locatie: "Gent",
        stad: "BE",
        locatieLang: "Oudenaardsesteenweg 52, 9000 Gent (België)",
        land: "Belgium",
        datum: "zaterdag 7 november 2026",
        datumISO: "2026-11-07",
        url: "https://houseraccoon.com/products/workshop-extern-gieten-in-laagjes-herfsteditie-gent-be-07-11-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-extern-terrazzo-gent-be-07022026-workshops-house-raccoon-967545.png?v=1769081929",
        price: "0.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "Belgium",
        datum: "dinsdag 10 november 2026",
        datumISO: "2026-11-10",
        url: "https://houseraccoon.com/products/workshop-terrazzo-antwerpen-be-10-11-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Terrazzo",
        locatie: "Herzele",
        stad: "BE",
        locatieLang: "Hoogstraat 179E, 9550 Herzele (België)",
        land: "Belgium",
        datum: "zaterdag 28 november 2026",
        datumISO: "2026-11-28",
        url: "https://houseraccoon.com/products/workshop-terrazzo-herzele-be-28-11-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "89.00"
    });
    

    workshopLocations.push({
        naam: "Workshop Marmer",
        locatie: "Antwerpen",
        stad: "BE",
        locatieLang: "Montevideostraat 6C, 2000 Antwerpen (België)",
        land: "België",
        datum: "zaterdag 12 december 2026",
        datumISO: "2026-12-12",
        url: "https://houseraccoon.com/products/workshop-marmer-antwerpen-be-12-12-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-marmer-technieken-boutersem-be-05012025-workshops-house-raccoon-562997.jpg?v=1739536246",
        price: "79.00"
    });
    

    workshopLocations.push({
        naam: "Workshop SIP & TERRAZZO",
        locatie: "Mechelen",
        stad: "BE",
        locatieLang: "Huidevettersstraat 7, 2800 Mechelen (België)",
        land: "Belgium",
        datum: "zondag 20 december 2026",
        datumISO: "2026-12-20",
        url: "https://houseraccoon.com/products/workshop-sip-terrazzo-mechelen-be-20-12-2026",
        image: "https://cdn.shopify.com/s/files/1/0693/8014/5449/files/workshop-terrazzo-vrije-vorm-antwerpen-be-12072024-workshops-house-raccoon-715141.jpg?v=1756712257",
        price: "92.00"
    });
    

// Kaart initialiseren
var map = null;
var mapInitialized = false;

// Wanneer kaart tab actief wordt
document.getElementById('map-tab').addEventListener('shown.bs.tab', function() {
    if (!mapInitialized) {
        initMap();
        mapInitialized = true;
    } else {
        map.invalidateSize();
    }
});

function initMap() {
    // Centreer op Belgie/Nederland
    map = L.map('workshopMap').setView([51.2, 4.5], 7);

    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; OpenStreetMap contributors',
        maxZoom: 18
    }).addTo(map);

    // Custom marker icoon in House Raccoon stijl
    var hrIcon = L.divIcon({
        className: 'custom-marker',
        html: '<div style="background:#d4a896;width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;">' +
              '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="white" stroke="none"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/></svg></div>',
        iconSize: [28, 28],
        iconAnchor: [14, 14],
        popupAnchor: [0, -16]
    });

    // Groepeer workshops per locatie+stad voor nauwkeurigere geocoding
    var locaties = {};
    workshopLocations.forEach(function(ws) {
        var key = (ws.locatie + ', ' + ws.stad).toLowerCase().trim();
        if (!locaties[key]) {
            locaties[key] = { locatie: ws.locatie, stad: ws.stad, locatieLang: ws.locatieLang, land: ws.land, workshops: [] };
        }
        // Gebruik de meest specifieke locatieLang/land die beschikbaar is
        if (!locaties[key].locatieLang && ws.locatieLang) locaties[key].locatieLang = ws.locatieLang;
        if (!locaties[key].land && ws.land) locaties[key].land = ws.land;
        locaties[key].workshops.push(ws);
    });

    // Geocodeer elke locatie via Nominatim (met vertraging om rate limits te respecteren)
    var locatieKeys = Object.keys(locaties);
    var delay = 0;
    var allMarkerCoords = [];

    locatieKeys.forEach(function(key) {
        var locData = locaties[key];
        setTimeout(function() {
            geocodeLocatie(locData.locatie, locData.stad, locData.locatieLang, locData.land, locData.workshops, hrIcon, allMarkerCoords, locatieKeys.length);
        }, delay);
        delay += 1100; // Nominatim: max 1 request per seconde
    });
}

var geocodedCount = 0;

function geocodeLocatie(locatie, stad, locatieLang, land, workshops, icon, allMarkerCoords, totalLocaties) {
    // Bepaal land en countrycode
    var landMap = {
        'nederland': 'nl', 'belgium': 'be', 'belgie': 'be', 'belgië': 'be',
        'france': 'fr', 'frankrijk': 'fr', 'germany': 'de', 'duitsland': 'de',
        'luxembourg': 'lu', 'luxemburg': 'lu',
        'nl': 'nl', 'be': 'be', 'fr': 'fr', 'de': 'de', 'lu': 'lu'
    };
    var countryCode = 'be'; // default België
    if (land && land.trim()) {
        countryCode = landMap[land.toLowerCase().trim()] || 'be';
    } else {
        // Fallback: detecteer op basis van stad-veld
        var stadLower = stad.toLowerCase().trim();
        if (landMap[stadLower]) countryCode = landMap[stadLower];
    }

    // Bouw een lijst van geocoding pogingen (van specifiek naar algemeen)
    // Nominatim werkt het best met: straat + nummer + stad (zonder venuenaam)
    var landNamen = ['belgi[eë]', 'belgium', 'nederland', 'netherlands', 'france', 'frankrijk', 'germany', 'duitsland', 'luxembourg', 'luxemburg'];
    var landRegex = new RegExp('[,\\s]*\\(?(' + landNamen.join('|') + ')\\)?\\s*$', 'i');

    var queries = [];
    if (locatieLang && locatieLang.trim()) {
        var adres = locatieLang.trim().replace(landRegex, '');
        // Probeer straat+stad te extraheren (verwijder eerste deel voor de komma = venuenaam)
        var delen = adres.split(',').map(function(d) { return d.trim(); });
        if (delen.length >= 2) {
            // Zonder venuenaam (bijv. "Jaarbeursplein 6, 3521 AL Utrecht")
            queries.push(delen.slice(1).join(', '));
        }
        // Volledig adres
        queries.push(adres);
    }
    // Locatienaam + stad als zoekterm
    var zoekStad = (stad.length <= 2 && landMap[stad.toLowerCase()]) ? '' : stad;
    if (zoekStad) {
        queries.push(locatie + ', ' + zoekStad);
    }
    queries.push(locatie);

    // Probeer queries achter elkaar tot er een resultaat is
    function tryQuery(idx) {
        if (idx >= queries.length) {
            console.warn('Geocoding mislukt voor alle queries:', locatie, stad);
            geocodedCount++;
            if (geocodedCount >= totalLocaties && allMarkerCoords.length > 0) {
                map.fitBounds(L.latLngBounds(allMarkerCoords), { padding: [30, 30] });
            }
            return;
        }
        fetch('https://nominatim.openstreetmap.org/search?format=json&q=' + encodeURIComponent(queries[idx]) + '&limit=1&countrycodes=' + countryCode)
            .then(function(res) { return res.json(); })
            .then(function(data) {
                if (data && data.length > 0) {
                    placeMarkers(data, workshops, icon, allMarkerCoords, totalLocaties);
                } else {
                    tryQuery(idx + 1);
                }
            })
            .catch(function() { tryQuery(idx + 1); });
    }
    tryQuery(0);
}

function placeMarkers(data, workshops, icon, allMarkerCoords, totalLocaties) {
    var lat = parseFloat(data[0].lat);
    var lon = parseFloat(data[0].lon);

    workshops.forEach(function(ws, idx) {
        var offsetLat = lat;
        var offsetLon = lon;
        if (workshops.length > 1) {
            var angle = (2 * Math.PI * idx) / workshops.length;
            var radius = 0.008;
            offsetLat = lat + radius * Math.cos(angle);
            offsetLon = lon + radius * Math.sin(angle);
        }

        allMarkerCoords.push([offsetLat, offsetLon]);

        var imgHtml = ws.image ? '<img src="' + ws.image + '&width=200&height=120&crop=center" style="width:100%;height:80px;object-fit:cover;border-radius:6px;margin-bottom:6px;">' : '';
        var priceHtml = ws.price ? '<div style="color:#d4a896;font-weight:700;">&euro; ' + parseFloat(ws.price).toFixed(2) + '</div>' : '';

        var popup = '<div style="min-width:180px;max-width:220px;">' +
            imgHtml +
            '<strong>' + ws.naam + '</strong><br>' +
            '<span style="color:#7a7a7a;font-size:0.8rem;">' + ws.locatie + ', ' + ws.stad + '</span><br>' +
            '<span style="color:#7a7a7a;font-size:0.8rem;">' + ws.datum + '</span><br>' +
            priceHtml +
            '<a href="' + ws.url + '" target="_parent" style="display:inline-block;margin-top:6px;background:#d4a896;color:#fff;padding:4px 12px;border-radius:6px;text-decoration:none;font-size:0.8rem;font-weight:600;">Boek nu</a>' +
            '</div>';

        L.marker([offsetLat, offsetLon], { icon: icon })
            .addTo(map)
            .bindPopup(popup);
    });

    geocodedCount++;
    if (geocodedCount >= totalLocaties && allMarkerCoords.length > 0) {
        map.fitBounds(L.latLngBounds(allMarkerCoords), { padding: [30, 30] });
    }
}

// Filter functionaliteit (beide filter inputs syncen)
document.querySelectorAll('.filterInput').forEach(function(input) {
    input.addEventListener('input', function() {
        var query = this.value.toLowerCase().trim();
        // Sync alle filter inputs
        document.querySelectorAll('.filterInput').forEach(function(other) {
            if (other !== input) other.value = input.value;
        });
        document.querySelectorAll('.workshop-grid-item').forEach(function(item) {
            var title = (item.dataset.title || '');
            var locatie = (item.dataset.locatie || '');
            if (title.indexOf(query) > -1 || locatie.indexOf(query) > -1) {
                item.style.display = '';
            } else {
                item.style.display = 'none';
            }
        });
    });
});

// === Kalender ===
var calendar = null;
var calendarInitialized = false;
var activePopup = null;


document.getElementById('calendar-tab').addEventListener('shown.bs.tab', function() {
    if (!calendarInitialized) {
        initCalendar();
        calendarInitialized = true;
    } else {
        calendar.updateSize();
    }
});

function initCalendar() {
    var calendarEl = document.getElementById('workshopCalendar');

    // Bouw events op uit workshopLocations
    var events = workshopLocations.map(function(ws) {
        return {
            title: ws.naam,
            start: ws.datumISO,
            url: ws.url,
            extendedProps: {
                locatie: ws.locatie,
                stad: ws.stad,
                image: ws.image,
                price: ws.price,
                datum: ws.datum
            }
        };
    });

    calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [FullCalendarDayGrid.default, FullCalendarList.default],
        defaultView: 'dayGridMonth',
        locale: 'nl',
        firstDay: 1,
        height: 'auto',
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,listMonth'
        },
        buttonText: {
            today: 'Vandaag',
            month: 'Maand',
            list: 'Lijst'
        },
        events: events,
        eventClick: function(info) {
            info.jsEvent.preventDefault();
            removePopup();

            var ws = info.event.extendedProps;
            var rect = info.el.getBoundingClientRect();
            var popup = document.createElement('div');
            popup.className = 'fc-event-popup';

            var imgHtml = ws.image ? '<img src="' + ws.image + '&width=260&height=120&crop=center">' : '';
            var priceHtml = ws.price ? '<div class="popup-price">&euro; ' + parseFloat(ws.price).toFixed(2) + '</div>' : '';

            popup.innerHTML = imgHtml +
                '<div class="popup-title">' + info.event.title + '</div>' +
                '<div class="popup-meta">' + ws.locatie + (ws.stad ? ', ' + ws.stad : '') + '</div>' +
                '<div class="popup-meta">' + ws.datum + '</div>' +
                priceHtml +
                '<a href="' + info.event.url + '" target="_parent" style="display:inline-block;margin-top:6px;background:#d4a896;color:#fff;padding:4px 12px;border-radius:6px;text-decoration:none;font-size:0.8rem;font-weight:600;">Boek nu</a>';

            document.body.appendChild(popup);
            activePopup = popup;

            // Positioneer popup
            var popupRect = popup.getBoundingClientRect();
            var top = rect.bottom + window.scrollY + 6;
            var left = rect.left + window.scrollX;

            // Zorg dat popup niet buiten scherm valt
            if (left + popupRect.width > window.innerWidth - 16) {
                left = window.innerWidth - popupRect.width - 16;
            }
            if (left < 16) left = 16;

            popup.style.top = top + 'px';
            popup.style.left = left + 'px';
        },
        eventMouseLeave: function() {
            // Verwijder popup na korte delay (zodat je erop kunt klikken)
            setTimeout(function() {
                if (activePopup && !activePopup.matches(':hover')) {
                    removePopup();
                }
            }, 300);
        }
    });

    calendar.render();
    // Force resize na tab transitie
    setTimeout(function() { calendar.updateSize(); }, 300);

    // Sluit popup bij klik buiten
    document.addEventListener('click', function(e) {
        if (activePopup && !activePopup.contains(e.target) && !e.target.closest('.fc-event')) {
            removePopup();
        }
    });
}

function removePopup() {
    if (activePopup) {
        activePopup.remove();
        activePopup = null;
    }
}

// Embed: stuur hoogte naar parent voor auto-resize iframe
if (window !== window.parent) {
    function sendHeight() {
        var height = document.body.scrollHeight;
        window.parent.postMessage({ type: 'workshopResize', height: height }, '*');
    }
    sendHeight();
    new MutationObserver(sendHeight).observe(document.body, { childList: true, subtree: true, attributes: true });
    window.addEventListener('resize', sendHeight);
}
</script>

</body>
</html>