PageSourceSearch

https://www.rum.nl/en/about-us/eascheer

html rum.nl collected 2026-10-02 18:57:03 UTC 145,935 bytes, 3,185 lines download raw bytes

1<!doctype html><html lang="en"><head>
2    <meta name="viewport" content="viewport-fit=cover">
3    <meta charset="utf-8">
4    
5    <title>About E&amp;A Scheer | Premium Bulk Rum Supplier </title>
6     
7    <link rel="shortcut icon" href="https://www.rum.nl/hubfs/Logo.svg">
8    
9    <meta name="description" content="E&amp;A is a leader in wholesale Rum. We create Rum blends for business clients worldwide, ensuring consistent quality and supply.">
10         <meta name="viewport" content="width=device-width, initial-scale=1">
11
12    
13    <meta property="og:description" content="E&amp;A is a leader in wholesale Rum. We create Rum blends for business clients worldwide, ensuring consistent quality and supply.">
14    <meta property="og:title" content="About E&amp;A Scheer | Premium Bulk Rum Supplier ">
15    <meta name="twitter:description" content="E&amp;A is a leader in wholesale Rum. We create Rum blends for business clients worldwide, ensuring consistent quality and supply.">
16    <meta name="twitter:title" content="About E&amp;A Scheer | Premium Bulk Rum Supplier ">
17
18    
19
20    
21    <style>
22a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
23</style>
24
25<link rel="stylesheet" href="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53107158984/1789027500798/template_main.min.css">
26<link rel="stylesheet" href="">
27
28  <style>
29    /* Menu desktop - start */
30      #widget_1677004852007__menu-desktop {
31        font-weight: bold;
32      }
33      #widget_1677004852007__menu-desktop ul {
34        display: flex;
35        justify-content: space-between;
36        align-items: center;
37      }
38      #widget_1677004852007__menu-desktop ul li {
39        transition: all 0.2s ease-in-out;
40        flex: 1;
41        display: flex;
42        justify-content: center;
43      }
44      #widget_1677004852007__menu-desktop ul span {
45        flex: 1;
46        display: flex;
47        justify-content: center;
48      }
49      #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul {
50        display: none;
51        top: 24px;
52        left: -16px;
53        row-gap: 18px;
54        background-color: white;
55        padding: 52px 64px 46px 64px;
56        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02);
57        border-radius: 0px 0px 12px 12px
58      }
59      @media screen and (min-width: 1408px) {
60        #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul {
61          left: 2px;
62        }
63      }
64      @media screen and (min-width: 1584px) {
65        #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul {
66          left: 14px;
67        }
68      }
69      #widget_1677004852007__menu-desktop ul li.hs-item-has-children:hover > ul,
70      #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul:hover {
71        display: flex;
72      }
73      /* #widget_1677004852007__menu-desktop ul li.hs-item-has-children ul > span {
74        display: none;
75      } */
76      #widget_1677004852007__menu-desktop ul li.hs-menu-depth-1:hover {
77        color: var(--bobby-brown);
78      }
79      #widget_1677004852007__menu-desktop ul li.hs-menu-depth-2 {
80        color: black;
81      }
82      #widget_1677004852007__menu-desktop ul li.hs-menu-depth-2:hover {
83        color: var(--bobby-brown);
84      }
85    /* Menu desktop - end */
86
87    /* Menu mobile - start */
88      #widget_1677004852007 #menu-mobile ul {
89        display: flex;
90        flex-direction: column;
91        align-items: start;
92        row-gap: 24px;
93      }
94      #widget_1677004852007 #menu-mobile ul li.hs-menu-depth-1 {
95        display: flex;
96        justify-content: space-between;
97        font-size: 32px;
98        line-height: 40px;
99        font-weight: bold;
100        user-select: none;
101        width: 100%;
102        cursor: pointer;
103      }
104      
105      /* Menu mobile dropdown - start */
106        #widget_1677004852007 #menu-mobile ul li.hs-item-has-children ul {
107          display: none !important;
108        }
109        #widget_1677004852007 #menu-mobile li.hs-menu-depth-2 {
110          font-weight: 700;
111          font-size: 24px;
112          line-height: 32px;
113          letter-spacing: -1px;
114          color: var(--barrel-brown);
115          width: fit-content;
116          margin-bottom: 24px;
117          transition: all 0.2s ease-in-out;
118        }
119        #widget_1677004852007 #menu-mobile li.hs-menu-depth-2:hover {
120          color: var(--bobby-brown);
121        }
122      /* Menu mobile dropdown - end */
123    /* Menu mobile - end */
124  </style>
125
126
127  <style>
128    #widget_1677004603606 .custom-gradient {
129      background: rgb(39,21,0);
130      background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%);
131    }
132
133    /* Section 2 and 3 - start */
134      /* Three images - start */
135        @media screen and (max-height: 800px) {
136          .widget_1677004603606__three-images {
137            transform: scale(0.8);
138          }
139        }
140
141        /* Mobile images left - start */
142          @media screen and (max-width: 549px) {
143            section:not(widget_1677004603606-1) .widget_1677004603606__mobile-images__left {
144              width: 50%;
145            }
146          }
147        /* Mobile images left - end */
148
149        /* Mobile images right - start */
150          @media screen and (max-width: 1199px) {
151            .widget_1677004603606__mobile-images__right {
152              transform: translateY(0);
153              width: 50%;
154              margin-left: 16px;
155            }
156          }
157        /* Mobile images right - end */
158      /* Three images - end */
159    /* Section 2 and 3 - end */
160
161    /* Slicker slider - start */
162      /* Slick list - start */
163        /* Slick track - start */
164          #widget_1677004603606 .slick-track {
165            display: flex;
166            align-items: center;
167            height: 100%;
168          }
169
170          /* Slick slide - start */
171            #widget_1677004603606 .slick-slide {
172              height: 100vh;
173              min-height: 100vh;
174            }
175          /* Slick slide - end */
176
177          /* Slick dots - start */
178            #widget_1677004603606 .slick-dots {
179              display: flex;
180              justify-content: center;
181              column-gap: 16px;
182
183              position: absolute;
184              bottom: 30px;
185
186              width: 100%;
187            }
188
189            #widget_1677004603606 .slick-dots button {
190              color: transparent;
191              transition: all 0.2s ease-in-out;
192              background-color: lightgray;
193              border-radius: 100px;
194              width: 20px;
195              height: 20px;
196            }
197            #widget_1677004603606 .slick-dots button:hover {
198              filter: brightness(0.9);
199            }
200
201            #widget_1677004603606 .slick-dots button[aria-selected="true"] {
202              /* background-color: var(--light-green); */
203              /* background-color: var(--light-green); */
204              background-color: var(--bobby-brown);
205            }
206          /* Slick dots - end */
207
208          /* Arrows - start */
209            #widget_1677004603606 .slick-arrow {
210              position: absolute;
211              top: 50%;
212              transform: translateY(-50%);
213              z-index: 1;
214              background-color: var(--bobby-brown);
215              border-radius: 100px;
216              padding: 10px;
217              cursor: pointer;
218              transition: all 0.2s ease-in-out;
219            }
220            #widget_1677004603606 .slick-arrow:hover {
221              filter: brightness(0.9);
222            }
223            @media screen and (min-width: 768px) {
224              #widget_1677004603606 .slick-arrow {
225                padding: 16px;
226              }
227            }
228            @media screen and (min-width: 1200px) {
229              #widget_1677004603606 .slick-arrow {
230                padding: 24px;
231              }
232            }
233
234            /* Previous arrow - start */
235              #widget_1677004603606 .slick-arrow.slick-prev {
236                left: 50px;
237              }
238
239              #widget_1677004603606 .slick-arrow.slick-prev svg {
240                transform: scale(1);
241              }
242              @media screen and (min-width: 768px) {
243                #widget_1677004603606 .slick-arrow.slick-prev svg {
244                  transform: scale(1.3);
245                }
246              }
247              @media screen and (min-width: 1200px) {
248                #widget_1677004603606 .slick-arrow.slick-prev svg {
249                  transform: scale(1.8);
250                }
251              }
252            /* Previous arrow - end */
253
254            /* Next arrow - start */
255              #widget_1677004603606 .slick-arrow.slick-next {
256                right: 50px;
257              }
258              @media screen and (min-width: 1200px) {
259                #widget_1677004603606 .slick-arrow.slick-next {
260                }
261              }
262
263              #widget_1677004603606 .slick-arrow.slick-next svg {
264                transform: scale(1) rotate(180deg);
265              }
266              @media screen and (min-width: 768px) {
267                #widget_1677004603606 .slick-arrow.slick-next svg {
268                  transform: scale(1.3) rotate(180deg);
269                }
270              }
271              @media screen and (min-width: 1200px) {
272                #widget_1677004603606 .slick-arrow.slick-next svg {
273                  transform: scale(1.8) rotate(180deg);
274                }
275              }
276            /* Next arrow - end */
277          /* Arrows - end */
278        /* Slick track - end */
279      /* Slick list - end */
280    /* Slicker slider - end */
281  </style>
282
283
284<style>
285  #module_17545605125533 .custom-gradient {
286    background: rgb(39,21,0);
287    background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%);
288  }
289
290  #module_17545605125533-1 .hs-video-container{
291    display: flex;
292    align-items: center;
293  }
294
295  #module_17545605125533-1 .hs-video-wrapper{
296    padding-bottom: 0 !important;
297  }
298
299  .module_17545605125533__popup-button:after {
300    content:"";
301    display:block;
302    width: 100%;
303    height: 100%;
304    border-radius: 50%;
305    border: 3px solid var(--light-green);
306    position:absolute;
307    animation: pulse 2s ease 0s infinite;
308    z-index: 100;
309  }
310
311  @keyframes pulse {
312    0% {
313        opacity: 1;
314        transform: scale(1);
315    }
316    80% {
317        opacity: 0;
318        transform: scale(1.3);
319    }
320    100% {
321        opacity: 0;
322        transform: scale(1.6);
323    }
324  }
325</style>
326
327
328<style>
329  #widget_1744889729903 .custom-gradient {
330    background: rgb(39,21,0);
331    background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%);
332  }
333
334  #widget_1744889729903-1 .hs-video-container{
335    display: flex;
336    align-items: center;
337  }
338
339  #widget_1744889729903-1 .hs-video-wrapper{
340    padding-bottom: 0 !important;
341  }
342
343  .widget_1744889729903__popup-button:after {
344    content:"";
345    display:block;
346    width: 100%;
347    height: 100%;
348    border-radius: 50%;
349    border: 3px solid var(--light-green);
350    position:absolute;
351    animation: pulse 2s ease 0s infinite;
352    z-index: 100;
353  }
354
355  @keyframes pulse {
356    0% {
357        opacity: 1;
358        transform: scale(1);
359    }
360    80% {
361        opacity: 0;
362        transform: scale(1.3);
363    }
364    100% {
365        opacity: 0;
366        transform: scale(1.6);
367    }
368  }
369</style>
370
371
372	<style>
373		#Homepage_default-module-8__main-links ul {
374			flex-direction: column;
375			row-gap: 12px;
376			color: var(--bear-brown);
377			font-size: 16px;
378			line-height: 24px;
379			font-weight: bold;
380		}
381		@media screen and (min-width: 768px) {
382			#Homepage_default-module-8__main-links ul {
383				row-gap: 24px;
384			}
385		}
386
387		.extra-padding-bottom {
388			padding-bottom: 120px;
389		}
390		@media screen and (min-width: 1200px) {
391			.extra-padding-bottom {
392				padding-bottom: 140px;
393			}
394		}
395	</style>
396
397    
398
399    
400    <link rel="canonical" href="https://www.rum.nl/en/about-us/eascheer">
401
402
403<meta property="og:url" content="https://www.rum.nl/en/about-us/eascheer">
404<meta name="twitter:card" content="summary">
405<meta http-equiv="content-language" content="en">
406
407
408
409
410
411
412
413    <!-- ? Font La Belle Aurore -->
414    <link rel="preconnect" href="https://fonts.googleapis.com">
415    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
416    <link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&amp;display=swap" rel="stylesheet">
417
418    <!-- ? GSAP -->
419    
419<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
419
420
421    <!-- ? GSAP ScrollTrigger -->
422    
422<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
422
423
424    <!-- ? Custom GSAP functions -->
425    
425<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53696830676/1789027507044/template_custom-gsap.min.js"></script>
425
426
427    <!-- ? jQuery -->
428    
428<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
428
429
430    <!-- ? Slick slider -->
431    
431<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
431
432    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer">
433
434    <!-- ?  Google Tag Manager -->
435    
435<script>
vendor: 455 bytes, lines 435-445
435
436      (function (w, d, s, l, i) {
437        w[l] = w[l] || [];
438        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
439        var f = d.getElementsByTagName(s)[0],
440          j = d.createElement(s),
441          dl = l != 'dataLayer' ? '&l=' + l : '';
442        j.async = true;
443        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
444        f.parentNode.insertBefore(j, f);
445      })(window, document, 'script', 'dataLayer', '
445GTM-WMZF6RH
vendor: 8 bytes, lines 445-446
445');
446    
446</script>
446
447    <!-- ? End Google Tag Manager -->
448  <meta name="generator" content="HubSpot"></head>
449
450  <body>
451    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 451-452
451
452    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
452GTM-WMZF6RH
vendor: 90 bytes, lines 452-453
452" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
453    
453<!-- End Google Tag Manager (noscript) -->
454    <div class="body-wrapper   hs-content-id-62288060091 hs-site-page page ">
455        
456
457      <main id="main-content" class="body-container-wrapper">
458        
459  <div class="container-fluid">
460<div class="row-fluid-wrapper">
461<div class="row-fluid">
462<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
463
464<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
465<div class="row-fluid ">
466</div><!--end row-->
467</div><!--end row-wrapper -->
468
469<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-section">
470<div class="row-fluid ">
471<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
472<div id="hs_cos_wrapper_widget_1677004852007" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
473
474
475
476
477
478<section id="widget_1677004852007" class="navigation sticky__nav left-0 right-0">
479  <div class="container">
480    <nav>
481      <div class="flex justify-between items-center relative z-[50] bg-white rounded-b-xl px-3.5 py-1.5
482        md:justify-center md:min-h-[88px] drop-shadow-[0_4px_40px_rgba(0,0,0,0.05)]
483      ">
484        <!-- ? Logo mobile -->
485        <div class="md:hidden">
486          
487  
488  <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer?hsLang=en" id="hs-link-widget_1677004852007_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:48px;border-width:0px;border:0px;" width="48" alt="E&amp;A Scheer - Making Rum sourcing easy" title="E&amp;A Scheer - Making Rum sourcing easy" loading=""></a></span>
489
490        </div>
491
492        <!-- ? Menu desktop -->
493        <div id="widget_1677004852007__menu-desktop" class="hidden md:block md:visible md:w-[90%]">
494          <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_widget_1677004852007_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53696476151" aria-label="Navigation Menu">
495 <ul role="menu" class="active-branch">
496  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a>
497   <ul role="menu" class="hs-menu-children-wrapper">
498    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li>
499    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li>
500    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li>
501    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li>
502   </ul></li>
503  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">About us</a>
504   <ul role="menu" class="hs-menu-children-wrapper active-branch">
505    <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li>
506    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/industries" role="menuitem">Industries</a></li>
507    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/logistics" role="menuitem">Logistics</a></li>
508    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/values" role="menuitem">Our values</a></li>
509   </ul></li>
510  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Contact</a>
511   <ul role="menu" class="hs-menu-children-wrapper">
512    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Contact us</a></li>
513    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/sell-your-rum" role="menuitem">Supply your bulk Rum</a></li>
514   </ul></li>
515  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Request a quote</a></li>
516 </ul>
517</div></span>
518        </div>
519
520        <!-- ? Hamburger button -->
521        <div id="widget_1677004852007__hamburger" class="bg-paper-beige rounded-full flex justify-center items-center cursor-pointer w-5 h-5
522            md:hidden
523        ">
524          <!-- ? Hamburger svg -->
525          <svg width="20" height="14" viewbox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" id="widget_1677004852007__hamburger__hamburger-svg" class="">
526            <path d="M1 7H19M1 1H19M1 13H19" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
527          </svg>
528
529          <!-- ? X svg -->
530          <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg" id="widget_1677004852007__hamburger__x-svg" class="hidden">
531            <line x1="1.41421" y1="1" x2="16.2635" y2="15.8492" stroke="#271500" stroke-width="2" stroke-linecap="round" />
532            <line x1="2" y1="15.8492" x2="16.8492" y2="1" stroke="#271500" stroke-width="2" stroke-linecap="round" />
533          </svg>
534        </div>
535      </div>
536
537      <!-- ? Navigation mobile -->
538      <div id="menu-mobile" class="hidden absolute z-[49] inset-0 h-screen bg-white px-2 py-14 md:hidden">
539        <div class="menu-mobile__main-menu flex flex-col gap-y-6">
540          <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_widget_1677004852007_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53696476151" aria-label="Navigation Menu">
541 <ul role="menu" class="active-branch">
542  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a>
543   <ul role="menu" class="hs-menu-children-wrapper">
544    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li>
545    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li>
546    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li>
547    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li>
548   </ul></li>
549  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">About us</a>
550   <ul role="menu" class="hs-menu-children-wrapper active-branch">
551    <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li>
552    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/industries" role="menuitem">Industries</a></li>
553    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/logistics" role="menuitem">Logistics</a></li>
554    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/values" role="menuitem">Our values</a></li>
555   </ul></li>
556  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Contact</a>
557   <ul role="menu" class="hs-menu-children-wrapper">
558    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Contact us</a></li>
559    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/sell-your-rum" role="menuitem">Supply your bulk Rum</a></li>
560   </ul></li>
561  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Request a quote</a></li>
562 </ul>
563</div></span>
564
565          
566        </div>
567        
568        <!-- ? Sub menu -->
569        <div class="menu-mobile__sub-menu" style="display:none;">
570          <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="menu-mobile__sub-menu__arrow-svg cursor-pointer mb-5">
571            <rect x="40" y="40" width="40" height="40" rx="20" transform="rotate(-180 40 40)" fill="#FDF3E8" />
572            <path d="M25.8926 19.9981L14.1074 19.9981M14.1074 19.9981L20 25.8906M14.1074 19.9981L20 14.1055" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
573          </svg>
574        </div>
575      </div>
576    </nav>
577  </div>
578</section>
579
580
581
582
583
584</div>
585
586</div><!--end widget-span -->
587</div><!--end row-->
588</div><!--end row-wrapper -->
589
590<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
591<div class="row-fluid ">
592<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
593
594<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
595<div class="row-fluid ">
596<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
597<div id="hs_cos_wrapper_widget_1677004716943" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
598
599
600
601<section id="widget_1677004716943" class="relative overflow-hidden pt-[136px] pb-2 md:pt-[268px] md:pb-[122px]">
602  <!-- ? BG image -->
603  
604  <div class="hero__bg-image absolute inset-0">
605    <img src="https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=1413&amp;height=1280&amp;name=about-us-hero-bg-6.png" alt="World map" class="object-cover w-full h-full" width="1413" height="1280" srcset="https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=707&amp;height=640&amp;name=about-us-hero-bg-6.png 707w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=1413&amp;height=1280&amp;name=about-us-hero-bg-6.png 1413w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=2120&amp;height=1920&amp;name=about-us-hero-bg-6.png 2120w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=2826&amp;height=2560&amp;name=about-us-hero-bg-6.png 2826w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=3533&amp;height=3200&amp;name=about-us-hero-bg-6.png 3533w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=4239&amp;height=3840&amp;name=about-us-hero-bg-6.png 4239w" sizes="(max-width: 1413px) 100vw, 1413px">
606  </div>
607
608
609  <div class="container default-grid--md">
610    <div class="md:col-start-2 md:col-span-10">
611      <!-- ? Subtitle -->
612      
613        <div class="hero__subtitle text-center font-bold mb-4 md:text-xl md:leading-[48px] md:mb-2 font-trebuchet">
614          Rum suppliers to the world
615        </div>
616      
617
618      <!-- ? Title -->
619      
620        <h1 class="hero__title text-center text-[40px] leading-10 mb-12 md:text-[96px] md:leading-[96px] md:mb-[143px] font-trebuchet">
621          <span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>The experts behind many </span><span>Rum</span><span> brands</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span>
622        </h1>
623      
624
625      <!-- ? Image -->
626      
627        <div class="hero__image w-full h-[230px] md:h-[491px]">
628          <img src="https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=1024&amp;height=658&amp;name=1948zaandamcoastereaschbd4.jpg" alt="1948zaandamcoastereaschbd4" loading="lazy" class="object-cover w-full h-full" width="1024" height="658" srcset="https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=512&amp;height=329&amp;name=1948zaandamcoastereaschbd4.jpg 512w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=1024&amp;height=658&amp;name=1948zaandamcoastereaschbd4.jpg 1024w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=1536&amp;height=987&amp;name=1948zaandamcoastereaschbd4.jpg 1536w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=2048&amp;height=1316&amp;name=1948zaandamcoastereaschbd4.jpg 2048w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=2560&amp;height=1645&amp;name=1948zaandamcoastereaschbd4.jpg 2560w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=3072&amp;height=1974&amp;name=1948zaandamcoastereaschbd4.jpg 3072w" sizes="(max-width: 1024px) 100vw, 1024px">
629        </div>
630      
631    </div>
632  </div>
633</section>
634
635
636
637</div>
638
639</div><!--end widget-span -->
640</div><!--end row-->
641</div><!--end row-wrapper -->
642
643</div><!--end widget-span -->
644</div><!--end row-->
645</div><!--end row-wrapper -->
646
647<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section">
648<div class="row-fluid ">
649<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
650
651<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
652<div class="row-fluid ">
653<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
654<div id="hs_cos_wrapper_widget_1677004603606" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677  
678
679  
680
681  
682
683  
684
685  
686
687  
688
689  
690
691  
692
693
694
695
696
697<div id="widget_1677004603606" class="slick-slider md:flex md:flex-nowrap md:h-full md:min-h-[100vh]">
698  <!-- ? First slide -->
699  <section id="widget_1677004603606-1" class="overflow-hidden relative z-10 pt-6 md:pb-5
700    md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px]
701    
702  ">
703    <!-- ? Desktop images -->
704    <div id="widget_1677004603606__first-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible
705        top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end
706    ">
707      
708        
709      <img src="https://www.rum.nl/hubfs/Trends%20in%20the%20RumDrinks%20Market.jpg" alt="" class="object-cover w-full max-h-[500px]">
710  
711      
712    </div>
713
714    <!-- ? VOC image -->
715    <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden">
716      <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
717    </div>
718
719    <!-- ? Subtitle -->
720    <div class="mb-4">
721      
722    
723      <div class="container text-rum-brown text-center relative flex justify-center
724        md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5
725      ">
726        <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8">
727          <!-- ? Roman numeric -->
728          <div class="flex justify-center gap-x-[2px]">
729            
730              
731                <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
732                  <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" />
733                </svg>
734              
735            
736          </div>
737
738          <!-- ? Subtitle text -->
739          <div class="flex text-xl leading-6 w-full">
740            <span class="font-aurore whitespace-nowrap">
741              The start
742            </span>
743          </div>
744        </div>
745
746        <!-- ? Horizontal dashed line -->
747        <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2
748          md:block md:visible
749        "></div>
750
751        <!-- ? VOC image -->
752        <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible">
753          <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
754        </div>
755      </div>
756    
757  
758    </div>
759
760    <!-- ? Textual content -->
761    <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2">
762      <div class="relative flex flex-col gap-y-3
763        md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit
764      ">
765        <!-- ? Title -->
766        
767    <h2 id="widget_1677004603606__first-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start
768        md:col-span-6
769        md:flex md:items-end md:text-[56px] md:leading-[56px]
770      ">
771      Three centuries of Rum heritage 
772    </h2>
773  
774
775        <!-- ? Rich text -->
776        
777    
778      <div id="widget_1677004603606__first-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px]
779          md:col-start-2 md:col-span-5
780          md:text-base md:leading-8 md:mb-5">
781        <span>
782          <p>In the 18th Century, E&amp;A Scheer is established by brothers Evert and Anthonie Scheer. The company is formally known as a Comptoir de negotie: a counting house of negotiation selling wines and spirits to customers around the world. Batavia Arrack is the first Rum type to be included in the portfolio.</p>
783        </span>
784      </div>
785    
786  
787      </div>
788
789      <!-- ? Mobile images -->
790      <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden
791          flex h-[300px] pt-4
792      ">
793        
794          
795    <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4">
796      <!-- ? Mobile - Single image -->
797      <img src="https://www.rum.nl/hubfs/Trends%20in%20the%20RumDrinks%20Market.jpg" alt="" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full">
798    </div>
799  
800        
801      </div>
802    </div>
803  </section>
804
805
806
807
808  <!-- ? Second slide -->
809  <section id="widget_1677004603606-2" class="overflow-hidden relative z-10 pt-6 md:pb-5
810    md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px]
811    
812  ">
813    <!-- ? Desktop images -->
814    <div id="widget_1677004603606__second-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible
815        top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end
816    ">
817      
818        
819      <img src="https://www.rum.nl/hubfs/Smaller%20pictures/Entrance%20E%26A%20Scheer.jpg" alt="Entrance E&amp;A Scheer" class="object-cover w-full max-h-[500px]">
820  
821      
822    </div>
823
824    <!-- ? VOC image -->
825    <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden">
826      <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
827    </div>
828
829    <!-- ? Subtitle -->
830    <div class="mb-4">
831      
832    
833      <div class="container text-rum-brown text-center relative flex justify-center
834        md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5
835      ">
836        <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8">
837          <!-- ? Roman numeric -->
838          <div class="flex justify-center gap-x-[2px]">
839            
840              
841                <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
842                  <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" />
843                </svg>
844              
845                <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
846                  <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" />
847                </svg>
848              
849            
850          </div>
851
852          <!-- ? Subtitle text -->
853          <div class="flex text-xl leading-6 w-full">
854            <span class="font-aurore whitespace-nowrap">
855              the 19th century
856            </span>
857          </div>
858        </div>
859
860        <!-- ? Horizontal dashed line -->
861        <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2
862          md:block md:visible
863        "></div>
864
865        <!-- ? VOC image -->
866        <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible">
867          <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
868        </div>
869      </div>
870    
871  
872    </div>
873
874    <!-- ? Textual content -->
875    <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2">
876      <div class="relative flex flex-col gap-y-3
877        md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit
878      ">
879        <!-- ? Title -->
880        
881    <h2 id="widget_1677004603606__second-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start
882        md:col-start-2 md:col-span-5
883        md:flex md:items-end md:text-[56px] md:leading-[56px]
884      ">
885      Supplying Rum around the world
886    </h2>
887  
888
889        <!-- ? Rich text -->
890        
891    
892      <div id="widget_1677004603606__second-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px]
893          md:col-start-2 md:col-span-5
894          md:text-base md:leading-8 md:mb-5">
895        <span>
896          <span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>In the 19th century, E&amp;A Scheer starts to </span><span>develop </span><span>bespoke blends from the Rums stored in the company’s Amsterdam warehouse. Together with a large inventory, this guarantees a consistent product is always available at short notice. All Rums are shipped in bulk from bonded warehouses direct to customers for industrial use or bottling.</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span>
897        </span>
898      </div>
899    
900  
901      </div>
902
903      <!-- ? Mobile images -->
904      <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden
905          flex h-[300px] pt-4
906      ">
907        
908          
909    <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4">
910      <!-- ? Mobile - Single image -->
911      <img src="https://www.rum.nl/hubfs/Smaller%20pictures/Entrance%20E%26A%20Scheer.jpg" alt="Entrance E&amp;A Scheer" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full">
912    </div>
913  
914        
915      </div>
916    </div>
917  </section>
918
919
920
921
922  <!-- ? Third slide -->
923  <section id="widget_1677004603606-3" class="overflow-hidden relative z-10 pt-6 md:pb-5
924    md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px]
925    
926  ">
927    <!-- ? Desktop images -->
928    <div id="widget_1677004603606__third-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible
929        top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end
930    ">
931      
932        
933      <img src="https://www.rum.nl/hubfs/MRC%20pics/Main%20Rum%20Bar%2026-1.jpg" alt="Main Rum Bar 26-1" class="object-cover w-full max-h-[500px]">
934  
935      
936    </div>
937
938    <!-- ? VOC image -->
939    <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden">
940      <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
941    </div>
942
943    <!-- ? Subtitle -->
944    <div class="mb-4">
945      
946    
947      <div class="container text-rum-brown text-center relative flex justify-center
948        md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5
949      ">
950        <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8">
951          <!-- ? Roman numeric -->
952          <div class="flex justify-center gap-x-[2px]">
953            
954              
955                <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
956                  <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" />
957                </svg>
958              
959                <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
960                  <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" />
961                </svg>
962              
963                <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
964                  <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" />
965                </svg>
966              
967            
968          </div>
969
970          <!-- ? Subtitle text -->
971          <div class="flex text-xl leading-6 w-full">
972            <span class="font-aurore whitespace-nowrap">
973              Through the years
974            </span>
975          </div>
976        </div>
977
978        <!-- ? Horizontal dashed line -->
979        <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2
980          md:block md:visible
981        "></div>
982
983        <!-- ? VOC image -->
984        <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible">
985          <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
986        </div>
987      </div>
988    
989  
990    </div>
991
992    <!-- ? Textual content -->
993    <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2">
994      <div class="relative flex flex-col gap-y-3
995        md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit
996      ">
997        <!-- ? Title -->
998        
999    <h2 id="widget_1677004603606__third-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start
1000        md:col-start-2 md:col-span-5
1001        md:flex md:items-end md:text-[56px] md:leading-[56px]
1002      ">
1003      The one stop Rum shop
1004    </h2>
1005  
1006
1007        <!-- ? Rich text -->
1008        
1009    
1010      <div id="widget_1677004603606__third-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px]
1011          md:col-start-2 md:col-span-5
1012          md:text-base md:leading-8 md:mb-5">
1013        <span>
1014          <p><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>In 2001, the company </span><span>acquires</span><span> the shares of </span><span>Liverpool-based The Main Rum Company, specialists </span><span>in </span><span>exceedingly rare</span><span>, single barrel Rums. These casks are ideal for limited edition Rums at the very top end of the market. Together, E&amp;A Scheer and The Main Rum Company now offer a single destination for any and every kind of Rum available.</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span></p>
1015        </span>
1016      </div>
1017    
1018  
1019      </div>
1020
1021      <!-- ? Mobile images -->
1022      <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden
1023          flex h-[300px] pt-4
1024      ">
1025        
1026          
1027    <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4">
1028      <!-- ? Mobile - Single image -->
1029      <img src="https://www.rum.nl/hubfs/MRC%20pics/Main%20Rum%20Bar%2026-1.jpg" alt="Main Rum Bar 26-1" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full">
1030    </div>
1031  
1032        
1033      </div>
1034    </div>
1035  </section>
1036
1037
1038
1039
1040  <!-- ? Fourth slide -->
1041  <section id="widget_1677004603606-4" class="overflow-hidden relative z-10 pt-6 md:pb-5
1042    md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px]
1043    
1044  ">
1045    <!-- ? Desktop images -->
1046    <div id="widget_1677004603606__fourth-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible
1047        top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end
1048    ">
1049      
1050        
1051      <img src="https://www.rum.nl/hubfs/Rum%20Room%2013.jpeg" alt="Rum Room 13" class="object-cover w-full max-h-[500px]">
1052  
1053      
1054    </div>
1055
1056    <!-- ? VOC image -->
1057    <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden">
1058      <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
1059    </div>
1060
1061    <!-- ? Subtitle -->
1062    <div class="mb-4">
1063      
1064    
1065      <div class="container text-rum-brown text-center relative flex justify-center
1066        md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5
1067      ">
1068        <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8">
1069          <!-- ? Roman numeric -->
1070          <div class="flex justify-center gap-x-[2px]">
1071            
1072              
1073              <svg width="22" height="14" viewbox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1074                <path d="M5.87388 12.984H0.849875V12.408L2.35388 11.224V1.688L0.657875 1.144L1.02588 0.424H6.04988V0.999999L4.52988 2.2V11.72L6.22588 12.264L5.87388 12.984ZM19.5288 2.2L15.0808 12.488L13.2088 13.304L8.55275 2.072L6.95275 1.144L7.30475 0.424H12.3928V0.999999L10.8408 2.136L14.6168 11.272L18.5368 2.152L15.8008 1.144L16.1528 0.424H21.0808V0.999999L19.5288 2.2Z" fill="#944A2D" />
1075              </svg>
1076            
1077          </div>
1078
1079          <!-- ? Subtitle text -->
1080          <div class="flex text-xl leading-6 w-full">
1081            <span class="font-aurore whitespace-nowrap">
1082              Expansion
1083            </span>
1084          </div>
1085        </div>
1086
1087        <!-- ? Horizontal dashed line -->
1088        <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2
1089          md:block md:visible
1090        "></div>
1091
1092        <!-- ? VOC image -->
1093        <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible">
1094          <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain">
1095        </div>
1096      </div>
1097    
1098  
1099    </div>
1100
1101    <!-- ? Textual content -->
1102    <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2">
1103      <div class="relative flex flex-col gap-y-3
1104        md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit
1105      ">
1106        <!-- ? Title -->
1107        
1108    <h2 id="widget_1677004603606__fourth-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start
1109        md:col-start-2 md:col-span-5
1110        md:flex md:items-end md:text-[56px] md:leading-[56px]
1111      ">
1112      New markets and uses
1113    </h2>
1114  
1115
1116        <!-- ? Rich text -->
1117        
1118    
1119      <div id="widget_1677004603606__fourth-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px]
1120          md:col-start-2 md:col-span-5
1121          md:text-base md:leading-8 md:mb-5">
1122        <span>
1123          <p><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>E&amp;A Scheer has evolved a full-service, partnership-oriented company for customers in over 60 countries. In recent years, the company has rapidly increased volumes and expanded into new markets such as fragrances &amp; flavourings and confectionery. An integrated </span><span>logistics</span><span> service is also available where </span><span>required</span><span>.&nbsp;</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span></p>
1124<p>&nbsp;</p>
1125        </span>
1126      </div>
1127    
1128  
1129      </div>
1130
1131      <!-- ? Mobile images -->
1132      <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden
1133          flex h-[300px] pt-4
1134      ">
1135        
1136          
1137    <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4">
1138      <!-- ? Mobile - Single image -->
1139      <img src="https://www.rum.nl/hubfs/Rum%20Room%2013.jpeg" alt="Rum Room 13" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full">
1140    </div>
1141  
1142        
1143      </div>
1144    </div>
1145  </section>
1146</div>
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156</div>
1157
1158</div><!--end widget-span -->
1159</div><!--end row-->
1160</div><!--end row-wrapper -->
1161
1162</div><!--end widget-span -->
1163</div><!--end row-->
1164</div><!--end row-wrapper -->
1165
1166<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
1167<div class="row-fluid ">
1168<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1169
1170<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
1171<div class="row-fluid ">
1172<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1173<div id="hs_cos_wrapper_module_17545605125533" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1174<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button>
1175
1176                     
1177
1178<section id="module_17545605125533-1" class="relative z-10 pt-7 pb-5 bg-light-beige
1179  md:flex md:flex-col md:h-full md:py-[160px]
1180">
1181  <div class="container">
1182    <!-- ? Paper background -->
1183       
1184<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible">
1185  <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg-paper" class="w-full h-full object-cover">
1186
1187  <!-- ? Mobile gradient -->
1188  <div class=" absolute inset-0 md:hidden"></div>
1189</div>
1190
1191
1192    <!-- ? BG image plant -->
1193    
1194<img id="module_17545605125533__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%]
1195        
1196      ">
1197 
1198
1199    <div class="relative container default-grid--md">
1200      <div class="md:gap-x-4 md:h-fit md:col-span-5 md:grid md:grid-cols-6 ">
1201        <!-- ? Subtitle -->
1202            
1203
1204<p class="text-dark-green mt-4 md:mt-0 font-bold mb-4 md:col-span-full font-trebuchet">E&amp;A Scheer</p>
1205 
1206
1207        <!-- ? Title -->
1208             
1209<h2 id="module_17545605125533__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7">
1210  Company movie
1211</h2>
1212  
1213
1214        <!-- ? Rich text -->
1215            
1216
1217<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0">Get to know E&amp;A Scheer by watching our company movie, made together with DutchManMedia. This film gives you an introduction into our world of Rum, Batavia Arrack, and Cachaça, and shows how proud we are to serve companies in over 60 countries.</p>
1218 
1219
1220        <!-- ? USP -->
1221             
1222
1223        <!-- ? Left CTA -->
1224            
1225
1226<div class="col-span-full mt-4">
1227  <div class="btn btn-primary"><span id="hs_cos_wrapper_module_17545605125533_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"></span></div>
1228</div>
1229 
1230      </div>
1231
1232       
1233      <!-- ? Desktop video -->
1234      <div class="hidden items-center relative md:flex md:visible col-span-7 col-start-6 ">
1235        <div class="w-full aspect-[200/106]">
1236           
1237          <iframe class="size-full" width="560" height="315" src="https://www.youtube.com/embed/fr4zRPWyi5c?si=nBpTuf90xEI7HIHv" here! title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
1237 web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1238          
1239        </div>
1240        
1241      </div>
1242
1243      <!-- ? Mobile video -->
1244      <div class="flex justify-center relative mt-3 md:hidden">
1245        <div class="w-full aspect-[200/106]">
1246           
1247          <iframe class="size-full" width="560" height="250" src="https://www.youtube.com/embed/fr4zRPWyi5c?si=nBpTuf90xEI7HIHv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1248          
1249        </div>
1250      </div>
1251      
1252    </div>
1253  </div>
1254</section>
1255
1256
1257
1258<script defer>
1259  // @ts-check
1260  "use strict";
1261
1262  try {
1263    const BREAK_POINT = 1200;
1264
1265    
1266
1267    function animatePopUpOnClick() {
1268      try {
1269        /* Variables and guard clauses start */
1270        const popupButtons = document.querySelectorAll('.module_17545605125533__popup-button');
1271        if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons);
1272
1273        const popupModal = _getPopupModal();
1274        if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal);
1275
1276        const navigation = document.querySelector('.navigation');
1277        if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation);
1278
1279        const body = document.querySelector('body');
1280        /* Variables and guard clauses end */
1281
1282        popupButtons.forEach(popupButton => {
1283          const popupButton_text = popupButton.querySelector('span');
1284          popupButton.addEventListener('click', () => {
1285            body.classList.add('overflow-y-hidden');
1286            popupButton.style.pointerEvent = 'none';
1287
1288            const tl = gsap.timeline();
1289            tl.add(_animatePopupButton)
1290              .add(_animatePopupContent, 1.5)
1291
1292            function _animatePopupContent() {
1293              try {
1294                const tlContent = gsap.timeline();
1295                tlContent
1296                  .add(() => _setStateImageLeft())
1297                  .add(() => _setStateImageRight())
1298                  .add(() => _setStateChevron())
1299                  .add(() => _setStateSugarCaneImage())
1300                  .add(() => _animateTitleAndText())
1301                  .add(() => _animateSubtitle())
1302                  .add(() => _animateCloseButton())
1303                  .add(() => _animateChevron(), '>0.1')
1304                  .add(() => _animateImageLeft(), '<0.5')
1305                  .add(() => _animateImageRight(), '<')
1306                  .add(() => _animateSugarCaneImage(), '>1')
1307
1308                function _animateTitleAndText() {
1309                  try {
1310                    const title = popupModal.querySelector('.popup-modal__title');
1311                    if (!title) throw new Error('title not found\ntitle:\n', title);
1312
1313                    const text = popupModal.querySelector('.popup-modal__text');
1314                    if (!text) throw new Error('text not found\ntext:\n', text);
1315
1316                    [title, text].forEach((element, index) =>
1317                      gsap.set(element, {
1318                        y: (index + 1) * 1.1 * 50,
1319                        duration: 2,
1320                        ease: Power4,
1321                        opacity: 0.5
1322                      })
1323                    );
1324
1325                    const tlPopupContent = gsap.timeline();
1326                    tlPopupContent.add(() => {
1327                      tlPopupContent
1328                        .to(title, { y: 0, opacity: 1 })
1329                        .to(text, { y: 0, opacity: 1 }, '<')
1330                    })
1331                  } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); }
1332                }
1333
1334                function _animateSubtitle() {
1335                  try {
1336                    const subtitle = popupModal.querySelector('.popup-modal__subtitle');
1337                    if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle);
1338
1339                    gsap.fromTo(subtitle,
1340                      { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 },
1341                      { y: 0, opacity: 1 }
1342                    );
1343                  } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); }
1344                }
1345
1346                function _animateCloseButton() {
1347                  try {
1348                    const closeButton = popupModal.querySelector('.popup-modal__close-button');
1349                    if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
1350
1351                    gsap.fromTo(closeButton,
1352                      { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 },
1353                      { y: 0, opacity: 1 }
1354                    );
1355                  } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); }
1356                }
1357
1358                function _setStateSugarCaneImage() {
1359                  try {
1360                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
1361                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
1362                    gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 });
1363                  } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); }
1364                }
1365
1366                function _animateSugarCaneImage() {
1367                  try {
1368                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
1369                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
1370
1371                    gsap.to(sugarCaneImage, { x: 0 });
1372                  } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); }
1373                }
1374
1375                function _setStateChevron() {
1376                  try {
1377                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
1378                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
1379
1380                    gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 });
1381                  } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); }
1382                }
1383
1384                function _animateChevron() {
1385                  try {
1386                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
1387                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
1388
1389                    gsap.to(chevron, { scale: 1, rotation: 45 } );
1390                  } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); }
1391                }
1392
1393                function _setStateImageLeft() {
1394                  try {
1395                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
1396                    if (!image) throw new Error('image not found\nimage:\n', image);
1397
1398                    gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 });
1399                  } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); }
1400                }
1401
1402                function _animateImageLeft() {
1403                  try {
1404                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
1405                    if (!image) throw new Error('image not found\nimage:\n', image);
1406
1407                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
1408                      gsap.to(image, { xPercent: -10 });
1409                    } else {
1410                      gsap.to(image, { xPercent: -50 });
1411                    }
1412                  } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); }
1413                }
1414
1415                function _setStateImageRight() {
1416                  try {
1417                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
1418                    if (!image) throw new Error('image not found\nimage:\n', image);
1419
1420                    gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 });
1421                  } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); }
1422                }
1423
1424                function _animateImageRight() {
1425                  try {
1426                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
1427                    if (!image) throw new Error('image not found\nimage:\n', image);
1428
1429                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
1430                      gsap.to(image, { xPercent: 10 });
1431                    } else {
1432                      gsap.to(image, { xPercent: 50 });
1433                    }
1434                  } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); }
1435                }
1436              } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); }
1437            }
1438
1439            function _animatePopupButton() {
1440              const tlButton = gsap.timeline();
1441              try {
1442                _addEventsOnModalClose();
1443
1444                tlButton
1445                  .to(popupButton_text, {
1446                    /* Fades out the text inside the button */
1447                    duration: .5,
1448                    ease: Power4,
1449                    opacity: 0,
1450                  })
1451                  .to(navigation, {
1452                    duration: 0.5,
1453                    opacity: 0
1454                  })
1455                  .to(popupButton, {
1456                    /* Makes button big until it cover the screen */
1457                    duration: 1.5,
1458                    ease: Power4,
1459                    scale: 20,
1460                  }, '<')
1461                  .add(
1462                    /* Preps the modal for showing */
1463                    () => {
1464                      gsap.set(popupModal, { opacity: 0, height: 0 });
1465                      popupModal.classList.remove('hidden');
1466                    },
1467                    '<'
1468                  )
1469                  /* Shows modal */
1470                  .to(popupModal, {
1471                    duration: 0,
1472                    height: '100%',
1473                  }, '<')
1474                  .to(popupModal, {
1475                    duration: .5,
1476                    opacity: 1
1477                  }, '>1')
1478                  /* Fades out popup button */
1479                  .to(popupButton, { opacity: 0 })
1480                  .add(() => popupButton.classList.add('hidden'));
1481
1482                  function _addEventsOnModalClose() {
1483                    try {
1484                      const closeButton = popupModal.querySelector('.popup-modal__close-button');
1485                      if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
1486                      closeButton.addEventListener('click', () => {
1487                        gsap.set(navigation, { opacity: 1 });
1488                        gsap.set(popupButton, { opacity: 1, scale: 1 });
1489                        popupButton.classList.remove('hidden');
1490                        gsap.set(popupButton_text, { opacity: 1 });
1491                        tlButton.revert();
1492                      });
1493                    } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); }
1494                  }
1495              } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); }
1496            }
1497          });
1498        });
1499
1500        function _getPopupModal() {
1501          try {
1502            let popupModal = [...document.querySelectorAll('.popup-modal')];
1503            if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal);
1504            if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal);
1505            return popupModal[0];
1506          } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); }
1507        }
1508      } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); }
1509    }
1510  } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); }
1511</script>
1511</div>
1512
1513</div><!--end widget-span -->
1514</div><!--end row-->
1515</div><!--end row-wrapper -->
1516
1517</div><!--end widget-span -->
1518</div><!--end row-->
1519</div><!--end row-wrapper -->
1520
1521<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section">
1522<div class="row-fluid ">
1523<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1524
1525<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
1526<div class="row-fluid ">
1527<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1528<div id="hs_cos_wrapper_module_1744643398734" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  
1529           
1530
1531<section id="module_1744643398734" class="bg-white
1532rum-types-module relative py-7 md:pt-[120px] md:pb-8">
1533  <div class="absolute z-0 inset-0 rotate-180">
1534    <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="w-full h-full object-cover">
1535  </div>
1536  <div class="container default-grid--md relative z-10">
1537    <div class="flex flex-col col-span-full
1538    items-start
1539text-start
1540    ">
1541      <!-- ? Subtitle -->
1542      
1543
1544      <!-- ? Title -->
1545      
1546      <h2 id="module_1744643398734__title" class="text-[32px] leading-100 md:text-[56px] text-center mb-3 md:text-start w-fit md:max-w-[90%] md:mb-6 items-start
1547text-start">
1548        Meet the team
1549      </h2>
1550      
1551
1552      <!-- ? Description -->
1553      
1554      <div class="font-trebuchet text-sm md:text-base mb-6 md:w-3/5 md:text-start md:mb-6 [&amp;_*]:text-start items-start
1555text-start" id="module_1744643398734__description">
1556        <div id="hs_cos_wrapper_module_1744643398734_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p>Discover the passion and expertise of our dedicated team! Our professionals are committed to help find and deliver your bulk Rum anywhere in the world.</p></div>
1557      </div>
1558    </div>
1559
1560     
1561    <!-- ? Cards -->
1562    <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4">
1563        
1564
1565      <div class="flex flex-col items-center w-full " id="module_1744643398734__column_1">
1566        <!-- ? Roman number -->
1567        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1568           
1569
1570          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1571            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1572          </svg>
1573           
1574        </span>
1575
1576        <!-- ? Product image -->
1577        
1578        <div class="w-full h-[211px] md:h-[338px]">
1579          <img src="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=1000&amp;height=667&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg" alt="20240617_EA-SCHEER_Francesstefanie-104-1" class="object-cover w-full h-full" width="1000" height="667" srcset="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=500&amp;height=334&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=1000&amp;height=667&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=1500&amp;height=1001&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=2000&amp;height=1334&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=2500&amp;height=1668&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 2500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=3000&amp;height=2001&amp;name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 3000w" sizes="(max-width: 1000px) 100v
1579w, 1000px">
1580        </div>
1581        
1582
1583        <!-- ? Product info block -->
1584        
1585        <div class="bg-light-beige
1586          mt-[-80px] md:mt-[-120px]
1587          
1588          py-4 px-3 w-[90%] flex flex-col
1589        ">
1590          <!-- ? Product title -->
1591          <h3 class="text-barrel-brown
1592              block text-sm leading-7 font-bold w-fit mb-2
1593              md:text-base md:leading-8 md:mb-1">
1594            Rum blenders &amp; buyers
1595          </h3>
1596
1597          <!-- ? Product description -->
1598          
1599          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
1600            We have mastered the art of knowing how Rum types combine well together and which Rums to use for certain blends. Our dedicated team of blenders has decades of experience in creating bespoke, consistent Rum blends. Our specialist Rum buyers are always open to explore new Rums.
1601          </div>
1602          
1603
1604          <!-- ? Blog post link -->
1605          
1606        </div>
1607        
1608      </div>
1609          
1610
1611      <div class="flex flex-col items-center w-full md:mt-8" id="module_1744643398734__column_2">
1612        <!-- ? Roman number -->
1613        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1614           
1615
1616          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1617            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1618          </svg>
1619          
1620
1621          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1622            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1623          </svg>
1624           
1625        </span>
1626
1627        <!-- ? Product image -->
1628        
1629        <div class="w-full h-[211px] md:h-[338px]">
1630          <img src="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=1000&amp;height=667&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg" alt="20240617_EA-SCHEER_Francesstefanie-98-1" class="object-cover w-full h-full" width="1000" height="667" srcset="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=500&amp;height=334&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=1000&amp;height=667&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=1500&amp;height=1001&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=2000&amp;height=1334&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=2500&amp;height=1668&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 2500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=3000&amp;height=2001&amp;name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 3000w" sizes="(max-width: 1000px) 100vw, 1000px">
1631        </div>
1632        
1633
1634        <!-- ? Product info block -->
1635        
1636        <div class="bg-light-beige
1637          mt-[-80px] md:mt-[-120px]
1638          
1639          py-4 px-3 w-[90%] flex flex-col
1640        ">
1641          <!-- ? Product title -->
1642          <h3 class="text-barrel-brown
1643              block text-sm leading-7 font-bold w-fit mb-2
1644              md:text-base md:leading-8 md:mb-1">
1645            Warehouse &amp; operations
1646          </h3>
1647
1648          <!-- ? Product description -->
1649          
1650          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
1651            Our facilities and operational team are dedicated to the product we work with. We only work with natural products in our warehouses. All incoming and outgoing batches are carefully checked to meet the quality requirements. Our team is trained to deal with dangerous goods, as the liquids are all high in alcoholic strength.
1652          </div>
1653          
1654
1655          <!-- ? Blog post link -->
1656          
1657        </div>
1658        
1659      </div>
1660        
1661
1662      <div class="flex flex-col items-center w-full " id="module_1744643398734__column_3">
1663        <!-- ? Roman number -->
1664        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1665           
1666
1667          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1668            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1669          </svg>
1670          
1671
1672          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1673            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1674          </svg>
1675          
1676
1677          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1678            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1679          </svg>
1680           
1681        </span>
1682
1683        <!-- ? Product image -->
1684        
1685        <div class="w-full h-[211px] md:h-[338px]">
1686          <img src="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=1500&amp;height=1500&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg" alt="20240617_EA-SCHEER_Francesstefanie-22-1" class="object-cover w-full h-full" width="1500" height="1500" srcset="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=750&amp;height=750&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 750w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=1500&amp;height=1500&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 1500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=2250&amp;height=2250&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 2250w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=3000&amp;height=3000&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 3000w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=3750&amp;height=3750&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 3750w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=4500&amp;height=4500&amp;name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 4500w" sizes="(max-width: 1500px) 100vw, 1500px">
1687        </div>
1688        
1689
1690        <!-- ? Product info block -->
1691        
1692        <div class="bg-light-beige
1693          mt-[-80px] md:mt-[-120px]
1694          
1695          py-4 px-3 w-[90%] flex flex-col
1696        ">
1697          <!-- ? Product title -->
1698          <h3 class="text-barrel-brown
1699              block text-sm leading-7 font-bold w-fit mb-2
1700              md:text-base md:leading-8 md:mb-1">
1701            Support &amp; logistics
1702          </h3>
1703
1704          <!-- ? Product description -->
1705          
1706          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
1707            E&amp;A Scheer supplies Rum to clients in over 60 countries worldwide. Our experienced team of logistical specialists manages smooth logistics in any corner of the world. As a result of the team’s long experience, we know how to deal with difficulties one might face in some countries when it comes to supplying Rum at high alcoholic strength.
1708          </div>
1709          
1710
1711          <!-- ? Blog post link -->
1712          
1713        </div>
1714        
1715      </div>
1716      
1717    </div>
1718    
1719
1720    <!-- ? CTA button -->
1721    
1722  </div>
1723</section></div>
1724
1725</div><!--end widget-span -->
1726</div><!--end row-->
1727</div><!--end row-wrapper -->
1728
1729<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row">
1730<div class="row-fluid ">
1731<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1732<div id="hs_cos_wrapper_widget_1744889729903" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1733<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button>
1734
1735                     
1736
1737<section id="widget_1744889729903-1" class="relative z-10 pt-7 pb-5 bg-light-beige
1738  md:flex md:flex-col md:h-full md:py-[160px]
1739">
1740  <div class="container">
1741    <!-- ? Paper background -->
1742       
1743<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible">
1744  <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg-paper" class="w-full h-full object-cover">
1745
1746  <!-- ? Mobile gradient -->
1747  <div class=" absolute inset-0 md:hidden"></div>
1748</div>
1749
1750
1751    <!-- ? BG image plant -->
1752    
1753<img id="widget_1744889729903__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%]
1754        
1755      ">
1756   
1757
1758    <div class="relative container default-grid--md">
1759      <div class="md:gap-x-4 md:h-fit  md:col-span-6  md:grid md:grid-cols-6 md:order-1 md:col-start-8">
1760        <!-- ? Subtitle -->
1761          
1762
1763        <!-- ? Title -->
1764             
1765<h2 id="widget_1744889729903__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7">
1766  Recognised by the Dutch Royal Court
1767</h2>
1768  
1769
1770        <!-- ? Rich text -->
1771            
1772
1773<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0"><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>After blending and supplying bulk Rums across the globe over the last three centuries, </span></span><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>E&amp;A Scheer was</span></span><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span> exceptionally proud to be recognised by the Dutch Royal </span><span>Court </span><span>
1773in 2017. The right to carry the royal mark is appointed only after the most scrupulous selection process and</span><span> </span><span>represent</span><span>s</span><span> industry leadership, an untarnished reputation, and a distinguished</span><span> </span><span>track recor</span><span>d</span><span> of quality, reliability, and continuity.</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span></p>
1774 
1775
1776        <!-- ? USP -->
1777             
1778
1779        <!-- ? Left CTA -->
1780            
1781
1782<div class="col-span-full mt-4">
1783  <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1744889729903_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"></span></div>
1784</div>
1785 
1786      </div>
1787
1788       
1789      <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-0 ">
1790        <!-- ? Desktop single image -->
1791        <img src="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&amp;height=718&amp;name=Hofleverancier%201.png" alt="Hofleverancier" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=540&amp;height=359&amp;name=Hofleverancier%201.png 540w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&amp;height=718&amp;name=Hofleverancier%201.png 1080w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1620&amp;height=1077&amp;name=Hofleverancier%201.png 1620w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2160&amp;height=1436&amp;name=Hofleverancier%201.png 2160w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2700&amp;height=1795&amp;name=Hofleverancier%201.png 2700w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=3240&amp;height=2154&amp;name=Hofleverancier%201.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px">
1792
1793        <!-- ? Desktop pop-up button -->
1794        
1795      </div>
1796       
1797      <!-- ? Mobile single image -->
1798      <div class="flex justify-center relative h-[500px] mt-3 md:hidden">
1799        <img src="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&amp;height=718&amp;name=Hofleverancier%201.png" alt="Hofleverancier" loading="lazy" class="object-cover w-full h-full" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=540&amp;height=359&amp;name=Hofleverancier%201.png 540w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&amp;height=718&amp;name=Hofleverancier%201.png 1080w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1620&amp;height=1077&amp;name=Hofleverancier%201.png 1620w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2160&amp;height=1436&amp;name=Hofleverancier%201.png 2160w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2700&amp;height=1795&amp;name=Hofleverancier%201.png 2700w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=3240&amp;height=2154&amp;name=Hofleverancier%201.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px">
1800
1801        <!-- ? Mobile pop-up button -->
1802        
1803      </div>
1804         
1805    </div>
1806  </div>
1807</section>
1808
1809
1810
1811<script defer>
1812  // @ts-check
1813  "use strict";
1814
1815  try {
1816    const BREAK_POINT = 1200;
1817
1818    
1819
1820    function animatePopUpOnClick() {
1821      try {
1822        /* Variables and guard clauses start */
1823        const popupButtons = document.querySelectorAll('.widget_1744889729903__popup-button');
1824        if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons);
1825
1826        const popupModal = _getPopupModal();
1827        if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal);
1828
1829        const navigation = document.querySelector('.navigation');
1830        if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation);
1831
1832        const body = document.querySelector('body');
1833        /* Variables and guard clauses end */
1834
1835        popupButtons.forEach(popupButton => {
1836          const popupButton_text = popupButton.querySelector('span');
1837          popupButton.addEventListener('click', () => {
1838            body.classList.add('overflow-y-hidden');
1839            popupButton.style.pointerEvent = 'none';
1840
1841            const tl = gsap.timeline();
1842            tl.add(_animatePopupButton)
1843              .add(_animatePopupContent, 1.5)
1844
1845            function _animatePopupContent() {
1846              try {
1847                const tlContent = gsap.timeline();
1848                tlContent
1849                  .add(() => _setStateImageLeft())
1850                  .add(() => _setStateImageRight())
1851                  .add(() => _setStateChevron())
1852                  .add(() => _setStateSugarCaneImage())
1853                  .add(() => _animateTitleAndText())
1854                  .add(() => _animateSubtitle())
1855                  .add(() => _animateCloseButton())
1856                  .add(() => _animateChevron(), '>0.1')
1857                  .add(() => _animateImageLeft(), '<0.5')
1858                  .add(() => _animateImageRight(), '<')
1859                  .add(() => _animateSugarCaneImage(), '>1')
1860
1861                function _animateTitleAndText() {
1862                  try {
1863                    const title = popupModal.querySelector('.popup-modal__title');
1864                    if (!title) throw new Error('title not found\ntitle:\n', title);
1865
1866                    const text = popupModal.querySelector('.popup-modal__text');
1867                    if (!text) throw new Error('text not found\ntext:\n', text);
1868
1869                    [title, text].forEach((element, index) =>
1870                      gsap.set(element, {
1871                        y: (index + 1) * 1.1 * 50,
1872                        duration: 2,
1873                        ease: Power4,
1874                        opacity: 0.5
1875                      })
1876                    );
1877
1878                    const tlPopupContent = gsap.timeline();
1879                    tlPopupContent.add(() => {
1880                      tlPopupContent
1881                        .to(title, { y: 0, opacity: 1 })
1882                        .to(text, { y: 0, opacity: 1 }, '<')
1883                    })
1884                  } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); }
1885                }
1886
1887                function _animateSubtitle() {
1888                  try {
1889                    const subtitle = popupModal.querySelector('.popup-modal__subtitle');
1890                    if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle);
1891
1892                    gsap.fromTo(subtitle,
1893                      { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 },
1894                      { y: 0, opacity: 1 }
1895                    );
1896                  } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); }
1897                }
1898
1899                function _animateCloseButton() {
1900                  try {
1901                    const closeButton = popupModal.querySelector('.popup-modal__close-button');
1902                    if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
1903
1904                    gsap.fromTo(closeButton,
1905                      { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 },
1906                      { y: 0, opacity: 1 }
1907                    );
1908                  } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); }
1909                }
1910
1911                function _setStateSugarCaneImage() {
1912                  try {
1913                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
1914                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
1915                    gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 });
1916                  } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); }
1917                }
1918
1919                function _animateSugarCaneImage() {
1920                  try {
1921                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
1922                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
1923
1924                    gsap.to(sugarCaneImage, { x: 0 });
1925                  } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); }
1926                }
1927
1928                function _setStateChevron() {
1929                  try {
1930                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
1931                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
1932
1933                    gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 });
1934                  } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); }
1935                }
1936
1937                function _animateChevron() {
1938                  try {
1939                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
1940                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
1941
1942                    gsap.to(chevron, { scale: 1, rotation: 45 } );
1943                  } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); }
1944                }
1945
1946                function _setStateImageLeft() {
1947                  try {
1948                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
1949                    if (!image) throw new Error('image not found\nimage:\n', image);
1950
1951                    gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 });
1952                  } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); }
1953                }
1954
1955                function _animateImageLeft() {
1956                  try {
1957                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
1958                    if (!image) throw new Error('image not found\nimage:\n', image);
1959
1960                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
1961                      gsap.to(image, { xPercent: -10 });
1962                    } else {
1963                      gsap.to(image, { xPercent: -50 });
1964                    }
1965                  } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); }
1966                }
1967
1968                function _setStateImageRight() {
1969                  try {
1970                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
1971                    if (!image) throw new Error('image not found\nimage:\n', image);
1972
1973                    gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 });
1974                  } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); }
1975                }
1976
1977                function _animateImageRight() {
1978                  try {
1979                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
1980                    if (!image) throw new Error('image not found\nimage:\n', image);
1981
1982                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
1983                      gsap.to(image, { xPercent: 10 });
1984                    } else {
1985                      gsap.to(image, { xPercent: 50 });
1986                    }
1987                  } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); }
1988                }
1989              } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); }
1990            }
1991
1992            function _animatePopupButton() {
1993              const tlButton = gsap.timeline();
1994              try {
1995                _addEventsOnModalClose();
1996
1997                tlButton
1998                  .to(popupButton_text, {
1999                    /* Fades out the text inside the button */
2000                    duration: .5,
2001                    ease: Power4,
2002                    opacity: 0,
2003                  })
2004                  .to(navigation, {
2005                    duration: 0.5,
2006                    opacity: 0
2007                  })
2008                  .to(popupButton, {
2009                    /* Makes button big until it cover the screen */
2010                    duration: 1.5,
2011                    ease: Power4,
2012                    scale: 20,
2013                  }, '<')
2014                  .add(
2015                    /* Preps the modal for showing */
2016                    () => {
2017                      gsap.set(popupModal, { opacity: 0, height: 0 });
2018                      popupModal.classList.remove('hidden');
2019                    },
2020                    '<'
2021                  )
2022                  /* Shows modal */
2023                  .to(popupModal, {
2024                    duration: 0,
2025                    height: '100%',
2026                  }, '<')
2027                  .to(popupModal, {
2028                    duration: .5,
2029                    opacity: 1
2030                  }, '>1')
2031                  /* Fades out popup button */
2032                  .to(popupButton, { opacity: 0 })
2033                  .add(() => popupButton.classList.add('hidden'));
2034
2035                  function _addEventsOnModalClose() {
2036                    try {
2037                      const closeButton = popupModal.querySelector('.popup-modal__close-button');
2038                      if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
2039                      closeButton.addEventListener('click', () => {
2040                        gsap.set(navigation, { opacity: 1 });
2041                        gsap.set(popupButton, { opacity: 1, scale: 1 });
2042                        popupButton.classList.remove('hidden');
2043                        gsap.set(popupButton_text, { opacity: 1 });
2044                        tlButton.revert();
2045                      });
2046                    } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); }
2047                  }
2048              } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); }
2049            }
2050          });
2051        });
2052
2053        function _getPopupModal() {
2054          try {
2055            let popupModal = [...document.querySelectorAll('.popup-modal')];
2056            if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal);
2057            if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal);
2058            return popupModal[0];
2059          } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); }
2060        }
2061      } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); }
2062    }
2063  } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); }
2064</script>
2064</div>
2065
2066</div><!--end widget-span -->
2067</div><!--end row-->
2068</div><!--end row-wrapper -->
2069
2070<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
2071<div class="row-fluid ">
2072<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2073<div id="hs_cos_wrapper_module_1744890197681" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  
2074           
2075
2076<section id="module_1744890197681" class="bg-parsnip-beige
2077rum-types-module relative py-7 md:pt-[120px] md:pb-8">
2078  <div class="absolute z-0 inset-0 rotate-180">
2079    <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="w-full h-full object-cover">
2080  </div>
2081  <div class="container default-grid--md relative z-10">
2082    <div class="flex flex-col col-span-full
2083    items-start
2084text-start
2085    ">
2086      <!-- ? Subtitle -->
2087      
2088
2089      <!-- ? Title -->
2090      
2091      <h2 id="module_1744890197681__title" class="text-[32px] leading-100 md:text-[56px] text-center mb-3 md:text-start w-fit md:max-w-[90%] md:mb-6 items-start
2092text-start">
2093        Learn more
2094      </h2>
2095      
2096
2097      <!-- ? Description -->
2098       
2099    <!-- ? Cards -->
2100    <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4">
2101        
2102
2103      <div class="flex flex-col items-center w-full " id="module_1744890197681__column_1">
2104        <!-- ? Roman number -->
2105        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
2106           
2107
2108          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2109            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2110          </svg>
2111           
2112        </span>
2113
2114        <!-- ? Product image -->
2115        
2116        <div class="w-full h-[211px] md:h-[338px]">
2117          <img src="https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=1920&amp;height=1280&amp;name=Confectionery%20industry%20photo.jpg" alt="Confectionery industry photo" class="object-cover w-full h-full" width="1920" height="1280" srcset="https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=960&amp;height=640&amp;name=Confectionery%20industry%20photo.jpg 960w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=1920&amp;height=1280&amp;name=Confectionery%20industry%20photo.jpg 1920w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=2880&amp;height=1920&amp;name=Confectionery%20industry%20photo.jpg 2880w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=3840&amp;height=2560&amp;name=Confectionery%20industry%20photo.jpg 3840w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=4800&amp;height=3200&amp;name=Confectionery%20industry%20photo.jpg 4800w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=5760&amp;height=3840&amp;name=Confectionery%20industry%20photo.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px">
2118        </div>
2119        
2120
2121        <!-- ? Product info block -->
2122        
2123        <div class="bg-light-beige
2124          mt-[-80px] md:mt-[-120px]
2125          
2126          py-4 px-3 w-[90%] flex flex-col
2127        ">
2128          <!-- ? Product title -->
2129          <h3 class="text-barrel-brown
2130              block text-sm leading-7 font-bold w-fit mb-2
2131              md:text-base md:leading-8 md:mb-1">
2132            Industries
2133          </h3>
2134
2135          <!-- ? Product description -->
2136          
2137          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
2138            E&amp;A Scheer supplies bespoke blends of Rum, Batavia Arrack, and Cachaça in bulk for the drinks, flavour &amp; fragrance, and confectionery industries. 
2139          </div>
2140          
2141
2142          <!-- ? Blog post link -->
2143          
2144          <a href="https://www.rum.nl/en/about-us/industries?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2145            <span class="
2146              text-dark-green
2147              font-bold text-sm md:text-base
2148            ">
2149              Learn more
2150            </span>
2151
2152            
2153            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2154              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
2155            </svg>
2156            
2157          </a>
2158          
2159        </div>
2160        
2161      </div>
2162          
2163
2164      <div class="flex flex-col items-center w-full md:mt-8" id="module_1744890197681__column_2">
2165        <!-- ? Roman number -->
2166        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
2167           
2168
2169          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2170            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2171          </svg>
2172          
2173
2174          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2175            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2176          </svg>
2177           
2178        </span>
2179
2180        <!-- ? Product image -->
2181        
2182        <div class="w-full h-[211px] md:h-[338px]">
2183          <img src="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=1000&amp;height=667&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg" alt="20240617_EA-SCHEER_Francesstefanie-7-1" class="object-cover w-full h-full" width="1000" height="667" srcset="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=500&amp;height=334&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=1000&amp;height=667&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=1500&amp;height=1001&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=2000&amp;height=1334&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=2500&amp;height=1668&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 2500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=3000&amp;height=2001&amp;name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 3000w" sizes="(max-width: 1000px) 100vw, 1000px">
2184        </div>
2185        
2186
2187        <!-- ? Product info block -->
2188        
2189        <div class="bg-light-beige
2190          mt-[-80px] md:mt-[-120px]
2191          
2192          py-4 px-3 w-[90%] flex flex-col
2193        ">
2194          <!-- ? Product title -->
2195          <h3 class="text-barrel-brown
2196              block text-sm leading-7 font-bold w-fit mb-2
2197              md:text-base md:leading-8 md:mb-1">
2198            Logistics
2199          </h3>
2200
2201          <!-- ? Product description -->
2202          
2203          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
2204            Supplying Rum to clients in 60 countries worldwide, we are highly experienced in managing seamless logistics to any corner of the world.
2205          </div>
2206          
2207
2208          <!-- ? Blog post link -->
2209          
2210          <a href="https://www.rum.nl/en/about-us/logistics?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2211            <span class="
2212              text-dark-green
2213              font-bold text-sm md:text-base
2214            ">
2215              Learn more
2216            </span>
2217
2218            
2219            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2220              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
2221            </svg>
2222            
2223          </a>
2224          
2225        </div>
2226        
2227      </div>
2228        
2229
2230      <div class="flex flex-col items-center w-full " id="module_1744890197681__column_3">
2231        <!-- ? Roman number -->
2232        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
2233           
2234
2235          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2236            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2237          </svg>
2238          
2239
2240          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2241            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2242          </svg>
2243          
2244
2245          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2246            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2247          </svg>
2248           
2249        </span>
2250
2251        <!-- ? Product image -->
2252        
2253        <div class="w-full h-[211px] md:h-[338px]">
2254          <img src="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&amp;height=1334&amp;name=Rums%20history.jpg" alt="Rums history" class="object-cover w-full h-full" width="2000" height="1334" srcset="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=1000&amp;height=667&amp;name=Rums%20history.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&amp;height=1334&amp;name=Rums%20history.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=3000&amp;height=2001&amp;name=Rums%20history.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=4000&amp;height=2668&amp;name=Rums%20history.jpg 4000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=5000&amp;height=3335&amp;name=Rums%20history.jpg 5000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=6000&amp;height=4002&amp;name=Rums%20history.jpg 6000w" sizes="(max-width: 2000px) 100vw, 2000px">
2255        </div>
2256        
2257
2258        <!-- ? Product info block -->
2259        
2260        <div class="bg-light-beige
2261          mt-[-80px] md:mt-[-120px]
2262          
2263          py-4 px-3 w-[90%] flex flex-col
2264        ">
2265          <!-- ? Product title -->
2266          <h3 class="text-barrel-brown
2267              block text-sm leading-7 font-bold w-fit mb-2
2268              md:text-base md:leading-8 md:mb-1">
2269            Our values
2270          </h3>
2271
2272          <!-- ? Product description -->
2273          
2274          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
2275            We believe that a uniform set of core values is essential to guiding us in delivering excellence, respecting people and the environment, acting with integrity, and adopting a creative and resourceful mindset.&nbsp;
2276          </div>
2277          
2278
2279          <!-- ? Blog post link -->
2280          
2281          <a href="https://www.rum.nl/en/about-us/values?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2282            <span class="
2283              text-dark-green
2284              font-bold text-sm md:text-base
2285            ">
2286              Learn more
2287            </span>
2288
2289            
2290            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2291              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
2292            </svg>
2293            
2294          </a>
2295          
2296        </div>
2297        
2298      </div>
2299      
2300    </div>
2301    
2302
2303    <!-- ? CTA button -->
2304    
2305  </div>
2306</div></section></div>
2307
2308</div><!--end widget-span -->
2309</div><!--end row-->
2310</div><!--end row-wrapper -->
2311
2312</div><!--end widget-span -->
2313</div><!--end row-->
2314</div><!--end row-wrapper -->
2315
2316<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section">
2317<div class="row-fluid ">
2318<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2319<div id="hs_cos_wrapper_Homepage_default-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><footer id="Homepage_default-module-8" class="relative">
2320	<!-- ? BG Image -->
2321	
2322		<div class="absolute z-0 inset-0">
2323			<img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&amp;height=2848&amp;name=IMG_9599.jpg" alt="IMG_9599" loading="lazy" class="object-cover w-full h-full" width="4272" height="2848" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=2136&amp;height=1424&amp;name=IMG_9599.jpg 2136w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&amp;height=2848&amp;name=IMG_9599.jpg 4272w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=6408&amp;height=4272&amp;name=IMG_9599.jpg 6408w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=8544&amp;height=5696&amp;name=IMG_9599.jpg 8544w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=10680&amp;height=7120&amp;name=IMG_9599.jpg 10680w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=12816&amp;height=8544&amp;name=IMG_9599.jpg 12816w" sizes="(max-width: 4272px) 100vw, 4272px">
2324		</div>
2325	
2326
2327	<div class="container relative z-10">
2328		<!-- ? Main links wrapper -->
2329		<div id="Homepage_default-module-8__main-links" class="rounded-2xl bg-light-beige flex flex-col p-5 translate-y-[-60px]
2330			md:flex-row md:justify-between md:py-8 md:pl-14 md:pr-[151px] md:-translate-y-10
2331		">
2332			<div class="flex flex-col justify-center gap-y-2
2333				max-w-[200px] mx-auto mb-5
2334				md:relative md:-left-3 md:mx-0 md:mb-0
2335			">
2336				<!-- ? Logo -->
2337				<div class="flex justify-center items-center">
2338					<span id="hs_cos_wrapper_Homepage_default-module-8_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer?hsLang=en" id="hs-link-Homepage_default-module-8_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:96px;border-width:0px;border:0px;" width="96" alt="E&amp;A Scheer - Making Rum sourcing easy" title="E&amp;A Scheer - Making Rum sourcing easy" loading="lazy"></a></span>
2339				</div>
2340
2341				<!-- ? Social media links -->
2342				
2343					<!-- ? Links -->
2344					<div class="flex flex-col gap-y-1 items-center">
2345						
2346						
2347							
2348							<!-- ? Text link -->
2349								
2350								
2351									
2352								
2353								<a href="mailto:[email protected]" class="font-bold text-bear-brown hover:text-bobby-brown duration-200">
2354									E: [email protected]
2355								</a>
2356							
2357						
2358							
2359								<!-- ? Phone number -->
2360								<a href="" class="font-bold text-bear-brown hover:text-bobby-brown duration-200 Homepage_default-module-8__phone-link-1">
2361									T: +31 20 6243412
2362								</a>
2363
2364								
2364<script defer>
2365									(() => {
2366										insertPhoneNumberToHref('tel:0031206243412');
2367
2368										function insertPhoneNumberToHref(phoneNumber) {
2369											try {
2370												if (!phoneNumber) throw new Error(`phoneNumber  not found\n${phoneNumber} `);
2371												const phoneLinkElement = document.querySelector('.Homepage_default-module-8__phone-link-1');
2372												if (!phoneLinkElement) throw new Error(`phoneLinkElement not found\n${phoneLinkElement}`);
2373												phoneLinkElement.href = phoneNumber;
2374											} catch (e) { console.warn(`%c!!! insertPhoneNumberToHref()\n${e}`, 'background: #faf'); }
2375										}
2376									})();
2377								</script>
2377
2378							
2379						
2380					</div>
2381				
2382
2383				<!-- ? Social media logo links -->
2384				
2385					<div class="flex justify-center items-center gap-x-2 mt-1">
2386						
2387							
2388								<a href="https://www.facebook.com/eascheer1712">
2389									<img src="https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&amp;height=50&amp;name=facebook.png" alt="facebook-icon" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/facebook.png?width=25&amp;height=25&amp;name=facebook.png 25w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&amp;height=50&amp;name=facebook.png 50w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=75&amp;height=75&amp;name=facebook.png 75w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=100&amp;height=100&amp;name=facebook.png 100w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=125&amp;height=125&amp;name=facebook.png 125w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=150&amp;height=150&amp;name=facebook.png 150w" sizes="(max-width: 50px) 100vw, 50px">
2390								</a>
2391							
2392						
2393							
2394								<a href="https://www.linkedin.com/company/e%26a-scheer-bv/?viewAsMember=true">
2395									<img src="https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&amp;height=50&amp;name=linkedin.png" alt="linkedin" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=25&amp;height=25&amp;name=linkedin.png 25w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&amp;height=50&amp;name=linkedin.png 50w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=75&amp;height=75&amp;name=linkedin.png 75w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=100&amp;height=100&amp;name=linkedin.png 100w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=125&amp;height=125&amp;name=linkedin.png 125w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=150&amp;height=150&amp;name=linkedin.png 150w" sizes="(max-width: 50px) 100vw, 50px">
2396								</a>
2397							
2398						
2399							
2400								<a href="https://www.instagram.com/eascheeramsterdam/">
2401									<img src="https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&amp;height=50&amp;name=instagram.png" alt="instagram" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/instagram.png?width=25&amp;height=25&amp;name=instagram.png 25w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&amp;height=50&amp;name=instagram.png 50w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=75&amp;height=75&amp;name=instagram.png 75w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=100&amp;height=100&amp;name=instagram.png 100w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=125&amp;height=125&amp;name=instagram.png 125w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=150&amp;height=150&amp;name=instagram.png 150w" sizes="(max-width: 50px) 100vw, 50px">
2402								</a>
2403							
2404						
2405					</div>
2406				
2407			</div>
2408
2409			
2410			
2411
2412			<!-- ? Column 1 -->
2413			<div class="mb-3 md:mb-0">
2414				<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2415					Offerings
2416				</span>
2417
2418				<div class="font-trebuchet">
2419					<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968626396" aria-label="Navigation Menu">
2420 <ul role="menu">
2421  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li>
2422  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li>
2423  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li>
2424  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li>
2425 </ul>
2426</div>
2427				</div>
2428			</div>
2429
2430			<!-- ? Column 2 -->
2431			<div class="mb-3 md:mb-0">
2432				<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2433					Markets
2434				</span>
2435
2436				<div class="font-trebuchet">
2437					<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyout
2437s hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707816" aria-label="Navigation Menu">
2438 <ul role="menu">
2439  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/drinks-industry" role="menuitem">Drinks industry</a></li>
2440  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/flavour-fragrance-industry" role="menuitem">Flavour &amp; fragrance industry</a></li>
2441  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/confectionery-industry" role="menuitem">Confectionery industry</a></li>
2442 </ul>
2443</div>
2444				</div>
2445			</div>
2446
2447			<!-- ? Column 3 -->
2448			<div class="mb-3 md:mb-0">
2449				<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2450					Tools
2451				</span>
2452
2453				<div class="font-trebuchet">
2454					<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707825" aria-label="Navigation Menu">
2455 <ul role="menu">
2456  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/blending-tool" role="menuitem">Rum Blending Tool</a></li>
2457  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/cask-selector-tool" role="menuitem">Cask Selector Tool</a></li>
2458 </ul>
2459</div>
2460				</div>
2461			</div>
2462
2463			<!-- ? Column 4 -->
2464			<div class="flex flex-col justify-between">
2465				<!-- ? Top row -->
2466				<div class="mb-3 md:mb-0">
2467					<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2468						Company
2469					</span>
2470
2471					<div class="font-trebuchet">
2472						<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968708032" aria-label="Navigation Menu">
2473 <ul role="menu">
2474  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer" role="menuitem">News &amp; Downloads</a></li>
2475  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/home/mainrum" role="menuitem">The Main Rum Co.</a></li>
2476  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact" role="menuitem">Contact</a></li>
2477  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/ea-scheer-faq" role="menuitem">FAQ</a></li>
2478  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/vacancies" role="menuitem">Vacancies</a></li>
2479 </ul>
2480</div>
2481					</div>
2482				</div>
2483
2484				<!-- ? Bottom row -->
2485				<div class="">
2486					<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2487						
2488					</span>
2489
2490					<div class="font-trebuchet">
2491						<ul></ul>
2492					</div>
2493				</div>
2494			</div>
2495		</div>
2496	</div>
2497
2498	<!-- ? Bottom links -->
2499	<div class="container relative z-10 flex flex-col justify-center items-center gap-y-2 bg-barrel-brown text-white py-2 max-w-none
2500		md:flex-row md:gap-x-[76px]
2501	">
2502		<!-- ? Links -->
2503		<div id="#Homepage_default-module-8__bottom-links" class="flex justify-center gap-x-5">
2504			
2505
2506			
2507			<a href="https://www.rum.nl/en/general-conditions/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm">
2508				General conditions
2509			</a>
2510
2511			
2512			
2513			<a href="https://www.rum.nl/en/privacy/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm">
2514				Privacy
2515			</a>
2516
2517			
2518			
2519			<a href="" class="font-trebuchet text-xs leading-6 md:text-sm">
2520				
2521			</a>
2522
2523			
2524			
2525			<a href="" class="font-trebuchet text-xs leading-6 md:text-sm">
2526				
2527			</a>
2528		</div>
2529
2530		<!-- ? Copyright text -->
2531		<span class="block text-sm leading-5 font-bold">
2532			Copyright © E&amp;A Scheer BV. 2026
2533		</span>
2534	</div>
2535</footer>
2536
2537
2538
2539
2540
2541
2542
2543
2544</div>
2545
2546</div><!--end widget-span -->
2547</div><!--end row-->
2548</div><!--end row-wrapper -->
2549
2550</div><!--end widget-span -->
2551</div>
2552</div>
2553</div>
2554
2555      </main>
2556
2557       
2558    </div>
2559
2560      
2561<!-- HubSpot performance collection script -->
2562<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2562
2562
2563<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53103084746/1789027501941/template_main.min.js"></script>
vendor: 1 bytes, line 2563
2563
2564<script>
2565var hsVars = hsVars || {}; hsVars['language'] = 'en';
2566</script>
2566
2567
2568<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 2568
2568
2569<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
2569
2570
2571  
2571<script defer>
2572    (() => {
2573      // @ts-check
2574
2575      waitForElements('#widget_1677004852007 #menu-mobile li.hs-menu-depth-1 ul', () => {
2576        insertLogoIntoMenuDesktop();
2577        addToggleEventToHamburgerButton();
2578        mobileParentMenuItemsLogic();
2579      });
2580
2581
2582      function addToggleEventToHamburgerButton() {
2583        try {
2584          const hamburgerButton = document.querySelector('#widget_1677004852007__hamburger');
2585          if (!hamburgerButton)
2586            throw new Error('hamburgerButton not found');
2587
2588          const menuMobile = document.querySelector('#widget_1677004852007 #menu-mobile');
2589          if (!menuMobile)
2590            throw new Error('menuMobile not found');
2591
2592          hamburgerButton.addEventListener('click', () => {
2593            _toggleMenuMobile();
2594            _toggleHamburgerSVG();
2595          });
2596
2597          function _toggleMenuMobile() {
2598            try {
2599              const menuMobileIsOpen = !menuMobile.classList.contains('hidden');
2600              const body = document.querySelector('body');
2601
2602              if (menuMobileIsOpen) {
2603                menuMobile.classList.add('hidden');
2604                body.classList.remove('overflow-hidden');
2605              } else {
2606                menuMobile.classList.remove('hidden');
2607                body.classList.add('overflow-hidden');
2608              }
2609            } catch (e) { console.warn(`%c!!! _toggleMenuMobile()\n${e}`, 'background: #faf'); }
2610          }
2611
2612          function _toggleHamburgerSVG() {
2613            try {
2614              const menuMobileIsOpen = !menuMobile.classList.contains('hidden');
2615
2616              const hamburgerSVG = document.querySelector('#widget_1677004852007__hamburger__hamburger-svg');
2617              if (!hamburgerSVG)
2618                throw new Error('hamburgerSVG not found');
2619
2620              const xSVG = document.querySelector('#widget_1677004852007__hamburger__x-svg');
2621              if (!xSVG)
2622                throw new Error('xSVG not found');
2623
2624              if (menuMobileIsOpen) {
2625                hamburgerSVG.classList.add('hidden');
2626                xSVG.classList.remove('hidden');
2627              } else {
2628                hamburgerSVG.classList.remove('hidden');
2629                xSVG.classList.add('hidden');
2630              }
2631
2632            } catch (e) { console.warn(`%c!!! _toggleHamburgerSVG()\n${e}`, 'background: #faf'); }
2633          }
2634        } catch (e) { console.warn(`%c!!! addToggleEventToHamburgerButton()\n${e}`, 'background: #faf'); }
2635      }
2636
2637
2638      function insertLogoIntoMenuDesktop() {
2639        try {
2640          const menuDesktop = document.querySelector('#widget_1677004852007__menu-desktop .hs-menu-wrapper > ul');
2641          if (!menuDesktop) throw new Error('menuDesktop not found');
2642
2643          const correctMenuLength = 4;
2644          if (menuDesktop.children.length !== correctMenuLength)
2645            throw new Error(`menuDesktop length is not ${correctMenuLength}`);
2646
2647          const secondChildItem = menuDesktop.querySelector('li.hs-menu-depth-1:nth-child(2)');
2648          secondChildItem.insertAdjacentHTML('afterend', `
2649  
2650  <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo" ><a href="https://www.rum.nl/en/home/eascheer"  id="hs-link-widget_1677004852007_" style="border-width:0px;border:0px;"><img src="https://25607130.fs1.hubspotusercontent-eu1.net/hubfs/25607130/Logo-1.svg" class="hs-image-widget "  height="96" style="height: auto;width:48px;border-width:0px;border:0px;" width="48" alt="E&amp;A Scheer - Making Rum sourcing easy" title="E&amp;A Scheer - Making Rum sourcing easy" loading=""></a></span>
2651`);
2652        } catch (e) { console.warn(`%c!!! insertLogoIntoMenuDesktop()\n${e}`, 'background: #faf'); }
2653      }
2654
2655
2656      function mobileParentMenuItemsLogic() {
2657        // try {
2658          /* Guard clauses and variable declarations - start */
2659          const parentMenuItems = [...document.querySelectorAll('#widget_1677004852007 #menu-mobile ul li.hs-item-has-children.hs-menu-depth-1')];
2660          if (parentMenuItems.length < 1) throw new Error(`parentMenuItems n
2660ot found:\n${parentMenuItems}`);
2661
2662          const customSubMenuWrapper = document.querySelector('#widget_1677004852007 .menu-mobile__sub-menu');
2663          if (!customSubMenuWrapper) throw new Error(`customSubMenuWrapper not found:\n${customSubMenuWrapper}`);
2664
2665          const subMenuUlElements = [...document.querySelectorAll('#menu-mobile li.hs-menu-depth-1 ul.hs-menu-children-wrapper')];
2666          if (subMenuUlElements.length < 1) throw new Error(`subMenuUlElements not found:\n${subMenuUlElements}`);
2667
2668          const mobileMainMenu = document.querySelector('#menu-mobile .menu-mobile__main-menu');
2669          if (!mobileMainMenu) throw new Error(`mobileMainMenu not found:\n${mobileMainMenu}`);
2670
2671          const closeSubMenuSvg = document.querySelector('.menu-mobile__sub-menu__arrow-svg');
2672          if (!closeSubMenuSvg) throw new Error(`closeSubMenuSvg not found:\n${closeSubMenuSvg}`);
2673
2674          const closeMobileMenuSvg = document.querySelector('#widget_1677004852007__hamburger__x-svg');
2675          if (!closeMobileMenuSvg) throw new Error(`closeMobileMenuSvg not found:\n${closeMobileMenuSvg}`);
2676          /* Guard clauses and variable declarations - end */
2677
2678          _moveSubMenuItemsToSubMenuWrapper(parentMenuItems);
2679          _insertArrowsToMobileParentMenuItems(parentMenuItems);
2680          _addCustomClickEventToParentMenuItems(parentMenuItems);
2681
2682          closeSubMenuSvg.addEventListener('click', closeSubMenu);
2683          closeMobileMenuSvg.addEventListener('click', closeSubMenu);
2684
2685
2686          function closeSubMenu() {
2687            // try {
2688              mobileMainMenu.style.display = 'flex';
2689
2690              for (let i = 0; i < subMenuUlElements.length; i++) {
2691                subMenuUlElements[i].style.display = 'none';
2692                customSubMenuWrapper.style.display = 'none';
2693              }
2694            // } catch (e) { console.warn(`%c!!! closeSubMenu()\n${e}`, 'background: #faf'); }
2695          }
2696
2697          function _insertArrowsToMobileParentMenuItems(parentMenuItems) {
2698            // try {
2699              if (!parentMenuItems || parentMenuItems.length < 1)
2700                throw new Error(`parentMenuItems not found:\n${parentMenuItems}`);
2701
2702              const arrowSvg = `
2703                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
2704                  style="pointer-events:none;"
2705                >
2706                  <rect width="40" height="40" rx="20" fill="#FDF3E8"/>
2707                  <path d="M14.1074 20.0019H25.8926M25.8926 20.0019L20 14.1094M25.8926 20.0019L20 25.8945" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2708                </svg>
2709              `;
2710
2711              parentMenuItems.forEach(menuItem => {
2712                menuItem.insertAdjacentHTML('beforeend', arrowSvg);
2713              });
2714            // } catch (e) { console.warn(`%c!!! _insertArrowsToMobileParentMenuItems()\n${e}`, 'background: #faf'); }
2715          }
2716
2717          function _addCustomClickEventToParentMenuItems(parentMenuItems) {
2718            // try {
2719              if (!parentMenuItems || parentMenuItems.length < 1)
2720                throw new Error(`parentMenuItems not found:\n${parentMenuItems}`);
2721
2722              parentMenuItems.forEach(menuItem => {
2723                menuItem.addEventListener('click', event => {
2724                  event.preventDefault();
2725                  _openSubMenu();
2726                });
2727              });
2728
2729              function _openSubMenu() {
2730                // try {
2731                  mobileMainMenu.style.display = 'none';
2732
2733                  const currentMenuItem_name = event.target.textContent.trim().toLowerCase();
2734                  for (let i = 0; i < subMenuUlElements.length; i++) {
2735                    const subMenuUlElement = subMenuUlElements[i];
2736                    const subMenuUlElement_name = subMenuUlElement.dataset.name;
2737                    if (subMenuUlElement_name === currentMenuItem_name) {
2738                      subMenuUlElement.style.display = 'block';
2739                      customSubMenuWrapper.style.display = 'block';
2740                      break;
2741                    }
2742                  }
2743                // } catch (e) { console.warn(`%c!!! _openSubMenu()\n${e}`, 'background: #faf'); }
2744              }
2745            // } catch (e) { console.warn(`%c!!! _addCustomClickEventToParentMenuItems()\n${e}`, 'background: #faf'); }
2746          }
2747
2748          /**
2749           * - Moves all sub menu items (ul elements) to the sub menu wrapper.
2750           * - Gives sub menu items (ul elements) a data-name attribute.
2751           * - Gives sub menu items (ul elements) style.display = 'none'.
2752          */
2753          function _moveSubMenuItemsToSubMenuWrapper(parentMenuItems) {
2754            // try {
2755              if (!parentMenuItems || parentMenuItems.length < 1)
2756                throw new Error(`parentMenuItems not found:\n${parentMenuItems}`);
2757
2758              parentMenuItems.forEach((parentMenuItem, index) => {
2759                /* Guard clauses and variable declarations - start */
2760                const parentMenuItem_aTag = parentMenuItem.querySelector('a');
2761                if (!parentMenuItem_aTag) throw new Error(`parentMenuItem_aTag not found:\n${parentMenuItem_aTag}`);
2762
2763                const parentMenuItem_name = parentMenuItem_aTag.textContent.trim().toLowerCase();
2764                if (!parentMenuItem_name) throw new Error(`parentMenuItem_name not found:\n${parentMenuItem_name}`);
2765
2766                const subMenuUlElement = parentMenuItem.querySelector('ul.hs-menu-children-wrapper');
2767                if (!subMenuUlElement) throw new Error(`subMenuUlElement not found:\n${subMenuUlElement}`);
2768                /* Guard clauses and variable declarations - end */
2769
2770                customSubMenuWrapper.insertAdjacentElement('beforeend', subMenuUlElement);
2771                subMenuUlElement.style.display = 'none';
2772                subMenuUlElement.dataset.name = parentMenuItem_name;
2773              });
2774            // } catch (e) { console.warn(`%c!!! _moveSubMenuItemsToSubMenuWrapper()\n${e}`, 'background: #faf'); }
2775          }
2776        // } catch (e) { console.warn(`%c!!! mobileParentMenuItemsLogic()\n${e}`, 'background: #faf'); }
2777      }
2778
2779      /** 
2780       * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded.
2781       * If all elements are found, invoke given callback. Otherwise log warning.
2782       * 
2783       * @param {string | string[]} elementQueries
2784       * @callback callback
2785       * @param {number} iterationLimit - How many iterations can this function do before aborting?
2786       * @param {number} intervalMs - In miliseconds.
2787      */
2788      function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) {
2789        try {
2790          /* Guard clauses - start */
2791          if (!elementQueries
2792            || !Array.isArray(elementQueries) && typeof elementQueries !== 'string'
2793            || elementQueries.length < 1
2794          )
2795            throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array);
2796      
2797          if (!callback
2798            || typeof callback !== 'function'
2799          )
2800            throw new Error(`callback is invalid.\ncallback:\n` + callback);
2801          /* Guard clauses - end */
2802      
2803          let intervalIterations = 0;
2804          if (typeof elementQueries === 'string') elementQueries = [elementQueries];
2805          const numberOfGivenQueries = elementQueries.length;
2806      
2807          const waitForElement = setInterval(() => {
2808            intervalIterations++;
2809      
2810            let numberOfElementsFound = 0;
2811            for (let i = 0; i < elementQueries.length; i++) {
2812              const element = document.querySelector(elementQueries[i]);
2813              if (element) numberOfElementsFound++;
2814      
2815              const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries;
2816              if (allElementsAreFound) {
2817                callback(element, waitForElement);
2818                clearInterval(waitForElement);
2819              }
2820      
2821              if (intervalIterations > iterationLimit) {
2822                console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf');
2823                clearInterval(waitForElement);
2824              }
2825            }
2826          }, intervalMs);
2827        } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); }
2828      }
2829    })();
2830  </script>
2830
2831
2832
2833  
2833<script defer>
2834    // @ts-check
2835    "use strict";
2836
2837    (() => {
2838      main();
2839
2840      function main() {
2841        try {
2842          const tl = gsap.timeline();
2843          tl
2844            .add(() => setStateTitle())
2845            .add(() => setStateHeroImage())
2846            .add(() => animateSubtitle())
2847            .add(() => animateTitle(), '+=0.3')
2848            .add(() => animateHeroImage(), '+=0.3')
2849
2850          animateHeroBgImage();
2851
2852          function setStateTitle() {
2853            try {
2854              const title = document.querySelector('#widget_1677004716943 .hero__title');
2855              if (!title) throw new Error('title not found\ntitle:\n', title);
2856              gsap.set(title, {
2857                opacity: 0,
2858                y: 50
2859              });
2860            } catch (e) { console.warn(`%c!!! setStateTitle()\n${e}`, 'background: #faf'); }
2861          }
2862
2863          function animateTitle() {
2864            try {
2865              const title = document.querySelector('#widget_1677004716943 .hero__title');
2866              if (!title) throw new Error('title not found\ntitle:\n', title);
2867              gsap.to(title,
2868              {
2869                ease: Power4,
2870                duration: 1.5,
2871                opacity: 1,
2872                y: 0
2873              });
2874            } catch (e) { console.warn(`%c!!! animateTitle()\n${e}`, 'background: #faf'); }
2875          }
2876
2877          function animateSubtitle() {
2878            try {
2879              const subtitle = document.querySelector('#widget_1677004716943 .hero__subtitle');
2880              if (!subtitle) throw new Error('subtitle not found\ntitle:\n', subtitle);
2881              gsap.set(subtitle, { opacity: 0 });
2882              gsap.fromTo(subtitle,
2883              {
2884                opacity: 0,
2885                y: 25
2886              },
2887              {
2888                ease: Power4,
2889                duration: 1.5,
2890                opacity: 1,
2891                y: 0
2892              });
2893            } catch (e) { console.warn(`%c!!! animateSubtitle()\n${e}`, 'background: #faf'); }
2894          }
2895
2896          function setStateHeroImage() {
2897            try {
2898              const heroImage = document.querySelector('#widget_1677004716943 .hero__image');
2899              if (!heroImage) throw new Error('heroImage not found\nheroImage:\n', heroImage);
2900
2901              gsap.set(heroImage, {
2902                ease: Power4,
2903                opacity: 0,
2904                y: 50
2905              });
2906            } catch (e) { console.warn(`%c!!! setStateHeroImage()\n${e}`, 'background: #faf'); }
2907          }
2908
2909          function animateHeroImage() {
2910            try {
2911              const heroImage = document.querySelector('#widget_1677004716943 .hero__image');
2912              if (!heroImage) throw new Error('heroImage not found\nheroImage:\n', heroImage);
2913
2914              gsap.to(heroImage, {
2915                duration: 1,
2916                y: 0,
2917                opacity: 1
2918              });
2919            } catch (e) { console.warn(`%c!!! animateHeroImage()\n${e}`, 'background: #faf'); }
2920          }
2921
2922          function animateHeroBgImage() {
2923            try {
2924              const bgImage = document.querySelector('#widget_1677004716943 .hero__bg-image');
2925              if (!bgImage) throw new Error('bgImage not found\nbgImage:\n', bgImage);
2926              bgImage.style.transform = 'translateY(400px) scale(1.5)';
2927
2928              gsap.to(bgImage, {
2929                scrollTrigger: {
2930                  trigger: bgImage,
2931                  toggleActions: 'play none none none',
2932                  start: '20% 80%',
2933                  end: '80% 20%',
2934                  scrub: 1,
2935                },
2936                y: -100
2937              });
2938            } catch (e) { console.warn(`%c!!! animateHeroBgImage()\n${e}`, 'background: #faf'); }
2939          }
2940          } catch (e) { console.warn(`%c!!! hero white module: main()\n${e}`, 'background: #faf'); }
2941      }
2942    })();
2943  </script>
2943
2944
2945
2946  
2946<script defer>
2947    // @ts-check
2948    "use strict";
2949
2950    (() => {
2951      try {
2952        const BREAKPOINT = 1200;
2953
2954        slickSliderLogic();
2955
2956        let intervalCount = 0;
2957        const setIntervalId = setInterval(() => {
2958          intervalCount++;
2959          test();
2960          if (intervalCount >= 5) {
2961            clearInterval(setIntervalId);
2962          }
2963        }, 500);
2964
2965
2966        function test() {
2967          const textualContents = [...document.querySelectorAll('#widget_1677004603606 .textual-content')];
2968          if (textualContents.length < 1) throw new Error(`textualContents not found:\n${textualContents}`);
2969
2970          const slickList = document.querySelector('#widget_1677004603606 .slick-list');
2971          if (!slickList) throw new Error(`slickList not found:\n${slickList}`);
2972
2973          let textualContent_height = 0;
2974          textualContents.forEach((element, index) => {
2975            if (textualContent_height < element.offsetHeight) {
2976              textualContent_height = element.offsetHeight;
2977            }
2978
2979            slickList.style.height = `${textualContent_height + 400}px`;
2980          });
2981
2982        }
2983
2984
2985        function slickSliderLogic() {
2986          try {
2987            $(document).ready(() => {
2988              const slickSlider = $('#widget_1677004603606.slick-slider');
2989              _initializeSlickSlider();
2990              _hideOrShowSlickArrowsBasedOnCurrentSlideNumber();
2991
2992              window.addEventListener('resize', () => {
2993                if (isDesktop()) {
2994                  _initializeSlickSlider();
2995                  _hideOrShowSlickArrowsBasedOnCurrentSlideNumber();
2996                }
2997              });
2998
2999              function _initializeSlickSlider() {
3000                try {
3001                  slickSlider.slick({
3002                    responsive: [
3003                      {
3004                        breakpoint: BREAKPOINT,
3005                        settings: 'unslick',
3006                      },
3007                      {
3008                        breakpoint: 9999,
3009                        settings: {
3010                          adaptiveHeight: false,
3011                          dots: true,
3012                          infinite: false,
3013                          prevArrow: `
3014                            <div class="slick-prev slick-arrow">
3015                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" nighteye="disabled">
3016                                <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/>
3017                              </svg>
3018                            </div>
3019                          `,
3020                          nextArrow: `
3021                            <div class="slick-next slick-arrow">
3022                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" nighteye="disabled">
3023                                <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/>
3024                              </svg>
3025                            </div>
3026                          `,
3027                        }
3028                      }
3029                    ],
3030                  });
3031                } catch (e) { console.warn(`%c!!! _initializeSlickSlider()\n${e}`, 'background: #faf'); }
3032              }
3033
3034
3035              function _hideOrShowSlickArrowsBasedOnCurrentSlideNumber() {
3036                try {
3037                  /** @type {HTMLButtonElement} */
3038                  const slickPrevElement = document.querySelector('#widget_1677004603606 .slick-prev');
3039                  if (!slickPrevElement) return;
3040                  slickPrevElement.style.display = 'none';
3041
3042                  /** @type {HTMLButtonElement} */
3043                  const slickNextElement = document.querySelector('#widget_1677004603606 .slick-next');
3044                  if (!slickNextElement) return;
3045
3046                  slickSlider.on('beforeChange', (event, slick, currentSlide, nextSlide) => {
3047                    const isFirstSlide = nextSlide === 0;
3048                    const isLastSlide = slick.$slides.length === nextSlide + 1;
3049
3050                    if (isFirstSlide) {
3051                      slickPrevElement.style.display = 'none';
3052                      slickNextElement.style.display = 'block';
3053                    } else if (isLastSlide) {
3054                      slickPrevElement.style.display = 'block';
3055                      slickNextElement.style.display = 'none';
3056                    } else {
3057                      slickPrevElement.style.display = 'block';
3058                      slickNextElement.style.display = 'block';
3059                    }
3060                  });
3061                } catch (e) { console.warn(`%c!!! _hideOrShowSlickArrowsBasedOnCurrentSlideNumber()\n${e}`, 'background: #faf'); }
3062              }
3063
3064
3065              function isDesktop(breakpoint = BREAKPOINT) {
3066                try {
3067                  return window.matchMedia(`(min-width: ${breakpoint}px)`).matches;
3068                } catch (e) { console.warn(`%c!!! isDesktop()\n${e}`, 'background: #faf'); }
3069              }
3070            });
3071          } catch (e) { console.warn(`%c!!! slickSliderLogic()\n${e}`, 'background: #faf'); }
3072        }
3073      } catch (e) { console.warn(`%c!!! about us carousel module ${e}`, 'background: #faf'); }
3074    })();
3075
3076  </script>
3076
3077
3078
3079	
3079<script defer>
3080		// @ts-check
3081		(function changePaddingBottomOfPreviousSection(customClass = 'footer-section') {
3082			// dnd stands for drag 'n drop, a HubSpot feature
3083			const thisSection = document.querySelector('#Homepage_default-module-8');
3084			const thisDndModule = thisSection.closest('.dnd-module');
3085			if (!thisDndModule)
3086				return console.warn(`thisDndModule not found:\n${thisDndModule}`);
3087			thisDndModule.classList.add(customClass);
3088
3089			const allDndModules = [...document.querySelectorAll('.dnd-module')];
3090			let thisDndModuleIndex = 0;
3091			for (let i = 0; i < allDndModules.length; i++) {
3092				const dndModuleContainsCustomClass = allDndModules[i].classList.contains(customClass);
3093				if (dndModuleContainsCustomClass) {
3094					thisDndModuleIndex = i;
3095					break;
3096				}
3097			}
3098
3099			const previousDndModuleIndex = thisDndModuleIndex - 1;
3100			allDndModules.forEach((dndModule, index) => {
3101				if (index === previousDndModuleIndex) {
3102					dndModule.querySelector('section').classList.add('extra-padding-bottom');
3103				}
3104			});
3105		})();
3106	</script>
3106
3107
3108
3109<!-- Start of HubSpot Analytics Code -->
3110<script type="text/javascript">
3111var _hsq = _hsq || [];
3112_hsq.push(["setContentType", "standard-page"]);
3113_hsq.push(["setCanonicalUrl", "https:\/\/www.rum.nl\/en\/about-us\/eascheer"]);
3114_hsq.push(["setPageId", "62288060091"]);
3115_hsq.push(["setContentMetadata", {
3116    "contentPageId": 62288060091,
3117    "legacyPageId": "62288060091",
3118    "contentFolderId": null,
3119    "contentGroupId": null,
3120    "abTestId": null,
3121    "languageVariantId": 62288060091,
3122    "languageCode": "en",
3123    
3124    
3125}]);
3126</script>
3126
3127
3128<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/25607130.js"></script>
3128
3129<!-- End of HubSpot Analytics Code -->
3130
3131
3132<script type="text/javascript">
3133var hsVars = {
3134    render_id: "f69feee4-1ad9-4fd6-8511-b45997c5b65c",
3135    ticks: 1789027555199,
3136    page_id: 62288060091,
3137    
3138    content_group_id: 0,
3139    portal_id: 25607130,
3140    app_hs_base_url: "https://app-eu1.hubspot.com",
3141    cp_hs_base_url: "https://cp-eu1.hubspot.com",
3142    language: "en",
3143    analytics_page_type: "standard-page",
3144    scp_content_type: "",
3145    
3146    analytics_page_id: "62288060091",
3147    category_id: 1,
3148    folder_id: 0,
3149    is_hubspot_user: false
3150}
3151</script>
3151
3152
3153
3154<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3154
3155
3156<script>
3157  const target = document.querySelector('nav ul > li.hs-menu-item.hs-menu-depth-1:last-of-type a');
3158if (target) {
3159  const wrapper = document.createElement('div');
3160  wrapper.className = 'btn btn-primary custom-nav-button';
3161  target.parentNode.insertBefore(wrapper, target);
3162  wrapper.appendChild(target);
3163} 
3164</script>
3164
3165
3166<style>
3167  .custom-nav-button a {
3168    padding-top: 10px;
3169    padding-bottom: 10px;
3170  }
3171  .custom-nav-button a:after {
3172    content: '';
3173    height: 12px;
3174    width: 12px;
3175    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.31641%201.59229C6.02344%201.88525%206.05273%202.32471%206.31641%202.61768L9.86133%205.95752H1.45312C1.04297%205.95752%200.75%206.27979%200.75%206.66064V7.59814C0.75%208.0083%201.04297%208.30127%201.45312%208.30127H9.86133L6.31641%2011.6704C6.05273%2011.9634%206.05273%2012.4028%206.31641%2012.6958L6.96094%2013.3403C7.25391%2013.604%207.69336%2013.604%207.95703%2013.3403L13.6699%207.62744C13.9336%207.36377%2013.9336%206.92432%2013.6699%206.63135L7.95703%200.947754C7.69336%200.684082%207.25391%200.684082%206.96094%200.947754L6.31641%201.59229Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
3176    background-size: contain;
3177    background-repeat: no-repeat;
3178    margin-left: 8px;
3179    display: inline-block;
3180  }
3181</style>
3182
3183
3184  
3185</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.