

<!DOCTYPE html>
<html lang="nl">
<head>
    <!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KP9NTZWH');
</script>
<!-- End Google Tag Manager -->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="referrer" content="origin-when-cross-origin" />

                        
                                                    <link rel="alternate" hreflang="en" href="https://shuffly.com/en/competitive-socializing-games/billiards" />
                                        <link rel="alternate" hreflang="x-default" href="en" />
            
                                        
                                                    <link rel="alternate" hreflang="nl" href="https://shuffly.com/nl/competitieve-gezelschapsspellen/biljart" />
                        
                                                                    
    <link href="/dist/output.css"   rel="stylesheet">
    <link href="/styles/navbar.css" rel="stylesheet">
    <script src="/scripts/default.js"></script>
        <title>Biljart</title>

            
        <style>
                    </style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');

@font-face {
    font-family: "Thunder";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-MediumLC.otf") format("truetype");
}
@font-face {
    font-family: "Thunder Bold";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-BoldLC.otf") format("truetype");
}
@font-face {
    font-family: "Thunder special";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-MediumHCItalic.otf") format("truetype");
}


@font-face {
    font-family: "Rocket Clouds";
    src: url("https://shuffly.com/uploads/Fonts/Rocket%20Clouds.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham Regular";
    src: url("https://shuffly.com/uploads/Fonts/GothamHTF-Book.otf") format("truetype");
    src: url("https://shuffly.com/uploads/Fonts/barlow/Barlow-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham Bold";
    src: url("https://shuffly.com/uploads/Fonts/GothamHTF-Bold.otf") format("truetype");
}

.fa-star {
 font-size: 24px;
 margin-right: 2px;
 color: rgba(0,0,0,0.6);
}

.checked {
  color: var(--secondary);
}

:root, html, body: {
  max-width: 100vw;
}

html {
  background: var(--background);
}

body {
  padding: 0 10vw 0 10vw;
  color:      var(--text-primary);
  background-image: url("/uploads/page-bg.png"), linear-gradient(transparent 90%, var(--primary));
background-image: unset;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -100;
  overflow-x: hidden;
}
#navbar {
  left: 0;
}

img:not(#navbar > div > div > a > img) {
  width: 100%;
}

#navbar {
  top: 0;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div * {
  font-size: 16px;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul {
  gap: 35px;
  padding-right: 30px;
  font-size: clamp(12px, 1.4vw, 22px);
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:not(#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) *) {
  right: unset !important;
  left: 0px;
}

#navbar-bar .product-card-layout {
  padding-top: 0px !important;
}
@keyframes open-subnav {
  0%   {opacity: 0; scale: 1 0.9;}
  100% {opacity: 1; scale: 1 1;}
}
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li > .grid > .grid:has(.prod-card) {
  transform-origin: top center;
  animation-name: open-subnav;
  animation-duration: 0.75s;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li > .grid > .grid:has(.prod-card)::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: calc(100% - 50px);
  left: 0;
  top: 60px;
  background: linear-gradient(0deg, transparent 0%, var(--input) 10%, var(--input) 50%);
  /*box-shadow: 10px 0 20px black;*/
}
/*#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid {
  padding-top: 20px;
}*/
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) > div > div {
  right: 0px !important;
  left: unset !important;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid > ul {
  padding-left: 0px !important;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid > ul:not(#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) *) {
  justify-items: start;
  padding-left: 0px !important;
}

body > div:nth-child(3) > * {
  margin-bottom: 120px;
  overflow-x: clip;
  overflow-x: visible;
}

input, textarea {
  width: 100%;
  background: rgba(50, 38, 105, 0.5);
  border-radius: 20px;
  padding: 5px 15px;
  margin-bottom: 20px;
}

.input-label {
  margin-bottom: 5px;
}

@media only screen and (max-width: 600px) {
  body {
    padding: 0 5vw 0 5vw;
  }

  body > div:nth-child(3) > * {
    margin-bottom: 80px;
  }
}

ul.breadcrumb {
  display: flex;
  gap: 20px;
}
.breadcrumb a, .breadcrumb li {
  color: var(--secondary);
}
div.breadcrumb {
  position: absolute;
  margin-top: -90px;
}

video {
  min-width: 100%;
}

.ac-collapsed {
  max-height: 0px !important;
  overflow: hidden;
  opacity: 0 !important;
  margin-bottom: 0 !important;
}
.accordion .component-column * {
transition: all 0.25s;
  max-height: 1000px;
  opacity: 1;
}
.accordion h3 {
  font-size: 24px;
}

.header-layout {
  background-size: cover;
  min-height: 275px;
  position: relative;
}
.header-small-layout{
  background-size: cover;
  min-height: 275px;
  position: relative;
}
.header-small-layout * {
  position: relative;
  z-index: 10;
}
.header-small-layout:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.fourth-layout figure {
 border-radius: 20px;
 overflow: hidden;
}
.fourth-layout > .component-column > * {
 margin-bottom: 20px;
}
.centered-content-layout > .component-column > * {
 margin-bottom: 10px;
}
.centered-content-layout > .component-column > h1, .centered-content-layout > .component-column > h2, .centered-content-layout > .component-column > h3, .centered-content-layout > .component-column > h4, .centered-content-layout > .component-column > h5 {
 margin-bottom: 0px;
}
.centered-content-layout .component-column ul li {
 margin-bottom: 10px;
 list-style-type: disc;
}

.centered-content-layout .component-column ul li *, .f50-50-layout .component-column ul li * {
 display: inline;
}

.centered-content-layout .component-column ul {
 padding-left: 15px;
}
.centered-content-layout {
  max-width: 1400px;
}

.default {
  max-width: 87vw;
}

.sixth-layoutXXXX figure {
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    align-content: center;
    border-radius: 200px;
}
.sixth-layout figure {
    height: 100%;
    align-content: center;
}
.sixth-layoutXXXX figure img {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}

@media only screen and (min-width: 900px) {
.sixth-container {
    display: flex;
    justify-content: space-evenly;
}
.sixth-layout {
  grid-template-columns: unset;
  width: 150px;
}
}

.fourth-layout img:not(figure img) {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    min-height: 300px;
}
.fourth-layout img {
    border-radius: 5px;
    object-fit: cover;
    height: 100%;
}
.fourth-layout figure {
    height: 100%;
}

.fourth-layout:has(div > a) {
    grid-column: span 12;
}
.fourth-layout:has(div > a) > div {
    display: flex; gap: 20px;
}
.fourth-layout .component-column:has(img:not(figure img)) {
    height: fit-content;
}
.fourth-layout .component-column {
    height: fit-content;
}
.fourth-layout p a {
    color: var(--primary);
}

form {
  margin-top: 30px;
}

.component-column li{
 list-style: disc;
}

#navbar-bar > div > ul > li > div {
  position: relative;
}

.accordion a {
  color: var(--primary);
}
.accordion h3{
  position: relative;
}
.accordion .fa {
  position: absolute;
  right: 0;
  top: 25px;
  pointer-events: none;
}

#socials {
  display: flex;
  filter: invert(1);
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 20px;
}

#socials a > * {
  aspect-ratio: 1 / 1;
  max-width: 30px;
  pointer-events: none;
}


footer strong {
  color: var(--secondary);

  font-family: "Gotham Bold";
  display: block;
  margin-bottom: -15px;
}
body > footer > div > div > div > div:nth-child(5) > p:nth-child(1) > strong {
  display: block;
  margin-bottom: 15px;
}

.gallery img {
  cursor: pointer;
}

.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

@keyframes modal-popup {
  0%   {opacity:0; scale:0.75;}
  100% {opacity:1; scale:1;}
}
.modal * {
   animation-name: modal-popup;
   animation-duration: 0.6s;
   max-width: min(1200px, 90vw);
   max-height: min(1200px, 70vh);
   object-fit: contain;
   margin: auto;
   margin-top: 150px;
}

footer {
  position: relative;
  padding-top: 60px;
}
footer * {
  color: var(--gray) !important;
}
footer:after {
    content: "";
    position: absolute;
    width: 3000px;
    height: 110%;
    background: linear-gradient(0deg, black 90%, transparent);
    z-index: -1;
    left: -600px;
    top: -50px;
}

.header-small-layout {
  margin-top: 0px;
  padding-top: 200px;
  margin-left: -10vw;
  width: 130%;
  padding-bottom: 100px;
}
.header-small-layout, .header-layout, .video-header-layout video {
  mask-image: linear-gradient(0deg, transparent, black 5%);
}

.sub-layout.f50-width-container:nth-child(1) {
  padding-right: 1vw;
}
.sub-layout.f50-width-container:nth-child(2) {
  padding-left: 1vw;
}

.f50-width-layout:not(*:has(img)) {
  max-width: 600px;
}

.f50-50-layout {
      gap: 2vw !important;
}

li {
    list-style-position: inside !important;
}

#home-boost {
  position: relative;
  z-index: 5;
  max-width: 800px;
  margin-bottom: 30px;
}
#home-boost-2 {
  display: flex;
}
#home-boost-2 .sixth-layout {
  width: max-content !important;
}
#home-boost-2 button {
  margin-top: 30px;
}
#home-boost-2 a:has(img) {
    max-width: 800px;
    position: absolute;
    top: -65%;
    border-radius: 10px;
    width: 50%;
    right: 0%;
    z-index: -10;
    opacity: 0.75;
}
#home-boost em {
  color: var(--secondary);
}
#home-boost h1 {
  color: var(--primary);
  padding-top: 15px;
  line-height: 0.9;
    background: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
  font-size: clamp(60px, 6vw, 120px);
}

@media only screen and (min-width: 1400px) {
#home-boost-2 a:has(img) {
    opacity: 1;
    top: -225%;
}
}

.centered-content-layout:not(.centered-content-layout:has(p, a)) {
  padding: 0;
  margin-bottom: 0;
}
.unstyled-layout:not(.unstyled-layout:has(p, a)) {
  padding: 0;
  margin-bottom: 30px;
}

.chiplist .inner-col .component-column > * {
  margin-bottom: 15px;
}
.chiplist .inner-col .component-column li {
  margin-top: 10px;
}


/* MOBILE SECTION */
/* MOBILE SECTION */
/* MOBILE SECTION */


#navbar .fa-times {
  position: absolute;
  top: 2rem; right: 2.5rem;
  font-size: 30px;
  display: none;
}
@media only screen and (max-width: 641px) {
  #navbar:has(.open) .fa-times {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .header-small-layout {
    width: 100vw !important;
    margin-left: -5vw !important;
  }
  .header-layout {
    width: 100vw !important;
    padding-top: 50px;
  }
  footer:after, footer .empty-column, .vid-header div:nth-child(1), .banner-bg:after {
    left: -5vw !important;
    max-width: 100vw !important;
  }
  .inner-col .component-column > * {
    margin-bottom: 20px !important;
   }
   .inner-col .component-column > h2 {
    margin-bottom: 10px !important;
   }
   #home-boost h1 {
     line-height: 0.9 !important;
   }
   #home-boost-2 h3 {
     margin-bottom: 5px;
     font-size: 28px;
   }
   #home-boost-2 {
    flex-direction: column-reverse;
    gap: 0px;
   }
   .fourth-layout img {
      aspect-ratio: 1 / 1;
      min-height: unset;
      height: 200px;
    }
    .footer-layout {
      column-gap: unset;
    }
    .footer-layout .component-column:nth-child(5) {
      grid-row-start: 1;
      grid-column-start: 7;
    }
    body > footer > div > div > div > div:nth-child(8) > div {
      flex-wrap: wrap;
    }
    .vid-header h2, .header-layout > .component-column > h2, .header-small-layout > .component-column > h2, blockquote  {
        font-size: 26px !important;
        line-height: 1 !important;
    }
    .header-small-layout > .component-column > h1, .header-small-layout > .component-column > h2 {
       padding-left: 16px;
    }
    .vid-header h1, .header h1, .header-small-layout > .component-column > h1 {
      font-size: 44px !important;
      line-height: 42px !important;
      background: repeating-linear-gradient(to bottom, white, var(--gray) 42px) !important;
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
}
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > a{
       grid-column: span 8;
       place-self: start;
       text-align: right;
       font-size: 28px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > button {
       grid-column: span 4;
       place-self: end;
       width: 100%;
       text-align: right;
       font-size: 26px;
       padding-right: 20px;
       padding-bottom: 10px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div:has(.opened) > button::before {
       content: "\f00d";
       transition: rotate 0.6s;
       display: inline-block;
       rotate: 180deg;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div:has(.opened) > button::before {
       rotate: 90deg;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden * {
       font-size: 26px;
       line-height: 1.2;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden {
       transition: height 0.3s, padding-top 0.6s;
       grid-column: span 12;
       width: 100%;
       flex-direction: column;
       align-items: center;
       /*padding-right: 5vw;*/
       display: flex;
       overflow: hidden;
       gap: 5px;
       height: 0;
       padding-top: 0px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden.opened {
       height: 100%;
       padding-top: 20px;
    }
#navbar .collapsable li:not(.mobile-nest li) {
    font-size: 28px;
    margin-bottom: 18px;
    border-top: solid 1px var(--primary);
    padding-top: 10px;
}
#navbar .collapsable > span.col-span-6 {
  display: none;
}
#navbar .collapsable > div.col-span-5 {
  grid-column: span 12 !important;
  margin-top: 60px;
}
.nvbr.collapsable {
  padding-right: 1rem;
  width: 100vw;
}
#nav-item-support {
    color: var(--primary);
}

#navbar .mobile-menu .hidden a, #navbar .mobile-menu .hidden li {
    padding: 0 !important;
    width: 100%;
    text-align: left;
}
.nvbr.collapsable > button {
   display: none;
   /*position: absolute;
   width: 60px;
   right: 1rem;*/
}
#hamburger > .collapsable > div {
  gap: 30px;
  justify-content: flex-start;
}
.collapsable #languages {
  position: relative;
}
.collapsable #languages .languages-content {
    left: -50%;
    top: -50%;
    border-radius: 20px;
    padding-right: unset;
    background: rgba(0, 0, 0, 0.9);
}

#messagesuccess, .message.notice {
  display: none;
}
@keyframes notification {
  0%    {opacity: 0;}
  10%   {opacity: 1;}
  90%   {opacity: 1;}
  100%  {opacity: 0;}
}
#messagesuccess.notice {
    display: unset;
    opacity: 0;
    animation-name: notification;
    animation-duration: 6s;
    pointer-events: none;
    margin: auto auto;
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    padding: 5vw;
    text-align: center;
    font-size: 30px;
    border-radius: 0 0 20px 20px;
}
form button {
  margin-top: 30px;
}
        :root {
            --background : #070b22;
            --text-primary : #ffffff;
            --primary : #c445cd;
            --primary-contrast : #ffffff;
            --secondary : #37b8c2;
            --third : #9747ff;
            --gray : #dedede;
            --input : #322669;
            --third : #d761ff;
    }
        body {
  font-family: "Roboto";
  font-family: "Gotham Regular";
}
p strong {
  font-family: "Gotham Bold";
}
h1 {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1 !important;
  font-family: "Thunder Bold", "Gotham Bold";
}
h2 {
  text-transform: uppercase;
}
.cta-custom-card h2 {
  letter-spacing: 3 !important;
}
b, h2, h3, h4 {
  letter-spacing: 2 !important;
  font-family: "Thunder", "Gotham Bold";
}
.centered-content-layout .component-column a:not(.testimonials), .inner-col .component-column a:not(.testimonials) {
  color: var(--primary);
}

a {
  border-radius: 30px;
}

h1, h2, h3 {
  /*font-style: italic;*/
  /*text-transform: uppercase;*/
  padding: 0 16px 0 0;
}
.prod-card h1, .prod-card h3, .prod-card h2, .prod-card h4 {
  letter-spacing: 1 !important;
  text-transform: unset;
  font-style: unset;
}

b, strong {
  font-weight: 700;
}

p, li {
  font-size: 20px;
  line-height: 1.6;
}
footer p, #navbar p {
  font-size: 16px;
  line-height: 24px;
}
.header-small-layout h1 {
  font-size: max(60px, 5vw) !important;
  line-height: max(66px, 5.6vw) !important;
  background: repeating-linear-gradient(to bottom, white, var(--gray) max(66px, 5.6vw));
  -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: white;
}

.vid-header h1, .header h1 {
  font-style: italic;
  position: relative;
  text-align: center;
  font-size: max(90px, 6vw);
  line-height: max(96px, 5.6vw);
  background: repeating-linear-gradient(to bottom, white, var(--gray) max(96px, 5.6vw));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.vid-header h2, .header h2 {
  text-align: center;
  font-size: 80px;
  line-height: 96px;
  color: var(--primary);
  font-family: "Thunder special", "Yellowtail";
  font-style: normal;
  font-weight: 400;
  background: unset;
  -webkit-background-clip: unset;
          background-clip: unset;
  -webkit-text-fill-color: unset;
  text-transform: unset;
  padding-bottom: 10px;
  font-size: 40px;
  line-height: 50px;
  max-width: 700px;
  margin: auto;
}
.header h2, .header-small-layout h2 {
  font-family: "Thunder special", "Yellowtail";
  font-size: 44px;
  text-transform: unset;
  color: var(--text);
}

.centered-content-layout blockquote {
  letter-spacing: 3;
  text-align: center;
  font-size: 44px;
  line-height: 52.8px;
  color: var(--secondary);
  font-weight: 400;
  font-style: normal;
  font-family: 'Thunder special';
}

h1 {
  font-size: 64px;
  font-size: 74px;
  line-height:80px;
  background: repeating-linear-gradient(to bottom, white, var(--gray) 80px);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
h2 {
  color: var(--third);
  font-size: 56px;
  line-height: 59px;
  /* background: repeating-linear-gradient(to bottom, white, var(--gray) 59px);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent; */
}
h3 {
  font-size: 40px;
  font-style: normal;
  font-size: 34px;
}
h4 {
  font-size: 30px;
  line-height: 34px;
}

footer * {
  line-height: 1.75;
}

@media only screen and (max-width: 1200px) {
  #navbar-bar ul {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  h1, h2:not(.prod-card h2, .vid-header h2) {
    font-size: 44px !important;
    line-height: 52.8px !important;
  }
  h2:not(.prod-card h2, .vid-header h2) {
    line-height: 1 !important;
  }
  .vid-header h2 {
    font-size: clamp(32px, 1.5vw, 44px);
    line-height: 1.2;
  }
  h2, .header-layout h2 {
    font-size: 40px;
    line-height: 50px;
  }
  h3 {
    font-size: 36px;
    line-height: 40px;
  }
  .vid-header h1, .header h1 {
    background: repeating-linear-gradient(to bottom, white, var(--gray) 52.8px);
    -webkit-background-clip: text !important;
            background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}
em {
    color: var(--secondary);
    font-style: unset;
}

#meet-the-team strong {
   color: var(--primary);
}
        .disappear {
  transition: all 2s;
  display: grid;
  position: absolute;
  opacity: 0;
  translate: -200px;
  pointer-events: none;
}
.fadedout {
  pointer-events: none;
  transition: all 0.5s;
  opacity: 0 !important;
  translate: 0px -200px !important;
}
.fadedin {
  transition: all 0.5s;
  opacity: 1;
  translate: 0px 0px;
}
.appear {
  transition: all 2s;
  display: grid;
  opacity: 1;
  translate: 0;
}

a {
  transition: all 1s;
}

a:hover {
  scale: 1.05;
}

button, figure:has(a) {
  transition: all 1s;
}

button:hover, figure:has(a):hover, a:hover:not(.prod-card > div > p > a) {
  scale: 1.02;
  filter: drop-shadow(0px 0px 30px var(--third));
}
        
        .default-button button {
            background: var(--primary);
            color: var(--primary-contrast);
            padding: 8px 24px;
            border-radius: 50px;
            }
        #navbar > div:not(#navbar-bar, .collapsable) {
background: rgba(16, 0, 56, 0.7);
margin-top: -100px;
}
#navbar > div:not(#navbar-bar, .collapsable) > ul {
padding-top: 104px;
height: unset;
}
#navbar > div:not(#navbar-bar, .collapsable) > ul > li {
padding: 5px;
}

#navbar-contentXXX {
    max-height: 74px;
    top: 0; left: 0; right: 0;
    position: absolute;
    justify-self: center !important;
    width: fit-content !important;
}
#navbar-barXXX > div.self-center {
    width: 100%;
    grid-column: span 12;
}
#navbar-barXXX > div.self-center > ul {
  justify-content: unset;
}
#navbar-barXXX > div.self-center > ul > li:nth-child(4){
  margin-left: auto;
}

.nvbr.collapsable {
    --tw-backdrop-blur: 6px;
    backdrop-filter: blur(6px);
    z-index: -1;
    top: 0;
    height: 100%;
    position: fixed;
    background-image: linear-gradient(var(--background), rgba(16, 0, 56, 0.7));
    padding-top: 85px;
}

.nvbr .collapsable.col-end-12 {
grid-column-end: 13 !important;
}
#navbar .collapsable li {
font-size: 28px;
margin-bottom: 18px;
}
#navbar .collapsable > div.col-span-5 {
grid-column: span 10;

  overflow-y: scroll;
  scrollbar-width: none;
}
#navbar .collapsable > span.col-span-6 {
grid-column: span 1;
}

#languages > a {
 position: absolute;
 text-transform: uppercase;
 top: 0px;
}

.languages-content {
  right: -85px;
  top: 10px;
  width: 60px;
  padding: 15px;
  background: rgba(0,0,0,0.3);
  border-radius: 0 0 0 20px;
  padding-right: 90px;
}

#nav-item-get-shuffly:hover, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(1):hover {
  opacity: 1;
}
#nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(1) {
    background: var(--primary);
    padding: 6px 24px;
    border-radius: 30px;
    margin-top: -6px;
    margin-left: -24px;
}
@media only screen and (max-width: 1000px) {
#nav-item-get-shuffly {
    padding: 6px 12px;
}

#navbar-bar .product-card-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media only screen and (min-width: 1900px) {
#navbar-bar .product-card-container {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div {
    font-size: 12px;
    padding-bottom: 10px;
}

.mobile-menu a {
  text-align: end;
  font-size: 16px;
}
.mobile-menu .col-span-12 {
  grid-column: span 11;
  place-self: end;
  font-size: 20px;
}
.mobile-menu li .col-span-9 {
grid-column: span 11;
}

#hamburger > .collapsable {
  /*font-size: 12px;
  margin-top: -25px;
  padding-right: 15px;*/
  position: fixed;
    left: 1rem;
    top: 90px;
    padding: 0;
font-size: 20px;
}

#hamburger > div.collapsable.w-full.block > div > button:nth-child(1) {
    background: var(--primary);
    padding: 3px 15px;
    border-radius: 30px;
}


#navbar .nested {
    padding-left: 30px !important;
}
#navbar .mobile-nest .nested {
    padding-right: 6vw !important;
    margin-bottom: 0 !important;
}
#navbar .mobile-nest li.nested {
    height: fit-content;
    font-size: 0px;
}

#navbar-bar:before {
    content: " ";
    mask-image: linear-gradient(0deg, transparent, black 15%);
    transition: height 0.5s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8), transparent);
    backdrop-filter: blur(2px);
    pointer-events: none;
}

#navbar-bar.expanded:before {
    height: 350%;
}

#navbar-bar > div {
    position: relative;
    z-index: 10;
}

#navbar-bar a.opacity-60 {
  opacity: 1;
  color: var(--secondary);
  filter: drop-shadow(0px 0px 7px var(--secondary));
}
#navbar-bar a:hover {
  opacity: 1 !important;
  color: var(--primary);
  filter: drop-shadow(0px 0px 7px var(--primary));
}

#hamburger >.collapsable > .flex {
  align-items: center;
}
#hamburger >.collapsable > .flex #languages > a {
  position: relative;
}
#hamburger >.collapsable > .flex #languages > .languages-content {
  right: -60px;
  top: -10px;
}

/* Custom slider navbar */
#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:has(.products-layout) > ul {
  display: none;
}
#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:has(.products-layout) {
    position: fixed !important;
    z-index: 10;
    right: 0 !important;
    left: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    width: 100%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.6) 80%, transparent);
    min-height: 600px;
}
#navbar-bar .products-layout h2 {
  padding-top: 95px;
  padding-left: 30px;
  font-size: clamp(36px, 2vw, 48px);
  line-height: 1.5;
}
#navbar-bar .products-layout img {
  filter: none;
}
#navbar-bar .products-layout p:has(a) {
  display: none;
}
#navbar-bar .prod-card {
  margin-top: 0px;
  transition: all 0.6s;
  /* filter: drop-shadow(0px 0px 10px var(--third)); */
}
#navbar-bar .prod-card:hover {
  filter: drop-shadow(0px 0px 5px var(--third));
  scale: 1.02;
  color: var(--secondary) !important;
}
#navbar-bar .fa {
  display: none;
  top: 30px;
}
#navbar-bar .product-card-layout {
    grid-column: span 1;
    min-width: unset !important;
    max-width: unset !important;
}

#navbar-bar .products-layout > *:has(img) {
  padding: 30px;
}

#navbar-bar .product-card-container {
    gap: 0px;
    row-gap: 30px;
    display: grid;
    justify-content: start;
    overflow-x: visible !important;
    justify-items: stretch;
    align-items: start;
    align-content: space-evenly;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow-y: scroll;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 300px;
    max-height: calc(100vh - 250px);
}
#navbar-bar .prod-card h3 {
  /* margin-top: -40%; */
  padding-left: 10px;
  text-transform: uppercase;
  font-family: 'Thunder';
  /*font-style: italic;*/
  font-size: 26px;
  line-height: 1.1;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:not(*:has(img)){
  padding-top:20px;
}
        .nvbr {
            background: linear-gradient(black, transparent);
            height: 74px;
            height: unset;
            }.nvbr img {
            filter: invert(1);
            }.nvbr a img {
            filter: none;
            height: 50px;
            }.nvbr button {
            height: fit-content;
            }.nvbr .navbar-bar {
            position: relative;
            }
                
        footer .empty-column:nth-child(1) {
    position: absolute;
    top: 0;
    left: -10vw;
    margin-left: unset;
}

footer .empty-column {
    margin-left: -10vw;
    width: 130%;
  height: 0.5px;
  background: var(--text-primary);
}
        .footer figure {
            max-width: 100px;
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 0;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 0;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }
        .cta-custom-card h2, .cta-custom-card h3, .cta-custom-card h1 {
 font-size: 90px !important;
 line-height: 90px !important;
  margin-bottom: 15px !important;
}

.cta-custom-card div:has(a) {
  align-content: center
}

/*.component-column:has(.cta-custom-card):not(*:has(.f50-width-layout)) {
    padding: 0px 20px 0px 45px;
    outline: solid 5px var(--primary);
    border-radius: 20px;
    margin-top: 30px;
}
*/

/*.component-column:has(.cta-custom-card) .f50-width-layout:has(p) {*/
.cta-custom-card:not(.cta-custom-card *) {
    max-width: 1400px;
    padding: 20px 40px;
    border: solid 5px var(--primary);
    border-radius: 20px;
    margin-top: 30px;
    justify-self: center;
    place-self: center;
    margin-left: auto;
    margin-right: auto;
}

.f50-50-layout:has(.cta-custom-card) {
  position: relative;
}
.cta-custom-card *:not(img, *:has(img)) {
   position: relative;
   z-index: 10;
}
.cta-custom-card img {
   position: absolute;
   bottom: 0; right: 0;
   height: 125%;
   width: auto !important;
}
.cta-custom-card figure:has(a):hover, .cta-custom-card figure a:hover {
    scale: unset !important;
    filter: unset !important;
}

@media only screen and (max-width: 767px) {
div.cta-custom-card {
  padding-bottom: 30px;
}
.cta-custom-card img {
   height: 250px;
}

}

@media only screen and (max-width: 600px) {
div.cta-custom-card {
  padding-bottom: 70px;
}
.cta-custom-card img {
   height: 200px;
}
.cta-custom-card .component-column:has(video) {
   height: 200px;
   max-width: 65vw;
}
.cta-custom-card .inner-col:has(video) {
   margin-top: -50px;
   padding:  0 0 20px 0 !important;
}
.cta-custom-card video {
   margin-bottom: 0px !important;
}

}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        
        .round-img img {
            border-radius: 5px;
            }.round-img video {
            position: absolute;
            height: 100%;
            border-radius: 5px;
            overflow: hidden;
            object-fit: cover;
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 0;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }
        .text-center {
            text-align: center;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        
        .round-img img {
            border-radius: 5px;
            }.round-img video {
            position: absolute;
            height: 100%;
            border-radius: 5px;
            overflow: hidden;
            object-fit: cover;
            }
    </style>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

<script src="https://consent.cookiefirst.com/sites/shuffly.com-206eb955-4632-4114-bb81-7ed917218bb3/consent.js"></script>


<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '413794804861205');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" 
       src="https://www.facebook.com/tr?id=413794804861205&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>
<body>
    
    
<div id="navbar" class="fixed" onmouseleave="exit_all()">
        <script>
        function search() {
            window.location.href = "/search?q=" + encodeURIComponent(document.getElementById('query').value);
        }
    </script>
        <div id="navbar-bar" class="grid grid-cols-12 content-center closed
        
        nvbr 
         px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                <div id="navbar-content" class="col-span-5 sm:col-span-3 content-center h-full">
                

            <figure><a href="/nl"><img src="/uploads/Logos/ShufflyLogo.svg" alt="Shuffly Logo" /></a></figure>

            </div>

                <div class="hidden sm:block col-span-9 self-center grid grid-cols-12">

                                            <div class="no-hide col-span-12 flex flex-nowrap gap-[2vw]
         justify-end
        ">
                                        <button 
                href="/nl/shop"
                class="button"
                >Shop</button>
                            <button 
                href="/nl/over/contact"
                class="button"
                >Contact</button>
            
                                    <div id="languages" class="self-center">
                                                                                                                                                                                    <a>nl</a>
                <div class="languages-content sub-dropdown ">
                    <div class="grid grid-cols-12">
                                                                                                                                                                                                                            <a hreflang="en" href="https://shuffly.com/en/competitive-socializing-games/billiards" class="col-span-12 hover:opacity-50">EN</a> 
                                                              
                                                                                                <a class="col-span-12 opacity-60">NL</a> 
                                                                </div>
                </div>
            </div>
            
                        
                                </div>
    

            <ul class="
            col-span-12 flex flex-nowrap justify-end gap-[5vw]">
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-over" 
    href="https://shuffly.com/nl/over"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Over ons</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-wat-we-doen" 
    href="https://shuffly.com/nl/wat-we-doen"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Wat we doen</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-ons-advies" 
    href="https://shuffly.com/nl/ons-advies"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Ons advies</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboard-voor-locatie" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Branches</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-projecten" 
    href="https://shuffly.com/nl/projecten"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Projecten</a>
    
    
        </div>
</li>
                                        
            </ul>
        </div>

                <div id="hamburger" class="block sm:hidden col-span-7 self-center
        ">
            <div class="collapsable w-full hidden">
                                            <div class="no-hide col-span-12 flex flex-nowrap gap-[2vw]
         justify-end
        ">
                                        <button 
                href="/nl/shop"
                class="button"
                >Shop</button>
                            <button 
                href="/nl/over/contact"
                class="button"
                >Contact</button>
            
                                    <div id="languages" class="self-center">
                                                                                                                                                                                    <a>nl</a>
                <div class="languages-content sub-dropdown ">
                    <div class="grid grid-cols-12">
                                                                                                                                                                                                                            <a hreflang="en" href="https://shuffly.com/en/competitive-socializing-games/billiards" class="col-span-12 hover:opacity-50">EN</a> 
                                                              
                                                                                                <a class="col-span-12 opacity-60">NL</a> 
                                                                </div>
                </div>
            </div>
            
                        
                                </div>
    
            </div>
            <div class="grid grid-cols-12">
                <div class="col-span-1
                 col-end-12                collapsable hidden">
                        
                </div>
                <button class="collapsable col-span-1 w-[20px] 
                 col-end-12" onclick="toggle()">
                    <img src="/icons/defaults/hamburger.svg"/>
                </button>
            </div>
            
        </div>

        
    </div>
                            <div 
    id="nav-sub-items-over" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-shuffly-shuffleboards">
            <a 
             href="https://shuffly.com/nl/over/shuffly-shuffleboards"             class="subpage hover:opacity-40 "
            >Waarom Shuffly</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-hoe-shuffleboards-worden-gemaakt">
            <a 
             href="https://shuffly.com/nl/over/hoe-shuffleboards-worden-gemaakt"             class="subpage hover:opacity-40 "
            >Hoe shuffleboards worden gemaakt</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-team">
            <a 
             href="https://shuffly.com/nl/over/team"             class="subpage hover:opacity-40 "
            >Team</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-vacatures">
            <a 
             href="https://shuffly.com/nl/over/vacatures"             class="subpage hover:opacity-40 "
            >Vacatures</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-contact">
            <a 
             href="https://shuffly.com/nl/over/contact"             class="subpage hover:opacity-40 "
            >Contact</a>
            </li>
                            </ul>
    </div>
                        <div 
    id="nav-sub-items-wat-we-doen" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-social-game-advies">
            <a 
             href="https://shuffly.com/nl/wat-we-doen/social-game-advies"             class="subpage hover:opacity-40 "
            >Social gaming advies</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-experience-design">
            <a 
             href="https://shuffly.com/nl/wat-we-doen/shuffleboard-experience-design"             class="subpage hover:opacity-40 "
            >Shuffleboard ervaringen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-ontwerp">
            <a 
             href="https://shuffly.com/nl/wat-we-doen/shuffleboard-ontwerp"             class="subpage hover:opacity-40 "
            >Shuffleboard ontwerp</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-productie">
            <a 
             href="https://shuffly.com/nl/wat-we-doen/shuffleboard-productie"             class="subpage hover:opacity-40 "
            >Shuffleboard productie</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-support">
            <a 
                        class="subpage hover:opacity-40 "
            >Support</a>
            </li>
                                                          <li class="col-span-12 sub-li sub-li-support nested layer-1">
        <a 
         href="https://shuffly.com/nl/wat-we-doen/support/shuffleboard-promotie"         class="subpage hover:opacity-40 "
        >Shuffleboard marketing</a>
                </li>
                                    <li class="col-span-12 sub-li sub-li-support nested layer-1">
        <a 
         href="https://shuffly.com/nl/wat-we-doen/support/shuffleboard-personeelstraining"         class="subpage hover:opacity-40 "
        >Personeelstraining</a>
                </li>
                      </ul>
    </div>
                        <div 
    id="nav-sub-items-ons-advies" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-blog">
            <a 
             href="https://shuffly.com/nl/ons-advies/blog"             class="subpage hover:opacity-40 "
            >Blogs</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-hoe-speel-je-shuffleboard">
            <a 
             href="https://shuffly.com/nl/ons-advies/hoe-speel-je-shuffleboard"             class="subpage hover:opacity-40 "
            >Hoe speel je shuffleboard?</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-waar-speel-je-shuffleboard">
            <a 
             href="https://shuffly.com/nl/ons-advies/waar-speel-je-shuffleboard"             class="subpage hover:opacity-40 "
            >Waar speel je shuffleboard?</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboards-voordelen">
            <a 
             href="https://shuffly.com/nl/ons-advies/shuffleboards-voordelen"             class="subpage hover:opacity-40 "
            >Waarom Shuffleboards voor jouw locatie</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-beste-shuffleboard-kopersgids">
            <a 
             href="https://shuffly.com/nl/ons-advies/beste-shuffleboard-kopersgids"             class="subpage hover:opacity-40 "
            >Hoe kies je het beste shuffleboard?</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-maat">
            <a 
             href="https://shuffly.com/nl/ons-advies/shuffleboard-maat"             class="subpage hover:opacity-40 "
            >Welke maat shuffleboard?</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-toernooi-handleiding">
            <a 
             href="https://shuffly.com/nl/ons-advies/shuffleboard-toernooi-handleiding"             class="subpage hover:opacity-40 "
            >Shuffleboardtoernooi organiseren</a>
            </li>
                            </ul>
    </div>
                        <div 
    id="nav-sub-items-shuffleboard-voor-locatie" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-shuffleboards-fecs">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-fecs"             class="subpage hover:opacity-40 "
            >Shuffleboards voor familie entertainment centra</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboards-voor-bowlingbanen">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-bowlingbanen"             class="subpage hover:opacity-40 "
            >Shuffleboards voor bowlingbanen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-arcadehallen">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-arcadehallen"             class="subpage hover:opacity-40 "
            >Shuffleboards voor arcadehallen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-bars">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-bars"             class="subpage hover:opacity-40 "
            >Shuffleboards voor bars</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-cruiseschepen">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-cruiseschepen"             class="subpage hover:opacity-40 "
            >Shuffleboards voor cruiseschepen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboards-voor-evenementen">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-evenementen"             class="subpage hover:opacity-40 "
            >Shuffleboards voor evenementen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboards-voor-kantoren">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-kantoren"             class="subpage hover:opacity-40 "
            >Shuffleboards voor kantoren</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-professionele-toernooien">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-professionele-toernooien"             class="subpage hover:opacity-40 "
            >Shuffleboards voor professionele toernooien</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-voor-thuis">
            <a 
             href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-voor-thuis"             class="subpage hover:opacity-40 "
            >Shuffleboards voor thuis</a>
            </li>
                            </ul>
    </div>
                        <div 
    id="nav-sub-items-projecten" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-bud-beer">
            <a 
             href="https://shuffly.com/nl/projecten/bud-beer"             class="subpage hover:opacity-40 "
            >Bud Beer</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-tapperij-de-eeuwige-jeugd">
            <a 
             href="https://shuffly.com/nl/projecten/tapperij-de-eeuwige-jeugd"             class="subpage hover:opacity-40 "
            >Tapperij de Eeuwige Jeugd</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-dave-busters">
            <a 
             href="https://shuffly.com/nl/projecten/dave-busters"             class="subpage hover:opacity-40 "
            >Dave &amp; Busters</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-matrix-six-amsterdam">
            <a 
             href="https://shuffly.com/nl/projecten/matrix-six-amsterdam"             class="subpage hover:opacity-40 "
            >Matrix SIX Amsterdam</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-par-59-cardiff-england">
            <a 
             href="https://shuffly.com/nl/projecten/par-59-cardiff-england"             class="subpage hover:opacity-40 "
            >Par 59 - Cardiff England</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-final-touch-amsterdam">
            <a 
             href="https://shuffly.com/nl/projecten/final-touch-amsterdam"             class="subpage hover:opacity-40 "
            >Final Touch Amsterdam</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-microlab-eindhoven">
            <a 
             href="https://shuffly.com/nl/projecten/microlab-eindhoven"             class="subpage hover:opacity-40 "
            >Microlab Eindhoven</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-barkeet-helmond">
            <a 
             href="https://shuffly.com/nl/projecten/barkeet-helmond"             class="subpage hover:opacity-40 "
            >Barkeet Helmond</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-biljartcentrum-de-distel-roosendaal">
            <a 
             href="https://shuffly.com/nl/projecten/biljartcentrum-de-distel-roosendaal"             class="subpage hover:opacity-40 "
            >Biljartcentrum De Distel Roosendaal</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-bowling-en-partycentrum-sheerenberg">
            <a 
             href="https://shuffly.com/nl/projecten/bowling-en-partycentrum-sheerenberg"             class="subpage hover:opacity-40 "
            >Bowling en Partycentrum s&#039;Heerenberg</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-bowling-scheveningen">
            <a 
             href="https://shuffly.com/nl/projecten/bowling-scheveningen"             class="subpage hover:opacity-40 "
            >Bowling Scheveningen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-papa-jim-sports-bar">
            <a 
             href="https://shuffly.com/nl/projecten/papa-jim-sports-bar"             class="subpage hover:opacity-40 "
            >Papa Jim Sports Bar</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-sam-city-hoorn">
            <a 
             href="https://shuffly.com/nl/projecten/sam-city-hoorn"             class="subpage hover:opacity-40 "
            >SAM City Hoorn</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-fun-center-amstelveen">
            <a 
             href="https://shuffly.com/nl/projecten/fun-center-amstelveen"             class="subpage hover:opacity-40 "
            >Fun Center Amstelveen</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-yosi-sushi-sportbar-arcade">
            <a 
             href="https://shuffly.com/nl/projecten/yosi-sushi-sportbar-arcade"             class="subpage hover:opacity-40 "
            >YOSI Sushi - Sportbar - Arcade</a>
            </li>
                            </ul>
    </div>
        

                    <div class="collapsable grid grid-cols-12 hidden sm:hidden h-[95vh] expand-right  mobile-menu
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">

            <button class="col-span-1 flex justify-center" onclick="toggle()">
                <img 
                src="/icons/defaults/expand-up.svg"
                height="60px"/>
            </button>
            <span class="col-span-6"></span>
            <div class="col-span-5" >
            <ul class="flex flex-col justify-end">
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-over" 
    href="https://shuffly.com/nl/over"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Over ons</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffly-shuffleboards" 
    href="https://shuffly.com/nl/over/shuffly-shuffleboards"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Waarom Shuffly</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-hoe-shuffleboards-worden-gemaakt" 
    href="https://shuffly.com/nl/over/hoe-shuffleboards-worden-gemaakt"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Hoe shuffleboards worden gemaakt</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-team" 
    href="https://shuffly.com/nl/over/team"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Team</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-vacatures" 
    href="https://shuffly.com/nl/over/vacatures"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Vacatures</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-contact" 
    href="https://shuffly.com/nl/over/contact"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Contact</a>
    
                        
                </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-wat-we-doen" 
    href="https://shuffly.com/nl/wat-we-doen"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Wat we doen</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-social-game-advies" 
    href="https://shuffly.com/nl/wat-we-doen/social-game-advies"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Social gaming advies</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-experience-design" 
    href="https://shuffly.com/nl/wat-we-doen/shuffleboard-experience-design"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboard ervaringen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-ontwerp" 
    href="https://shuffly.com/nl/wat-we-doen/shuffleboard-ontwerp"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboard ontwerp</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-productie" 
    href="https://shuffly.com/nl/wat-we-doen/shuffleboard-productie"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboard productie</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-support" 
        class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Support</a>
    
                    <ul class="col-span-12 mobile-nest">                                              <li class="col-span-12 sub-li sub-li-support nested layer-1">
        <a 
         href="https://shuffly.com/nl/wat-we-doen/support/shuffleboard-promotie"         class="subpage hover:opacity-40 "
        >Shuffleboard marketing</a>
                </li>
                                    <li class="col-span-12 sub-li sub-li-support nested layer-1">
        <a 
         href="https://shuffly.com/nl/wat-we-doen/support/shuffleboard-personeelstraining"         class="subpage hover:opacity-40 "
        >Personeelstraining</a>
                </li>
      </ul>    
                </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-ons-advies" 
    href="https://shuffly.com/nl/ons-advies"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Ons advies</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-blog" 
    href="https://shuffly.com/nl/ons-advies/blog"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Blogs</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-hoe-speel-je-shuffleboard" 
    href="https://shuffly.com/nl/ons-advies/hoe-speel-je-shuffleboard"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Hoe speel je shuffleboard?</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-waar-speel-je-shuffleboard" 
    href="https://shuffly.com/nl/ons-advies/waar-speel-je-shuffleboard"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Waar speel je shuffleboard?</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-voordelen" 
    href="https://shuffly.com/nl/ons-advies/shuffleboards-voordelen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Waarom Shuffleboards voor jouw locatie</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-beste-shuffleboard-kopersgids" 
    href="https://shuffly.com/nl/ons-advies/beste-shuffleboard-kopersgids"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Hoe kies je het beste shuffleboard?</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-maat" 
    href="https://shuffly.com/nl/ons-advies/shuffleboard-maat"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Welke maat shuffleboard?</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-toernooi-handleiding" 
    href="https://shuffly.com/nl/ons-advies/shuffleboard-toernooi-handleiding"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboardtoernooi organiseren</a>
    
                        
                </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboard-voor-locatie" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Branches</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-fecs" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-fecs"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor familie entertainment centra</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-voor-bowlingbanen" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-bowlingbanen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor bowlingbanen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-arcadehallen" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-arcadehallen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor arcadehallen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-bars" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-bars"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor bars</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-cruiseschepen" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-cruiseschepen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor cruiseschepen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-voor-evenementen" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-evenementen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor evenementen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-voor-kantoren" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-kantoren"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor kantoren</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-professionele-toernooien" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-professionele-toernooien"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor professionele toernooien</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-voor-thuis" 
    href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-voor-thuis"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboards voor thuis</a>
    
                        
                </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-projecten" 
    href="https://shuffly.com/nl/projecten"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Projecten</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-bud-beer" 
    href="https://shuffly.com/nl/projecten/bud-beer"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Bud Beer</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-tapperij-de-eeuwige-jeugd" 
    href="https://shuffly.com/nl/projecten/tapperij-de-eeuwige-jeugd"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Tapperij de Eeuwige Jeugd</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-dave-busters" 
    href="https://shuffly.com/nl/projecten/dave-busters"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Dave &amp; Busters</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-matrix-six-amsterdam" 
    href="https://shuffly.com/nl/projecten/matrix-six-amsterdam"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Matrix SIX Amsterdam</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-par-59-cardiff-england" 
    href="https://shuffly.com/nl/projecten/par-59-cardiff-england"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Par 59 - Cardiff England</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-final-touch-amsterdam" 
    href="https://shuffly.com/nl/projecten/final-touch-amsterdam"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Final Touch Amsterdam</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-microlab-eindhoven" 
    href="https://shuffly.com/nl/projecten/microlab-eindhoven"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Microlab Eindhoven</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-barkeet-helmond" 
    href="https://shuffly.com/nl/projecten/barkeet-helmond"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Barkeet Helmond</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-biljartcentrum-de-distel-roosendaal" 
    href="https://shuffly.com/nl/projecten/biljartcentrum-de-distel-roosendaal"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Biljartcentrum De Distel Roosendaal</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-bowling-en-partycentrum-sheerenberg" 
    href="https://shuffly.com/nl/projecten/bowling-en-partycentrum-sheerenberg"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Bowling en Partycentrum s&#039;Heerenberg</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-bowling-scheveningen" 
    href="https://shuffly.com/nl/projecten/bowling-scheveningen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Bowling Scheveningen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-papa-jim-sports-bar" 
    href="https://shuffly.com/nl/projecten/papa-jim-sports-bar"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Papa Jim Sports Bar</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-sam-city-hoorn" 
    href="https://shuffly.com/nl/projecten/sam-city-hoorn"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >SAM City Hoorn</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-fun-center-amstelveen" 
    href="https://shuffly.com/nl/projecten/fun-center-amstelveen"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Fun Center Amstelveen</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-yosi-sushi-sportbar-arcade" 
    href="https://shuffly.com/nl/projecten/yosi-sushi-sportbar-arcade"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >YOSI Sushi - Sportbar - Arcade</a>
    
                        
                </div>
</li>
                        </ul>
            </div>
        </div>
        
</div>

<script>
    updateBar();
        function toggle() {
        let collapsables = document.getElementsByClassName("collapsable");
        let navbar       = document.getElementById        ("navbar-bar" );
        let open         = navbar.classList.contains      ("open"       );
        navbar.classList.remove(open ? "open"   : "closed");
        navbar.classList.add   (open ? "closed" : "open"  );
        for (var i = 0; i < collapsables.length; i++) {
            let collapsed = collapsables[i].classList.contains("hidden");
            collapsables[i].classList.remove(collapsed ? "hidden" : "block" );
            collapsables[i].classList.add   (collapsed ? "block"  : "hidden");
        };
        updateBar(true)
    }

        window.addEventListener("scroll", (event) => {
        updateBar();
    });
    window.addEventListener('resize', (event) => {
        updateBar(true);
        exit_all();
    });

    function updateBar(freshOpen = false) {
        let collapsables = document.getElementsByClassName("scroll-hide"); //sub bar
        let navbar       = document.getElementById  ("navbar-bar");
        let content      = document.getElementById  ("navbar-content");
        let open         = navbar.classList.contains("open"  );
        let scroll       = this.scrollY;
        let shrink       = "shrink";
        let transparent  = "opacity-50";

        if(scroll < 50 || open || freshOpen) {
            for (var i = 0; i < collapsables.length; i++) {  //sub bar reveal
                let collapsed = collapsables[i].classList.contains("hidden");
                if(collapsed) {
                    collapsables[i].classList.remove("hidden");
                    collapsables[i].classList.add   ("block");
                }
            };
            if(0 && navbar.classList.contains(shrink)) {
                content.style.width    = "unset";
                                navbar.classList.remove(shrink);
            }
            if(1  && navbar.classList.contains(transparent))
                navbar.classList.remove(transparent);
        } else {
            for (var i = 0; i < collapsables.length; i++) {  //sub bar hide
                let collapsed = collapsables[i].classList.contains("hidden");
                if(!collapsed) {
                    collapsables[i].classList.remove("block");
                    collapsables[i].classList.add   ("hidden");
                }
            };
            if(0 && !navbar.classList.contains(shrink)) {
                content.style.width    = "60%";
                                navbar.classList.add(shrink);
            }
            if(1  && !navbar.classList.contains(transparent))
                navbar.classList.add(transparent);
        }
    }

            let page_over    = document.getElementById("nav-item-over");
    page_over.addEventListener("mouseover", hover_over);

        let subList_over = document.getElementById("nav-sub-items-over");
    function hover_over(event) {
        exit_all();
        page_over.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_over.style.textUnderlineOffset = "15px";
        page_over.style.opacity = page_over.getAttribute('href')!=null? "0.25" : "1";
        subList_over.style.display = "block";
    }
    
    function exit_over() {
        page_over.style.textDecoration = "unset";
        page_over.style.opacity        = "unset";
        subList_over.style.display = "none";
    }
                let page_wat_we_doen    = document.getElementById("nav-item-wat-we-doen");
    page_wat_we_doen.addEventListener("mouseover", hover_wat_we_doen);

        let subList_wat_we_doen = document.getElementById("nav-sub-items-wat-we-doen");
    function hover_wat_we_doen(event) {
        exit_all();
        page_wat_we_doen.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_wat_we_doen.style.textUnderlineOffset = "15px";
        page_wat_we_doen.style.opacity = page_wat_we_doen.getAttribute('href')!=null? "0.25" : "1";
        subList_wat_we_doen.style.display = "block";
    }
    
    function exit_wat_we_doen() {
        page_wat_we_doen.style.textDecoration = "unset";
        page_wat_we_doen.style.opacity        = "unset";
        subList_wat_we_doen.style.display = "none";
    }
                let page_ons_advies    = document.getElementById("nav-item-ons-advies");
    page_ons_advies.addEventListener("mouseover", hover_ons_advies);

        let subList_ons_advies = document.getElementById("nav-sub-items-ons-advies");
    function hover_ons_advies(event) {
        exit_all();
        page_ons_advies.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_ons_advies.style.textUnderlineOffset = "15px";
        page_ons_advies.style.opacity = page_ons_advies.getAttribute('href')!=null? "0.25" : "1";
        subList_ons_advies.style.display = "block";
    }
    
    function exit_ons_advies() {
        page_ons_advies.style.textDecoration = "unset";
        page_ons_advies.style.opacity        = "unset";
        subList_ons_advies.style.display = "none";
    }
                let page_shuffleboard_voor_locatie    = document.getElementById("nav-item-shuffleboard-voor-locatie");
    page_shuffleboard_voor_locatie.addEventListener("mouseover", hover_shuffleboard_voor_locatie);

        let subList_shuffleboard_voor_locatie = document.getElementById("nav-sub-items-shuffleboard-voor-locatie");
    function hover_shuffleboard_voor_locatie(event) {
        exit_all();
        page_shuffleboard_voor_locatie.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_shuffleboard_voor_locatie.style.textUnderlineOffset = "15px";
        page_shuffleboard_voor_locatie.style.opacity = page_shuffleboard_voor_locatie.getAttribute('href')!=null? "0.25" : "1";
        subList_shuffleboard_voor_locatie.style.display = "block";
    }
    
    function exit_shuffleboard_voor_locatie() {
        page_shuffleboard_voor_locatie.style.textDecoration = "unset";
        page_shuffleboard_voor_locatie.style.opacity        = "unset";
        subList_shuffleboard_voor_locatie.style.display = "none";
    }
                let page_projecten    = document.getElementById("nav-item-projecten");
    page_projecten.addEventListener("mouseover", hover_projecten);

        let subList_projecten = document.getElementById("nav-sub-items-projecten");
    function hover_projecten(event) {
        exit_all();
        page_projecten.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_projecten.style.textUnderlineOffset = "15px";
        page_projecten.style.opacity = page_projecten.getAttribute('href')!=null? "0.25" : "1";
        subList_projecten.style.display = "block";
    }
    
    function exit_projecten() {
        page_projecten.style.textDecoration = "unset";
        page_projecten.style.opacity        = "unset";
        subList_projecten.style.display = "none";
    }
        function exit_all() {
        exit_over();
        exit_wat_we_doen();
        exit_ons_advies();
        exit_shuffleboard_voor_locatie();
        exit_projecten();
    }

</script>


            <div class="default animations default-button  w-full">
        
            
<div id="" class="header-small-layout
grid grid-cols-12
text-center 
col-span-12  
 

 pt-20
    
mt-12
    
"
                    style="background-image: url(&#039;/uploads/PageContent/ar-darts.jpg&#039;);"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h1>Biljart</h1>
    
            </div>
             
                    </div>    
            
<div class="breadcrumb">
    <ul class="breadcrumb">
                            <li><a href="/nl/competitieve-gezelschapsspellen">Social game spellen</a></li>
                                    </ul>
</div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
 

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>De voordelen van biljart voor jouw locatie</h2>
<p>Biljart is een klassiek competitief sociaal spel dat past in iedere locatie. Het zorgt voor een elegante en gezellige sfeer die een brede doelgroep trekt. Benieuwd waarom biljart het verschil kan maken op jouw locatie? Hier zijn een aantal redenen:</p>
    
            </div>
             
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>Pool levert snel rendement op </h3>
<p>Voor (pool)biljart moeten je gasten per spel betalen. Daardoor kun je je investering gemakkelijk en vrij snel terugverdienen. Doordat je gasten tijdens het spelen vaak ook genieten van een hapje en een drankje, levert dat je nog extra inkomsten op.</p>
<h3>Aantrekkelijk voor verschillende doelgroepen</h3>
<p>Biljart is een spel voor alle leeftijden. Van heel jong tot volwassen; biljart trekt een heel diverse groep gasten aan, elk met weer andere eet- en drinkgewoonten. Op deze manier helpt biljart jou om een breed publiek naar je locatie te trekken. </p>
<h3>Langere verblijfsduur</h3>
<p>Biljart trekt heel veel gepassioneerde gasten aan. Vaak komen ze in groepen. Poolspelers vinden het heerlijk om een uur of langer met vrienden te spelen. Door het plezier dat ze maken blijven ze langer op jouw locatie en wordt de verkoop van eten en drinken gestimuleerd.</p>
                    
    
            <a href="https://shuffly.com/nl/wat-we-doen/shuffleboard-productie"  >
        <button>Bekijk hoe onze shuffleboards worden gemaakt</button>
        </a>        
        
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly20.jpg" alt="" /></figure><figure><img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly13.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/shuffleboard-for-leisure-business-1-1.jpg" alt="" /></figure><figure><img src="/uploads/PageContent/shuffleboards-shuffly.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>Social gaming</h3>
<p>Biljart is perfect om een sociale, competitieve en gemoedelijke sfeer te creëren. Doordat gasten teams kunnen vormen wordt het spel nog intenser en leuker en zullen ze vaker naar je locatie terugkomen.</p>
<h3>Laag in onderhoud</h3>
<p>Een biljarttafel heeft wat aandacht nodig om te zorgen dat hij lang meegaat. Zo moet de tafel goed waterpas staan en is een verwarmingselement onder de tafel nodig om werking van vocht te voorkomen. Ook moeten spelers de punt van hun keu regelmatig van krijt voorzien tijdens het spelen. Deze eenvoudige aandachtspunten kosten je niet veel tijd en zijn geen grote investering, maar verhogen wel het rendement van je locatie!</p>
                    
    
            <a href="https://shuffly.com/nl/over/contact"  >
        <button>Bezoek onze showroom</button>
        </a>        
        
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/shuffleboards-shuffly.jpg" alt="" /></figure><figure><img src="/uploads/PageContent/shuffleboard-pucks-1.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>Beste combinatie van biljartspellen</h3>
<p>Waarom zou je biljart niet combineren met andere competitive social games zoals <a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/shuffleboards">shuffleboard</a>?<br /></p>
<p dir="ltr">Een combinatie van biljart met shuffleboard kan de spelervaring op jouw locatie sterk verbeteren. Dit dynamische duo zorgt namelijk voor veel entertainmentopties, wat gasten aanmoedigt om langer te blijven en zich helemaal te verliezen in het spel. Als je meerdere spellen aanbiedt, kunnen spelers gemakkelijk wisselen tussen verschillende activiteiten en ze kunnen pauzes nemen en weer verder spelen zonder zich te vervelen. Deze afwisseling zorgt ervoor dat de energie hoog blijft en maakt je locatie aantrekkelijker voor groepen met verschillende interesses. Uiteindelijk leidt dit tot een grotere klanttevredenheid én een langer verblijf.</p>
                <a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/shuffleboards" title="https://shuffly.com/nl/competitieve-gezelschapsspellen/shuffleboards"  >
        <button>Zo geeft een shuffleboard jouw locatie een boost</button>
        </a>    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
 

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>Biljart intallatie</h3>
    
            </div>
             
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
round-img 
col-span-12  
 

 py-3
     px-0
    
my-9
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3><br /></h3><figure><img src="/uploads/PageContent/shuffleboard-manufacturing-3-1.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>Biljarttransport en -montage</h3>
<p>Biljarttafels worden meestal op je locatie geleverd door gespecialiseerde bedrijven. Monteurs zorgen ervoor dat alle onderdelen op de juiste manier worden gemonteerd. </p>
<h3>Biljarttafel waterpas zetten</h3>
<p>Een biljarttafel waterpas zetten is specialistenwerk. Heb je geen specialist in huis, dan is het raadzaam om dit klusje met twee personen aan te pakken en een nivelleringsapparaat (professionele waterpas) te gebruiken. Op die manier kun je het beste spel voor je gasten garanderen. </p>
<h3>Overweeg verwarmingsopties</h3>
<p>Voor een optimale spelbeleving en een biljarttafel die lang meegaat, is het raadzaam om een verwarmingselement onder de tafel te plaatsen. Dit zorgt ervoor dat het oppervlak niet vochtig wordt. Zo blijft de wrijving optimaal waardoor de bal soepel over de tafel blijft rollen. </p>
<h3>Customize je biljartlaken </h3>
<p>Je kan kiezen tussen een traditioneel wollen laken zonder extra kosten of een speciaal vlekbestendig laken. Dit laatste maakt je biljarttafel beter bestand tegen vocht en vlekken. Handig!</p>
                <a href="https://shuffly.com/nl/competitieve-gezelschapsspellen" title="https://shuffly.com/nl/competitieve-gezelschapsspellen"  >
        <button>Meer competitieve sociale spellen</button>
        </a>    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Hoe Shuffly waarde toevoegt aan jouw Leisure bedrijf</h2>
<p>Wij bouwen shuffleboards en nog veel meer...</p>
                    
                
<div id="" class="frth-col-layout
grid grid-cols-12

col-span-12  
 
gap-6
    

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                                            <div class="sub-layout fourth-container 
                                    grid grid-cols-12
            col-span-12  
            gap-6
    
            
            ">
                                                         

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboard-for-leisure-business-2-1.jpg"/>
<h4><strong>Social gaming advies</strong></h4>
<p></p>
<p>Transformeer jouw locatie met ons advies voor social gaming.<br /><a href="https://shuffly.com/nl/wat-we-doen/social-game-advies"><br />Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Shuffle-Showdown/Shuffle-Showdown-HR-13.jpg"/>
<h4><strong>Shuffleboard ervaringen</strong></h4>
<p></p>
<p>Specialisten in concept, design en master planning van succesvolle shuffleboard-ervaringen<br /><a href="https://shuffly.com/nl/wat-we-doen/shuffleboard-experience-design"><br />Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Original-Shuffleboard.jpg"/>
<h4><strong>Shuffleboard ontwerp</strong></h4>
<p></p>
<p>Experts in premium, custom en elektrisch shuffleboard-ontwerp<br /><a href="https://shuffly.com/nl/wat-we-doen/shuffleboard-ontwerp"><br />Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboard-manufacturing-1-1.jpeg"/>
<h4><strong>Shuffleboard productie</strong></h4>
<p></p>
<p>Duurzame shuffleboards, ontworpen om een leven lang mee te gaan, geproduceerd in onze eigen werkplaats.<br /><a href="https://shuffly.com/nl/wat-we-doen/shuffleboard-productie"><br />Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
            
<div id="" class="f50-50-layout
grid grid-cols-12
round-img 
col-span-12  
cta-custom-card  

 py-3
     px-0
    
my-9
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
cta-custom-card  
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2><em>Klaar voor shuffleboard succes?</em></h2>
<p>Neem contact met ons op voor advies!</p>
                    
    
            <a href="/nl/over/contact"  >
        <button>Maak een afspraak</button>
        </a>        
        
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
cta-custom-card  
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Paul-en-Micky.png" alt="Paul en Micky - Shuffly" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
 

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Alternatieven voor biljart</h2>
    
            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
                
<div id="" class="blog-articles-layout
grid grid-cols-12

col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/shuffleboards-shuffly_light.jpg"/></h2>
<h2>Shuffleboards</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/shuffleboards">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/ar-darts.jpg"/></h2>
<h2>Augmented reality darten</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/augmented-reality-darten">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/interactive-darts-1.jpg"/></h2>
<h2>Interactive Darts</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/interactive-darts">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/bowling.jpg"/></h2>
<h2>Bowlen</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/bowlen">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/billiards.jpg"/></h2>
<h2>Biljart</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/biljart">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/arcade.jpg"/></h2>
<h2>Arcadespellen</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/arcade">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/arcade.jpg"/></h2>
<h2>Bijlwerpen</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/bijlwerpen">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/pinball.jpg"/></h2>
<h2>Flipperkast</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/flipperkast">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/foosball.jpg"/></h2>
<h2>Tafelvoetbal</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/tafelvoetbal">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/jenga-xxl.png"/></h2>
<h2>Jenga</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/jenga">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<h2><img src="/uploads/PageContent/Jeu-De-Boules.jpg"/></h2>
<h2>Jeu de boules</h2>
<p><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/jeu-de-boules">Lees meer &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
    </div>
        <footer class="default animations default-button  w-full z-[-1]">
        
            
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
            
<div id="" class="footer-layout
grid grid-cols-12
footer 
col-span-12  
 
gap-y-9
    gap-x-12
    
 pb-20
    
m-0
    
"
>
                                             <div class="empty-column
    col-span-12 
    
    
    ">
    </div>
 
                                                                        <div class="component-column
    col-span-5 sm:col-span-6 md:col-span-3 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong>QUICK LINKS</strong><br /><a href="https://shuffly.com/nl/over">Over ons</a><a href="https://shuffly.com/nl/wat-we-doen"><br />Wat we doen</a><a href="https://shuffly.com/nl/shuffleboard-voor-locatie"><br />Branches</a><a href="https://shuffly.com/nl/projecten"><br />Projecten</a><a href="https://shuffly.com/nl/ons-advies"><br />Ons advies<br /></a><a href="https://shuffly.com/nl/over/vacatures">Vacatures<br /></a><a href="https://shuffly.com/nl/over/contact">Contact</a><br /></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 sm:col-span-6 md:col-span-5 xl:col-span-3 
    
    
    ">
                                    
    
            <p><strong>PRODUCTEN<br /><a href="https://shuffly.com/nl/shop/shuffle-showdown"><br /></a></strong><a href="https://shuffly.com/nl/shop/shuffle-showdown">Shuffle Showdown</a><br /><a href="https://shuffly.com/nl/shop/shuffleboard-bar">Shuffleboard Bar</a><a href="https://shuffly.com/nl/shop/led-shuffleboard"><br />LED Shuffleboard<br /></a><a href="https://shuffly.com/nl/shop/dining-shuffleboard">Dining Shuffleboard</a><a href="https://shuffly.com/nl/shop/steel-dreamx-shuffleboard"><br />DreamX Shuffleboard</a><a href="https://shuffly.com/nl/shop/old-oak-shuffleboard"><br />Old Oak Shuffleboard</a><a href="https://shuffly.com/nl/shop/original-shuffleboard"><br />Original Shuffleboard</a><a href="https://shuffly.com/nl/shop/buffalo-shuffleboard-solid-oak"><br />Buffalo Solid Oak Shuffleboard</a><a href="https://shuffly.com/nl/shop/buffalo-shuffleboard-ash-wood"><br />Buffalo Ash Wood Shuffleboard</a><br />Custom Shuffleboard</p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen"><strong>COMPETITIEVE GEZELSCHAPSSPELLEN</strong></a></strong><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/shuffleboards"><br />Shuffleboards<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/augmented-reality-darten">Augmented reality darten</a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/interactive-darts"><br />Interactive Darts<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/bowlen">Bowlen<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/biljart">Biljart<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/arcade">Arcadespellen<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/bijlwerpen">Bijlwerpen<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/flipperkast">Fli</a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/flipperkast">pperkast<br /></a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/tafelvoetbal">Tafelvoetbal</a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/jenga"><br />Jenga</a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/jeu-de-boules"><br />Jeu De Boules</a><a href="https://shuffly.com/nl/competitieve-gezelschapsspellen/sjoelen"><br />Sjoelen</a></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-5 sm:col-span-6 md:col-span-4 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/nl/over/contact">CONTACT</a></strong></p>
<p><a href="tel:+31636463303"></a><a href="tel:0624661067">+31 (0) 6 246 610 67</a></p>
<p><a href="mailto:info@shuffly.nl">info@shuffly.nl</a></p>
<p><br />Shuffly B.V.</p>
<p>Dillenburgstraat 11b</p>
<p>5652 AM Eindhoven</p>
<p>Nederland</p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 md:col-span-4 xl:col-span-3 
    
    
    ">
                                <figure><img src="/uploads/Logos/ShufflyLogo.svg" alt="" /></figure>
                <div id="socials" style="display: flex;">
<a href="http://instagram.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/instagram.svg" type="image/svg+xml"></object></a>

<a href="https://facebook.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/facebook.svg" type="image/svg+xml"></object></a>

<a href="mailto:info@shuffly.nl" target="_blank"><img src="/uploads/Logos/socials/mail.png" /></a>

<a href="https://web.whatsapp.com/send?phone=+31636463303" target="_blank"><object data="/uploads/Logos/socials/whatsapp.svg" type="image/svg+xml"></object></a>

<a href="https://www.linkedin.com/in/micky-verhaeg-8690b1149/" target="_blank"><object data="/uploads/Logos/socials/linkedin.svg" type="image/svg+xml"></object></a>

<a href="http://pinterest.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/pinterest.svg" type="image/svg+xml"></object></a>

<a href="https://www.youtube.com/@PlayShuffly" target="_blank"><object data="/uploads/Logos/socials/youtube.svg" type="image/svg+xml"></object></a>
</div>
    
            </div>
             
                                                <div class="empty-column
    col-span-12 
    
    
    ">
    </div>
 
                                                                        <div class="component-column
    col-span-12 
    
    
    ">
                                <div style="display: flex; gap: 20px;">
                    
    
            <p><a href="https://shuffly.com/uploads/pdfs/SHUFFLY-privacycookie-statement-NL.pdf" target="_blank" rel="noreferrer noopener">Privacy- en cookiebeleid</a></p>

                    <p>|</p>
                    
    
            <p><a href="https://shuffly.com/uploads/pdfs/Algemene-voorwaarden-NL.pdf" target="_blank" rel="noreferrer noopener">Algemene voorwaarden</a></p>

                    <p>|</p>
                    
    
            <p>© 2025 Shuffly. All rights reserved.</p>

                    </div
    
            </div>
             
                    </div>    
    

            </div>
             
                    </div>    
                
            
<div id="subnav-insert-4" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Shuffleboards voor alle branches</h2>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/bowling.jpg"/>
<h3>Bowlingbanen</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-bowlingbanen">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly2.jpg"/>
<h3>Arcadehallen</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-arcadehallen">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Shuffly-showroom-play-shuffleboard.jpg"/>
<h3>Bars</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-bars">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/cruise-ship.jpeg"/>
<h3>Cruiseschepen</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-cruiseschepen">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboard-for-leisure-business-2-1.jpg"/>
<h3>Evenementen</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-evenementen">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/How-to-play-Shuffly.webp"/>
<h3>Kantoren</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-voor-kantoren">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Shuffly-LED-Shuffleboard.jpg"/>
<h3>Professionele toernooien</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-professionele-toernooien">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboards-shuffly_light.jpg"/>
<h3>Thuis</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboard-voor-thuis">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Supercharged-Electric-Shuffleboard.jpg"/>
<h3>Family entertainment centers</h3>
<p><a href="https://shuffly.com/nl/shuffleboard-voor-locatie/shuffleboards-fecs">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
                
            
<div id="subnav-insert-5" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Projecten waar we trots op zijn</h2>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/bud-beer-shuffleboard-2.png"/>
<h3>Bud Beer</h3>
<p><a href="https://shuffly.com/nl/projecten/bud-beer">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Engraved-shuffleboard.jpg"/>
<h3>Tapperij de Eeuwige Jeugd</h3>
<p><a href="https://shuffly.com/nl/projecten/tapperij-de-eeuwige-jeugd">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Dave-Busters-USA-Shuffleboard-6.jpg"/>
<h3>Dave & Busters</h3>
<p><a href="https://shuffly.com/nl/projecten/dave-busters">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Matrix-SIX-Amsterdam-shuffleboard-2.jpg"/>
<h3>Matrix SIX Amsterdam</h3>
<p><a href="https://shuffly.com/nl/projecten/matrix-six-amsterdam">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Par-59-Cardiff-shuffleboard-2.jpg"/>
<h3>Par 59 - Cardiff England</h3>
<p><a href="https://shuffly.com/nl/projecten/par-59-cardiff-england">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/DreamX-Shuffleboards-De-Final-Touch-Amsterdam-1920w.webp"/>
<h3>Final Touch Amsterdam</h3>
<p><a href="https://shuffly.com/nl/projecten/final-touch-amsterdam">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Shuffleboard-Microlab-2.jpg"/>
<h3>Microlab Eindhoven</h3>
<p><a href="https://shuffly.com/nl/projecten/microlab-eindhoven">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Barkeet-Helmond-shuffleboard.webp"/>
<h3>Barkeet Helmond</h3>
<p><a href="https://shuffly.com/nl/projecten/barkeet-helmond">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Shuffly-Old-Oak-Shuffleboard-Biljartcentrum-De-Distel-ca69e043-1920w.webp"/>
<h3>Biljartcentrum De Distel Roosendaal</h3>
<p><a href="https://shuffly.com/nl/projecten/biljartcentrum-de-distel-roosendaal">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Bowling-en-Partycentrum-s-Heerenberg-shuffleboard.webp"/>
<h3>Bowling en Partycentrum s'Heerenberg</h3>
<p><a href="https://shuffly.com/nl/projecten/bowling-en-partycentrum-sheerenberg">Read more</a><br /></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
                
            
<div id="messagesuccess" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <p>Het formulier is verstuurd. U hoort spoedig van ons terug.</p>
    
            </div>
             
                    </div>    
    </footer>
    <script>clean();</script>
    <script>
var testimonial  = 1;
var testimonials = 0;

  function drawBG(color) {
    const top = Math.random() * window.innerHeight - 250;
    const left = Math.random() * 125 - 50;
    const size = 40 + Math.random() * 80;
    const canvas = document.createElement('canvas');
    canvas.style.position = "fixed"; 
    canvas.style.top = top + "px";
    canvas.style.left = left + "vw";
    canvas.style.zIndex = -100;
    canvas.style.opacity = 0.6;
    canvas.style.background = "radial-gradient(var("+color+"), transparent, transparent)";
    canvas.style.width = size + "vw";
    canvas.style.aspectRatio = "1 / 1";
    canvas.classList.add("blob");
    document.body.appendChild(canvas);
  }
  const colors = ["--primary", "--secondary", "third"];
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  document.addEventListener("scroll", (event) => {
    [].forEach.call(document.getElementsByClassName("blob"), (blob) => blob.style.marginTop = window.scrollY * -0.4);
  });

  function doubleSlash() {
  if(window.location.pathname.includes("//"))
    window.location. replace(window.location.pathname.replaceAll("//", "/"));
  }

  function beforeLoad() {
    notifications();
    doubleSlash();
    animateFadeIn();
    loadAllTestimonials();
    loadAllAuthors();
    loadAllStars();
    navbarFix();
    navbuttons();
    loadAccordionArrows();
    navbarLists();
  }

  function afterLoad() {
    //industries();
    setGalleryImageClicks();
    loadAccordion();
    loadAllTeamMembers();
    loadGalleryArrows() ;
    loadNestedNavbar();
    makeProductsClickable();
    mobileNavbarFixes();
  }

  function makeProductsClickable() {
    let products = document.querySelectorAll(".prod-card > .component-column:has(a)");
    products.forEach((product) => {
      let link = product.querySelector("a");
      if(link.href) {
        product.style.cursor = "pointer";
        product.onclick = () => window.location = link.href;
      }
    });
  }

  function loadAllTeamMembers() {
     let members = document.querySelectorAll(".team-card-layout .component-column figure");
     members.forEach((member) => {
       if(member.childNodes.length >= 1) {
         let linked = member.childNodes[0].tagName == "A";
         let name = createElement("h2", linked ? member.childNodes[0].childNodes[0].alt :  member.childNodes[0].alt);
         if(member.childNodes.length >= 2)
           member.insertBefore(name, member.childNodes[1]);
         else
           member.appendChild(name);
       }
     });
  }

  function loadAllTestimonials() {
     var i = 1;
     let testimonials_ = document.querySelectorAll(".testimonials-layout .blog-card-layout");
     testimonials_.forEach((testimonial_) => {
       testimonial_.classList.add("testimonial-"+i);
       testimonial_.classList.remove(i > 1 ? "appear" : "disappear");
       testimonial_.classList.add(i > 1 ? "disappear" : "appear");
       //testimonial_.style.display = i > 1 ? "none" : "grid";
       let container = testimonial_.querySelector(".blog-card-layout > div:nth-child(2)");
       let e = createElement("span", "", "fa");
           e.classList.add("fa-chevron-right");
           e.onclick = () => {
            displayTestimonial(testimonial);
            testimonial = testimonial == testimonials ? 1 : testimonial + 1;
            displayTestimonial(testimonial);
          };
       container.appendChild(e);
       i++; testimonials++;
     });
  }
  function displayTestimonial(i) {
    let t = document.querySelector(".testimonial-"+i);
    if(t) {
     let b = t.classList.contains("appear");
     t.classList.remove(b ? "appear" : "disappear");
     t.classList.add(b ? "disappear" : "appear");
      //t.style.display = t.style.display == "grid" ? "none" : "grid";
    }
  }

  
  function loadAllAuthors() {
     let authors = document.querySelectorAll(".author-layout .component-column figure");
     authors.forEach((author) => {
       if(author.childNodes.length >= 1) {
         let linked = author.childNodes[0].tagName == "A" ;
         let name = createElement("h2", linked ? author.childNodes[0].childNodes[0].alt :  author.childNodes[0].alt);
         if(author.childNodes.length >= 2)
           author.insertBefore(name, author.childNodes[1]);
         else
           author.appendChild(name);
       }
       let right    = createElement("div", "", "col-span-2");
           right.classList.add("md:col-span-1");
       let contents = author.querySelectorAll("*:not(img)");
       contents.forEach((c) => right.insertBefore(c, null));
       author.insertBefore(right, null);
     });
  }  

  function loadAllStars() {
     let ratings = document.querySelectorAll(".testimonials-layout > div > div > div > p:nth-child(2)");
     ratings.forEach((rating) => {
       if(rating.textContent && parseInt(rating.textContent)) {
         let rate = parseInt(rating.textContent);
         rating.textContent = "";
         for(i = 1; i <= 5; i++) {
           let star = createElement("span", "", "fa");
           star.classList.add("fa-star");
           if(rate >= i)
             star.classList.add("checked");
           rating.appendChild(star);
          }
       }
     });
  }

function createElement(element, content, classnames) {
  var    e           = document.createElement(element);
         e.innerHTML = content.trim();
  if(classnames)
    e.classList.add(classnames);
  return e;
}

function elementInViewport(el, strict) {
  var top = el.offsetTop;
  //while(el.offsetParent) {
  //  el = el.offsetParent;
  //  top += el.offsetTop;
  //}

  return (top < window.pageYOffset + window.innerHeight*(strict? 1.5 : 0.75));
}

 function animateFadeIn () {
     let sections = document.querySelectorAll("body > div.default > div:not(body > div.default > div:nth-child(1))");
     sections.forEach((section) => {
       section.classList.add( elementInViewport(section, true) ? "fadedin" : "fadedout");
       document.addEventListener("scroll", (event) => {
         if(elementInViewport(section)) {
           section.classList.remove( "fadedout" );
           section.classList.add( "fadedin");
          }
       });
     });
 }


  function loadGalleryArrows() {
     var i = 1;
     let galleries = document.querySelectorAll(".gallery-layout, .products-layout");
     galleries.forEach((gallery) => {
       let right = createElement("span", "", "fa");
           right.classList.add("fa-chevron-right");
           right.onclick = () => {
            gallery.children[1].scrollBy({left: 630, behavior: "smooth"});
          };
       let left = createElement("span", "", "fa");
           left.classList.add("fa-chevron-left");
           left.onclick = () => {
            gallery.children[1].scrollBy({left: -630, behavior: "smooth"});
          };
       gallery.appendChild(right);
       gallery.appendChild(left);
     });
  }

  function loadAccordion() {
     let accordions = document.querySelectorAll(".accordion .component-column");
     accordions.forEach((accordion) => {
       if (accordion.children.length > 1) {
         for(i = 1; i < accordion.children.length; i++) {
           if(accordion.children[i]?.tagName != "H3")
             accordion.children[i]?.classList?.add("ac-collapsed");
           else {
             accordion.children[i]?.classList?.add("ac-"+i);
             accordion.children[i].index = i;

             //console.log("setOnclick", i, accordion.children[i].classList, accordion.children[i]);
             accordion.children[i].onclick = (e) => {
               for(i_ = e.target.index+1; i_ < accordion.children.length && accordion.children[i_]?.tagName != "H3"; i_++) {
                  accordion.children[i_]?.classList?.contains("ac-collapsed") ? accordion.children[i_]?.classList?.remove("ac-collapsed") : accordion.children[i_]?.classList?.add("ac-collapsed");
                }
              };
            }
         }
       }
     });
  }

  function loadNestedNavbar() {
    let sublis = document.querySelectorAll(".sub-li:not(.nested) a");
    for(i = 0; i < sublis.length; i++) {
      const hide = (e) => {
        let class_ = e.parentElement.classList[2];
        let nest   = e.parentElement.parentElement.querySelectorAll("." + class_ + ".nested");
        for(i_ = 0; i_ < nest.length; i_++) {
          nest[i_].style.display = nest[i_].style.display == "none" ? "block" : "none";
        }
        if(nest.length) {
        if     (e.innerText.startsWith("^"))
          e.innerText = e.innerText.replace("^", "∨");
        else if(e.innerText.startsWith("∨"))
          e.innerText = e.innerText.replace("∨", "^");
        else
          e.innerText = "∨ " + e.innerText;
        }
      };
      hide(sublis[i]);
      sublis[i].onclick = (e) => hide(e.srcElement);
    }
  }

  let submenus = [];
  function navbarFix() {
    let links = document.querySelectorAll("#navbar-bar li a");
    links.forEach((link) => {
      if(link.id.startsWith("nav-item-")) {
        link.style.position = "relative";
        link.style.zIndex   = 100;
        let topic   = link.id.replace("nav-item-", "");
        let submenu = document.querySelector("#nav-sub-items-" + topic);
        if(submenu) {
          link.parentElement.appendChild(submenu);
          submenus.push(submenu);
          submenu.style.display  = "none";
          submenu.style.position = "absolute";
          submenu.style.zIndex   = 10;
          submenu.style.right    = "0px";
          let subsub = submenu.querySelector("ul");
          if(subsub) {
            subsub.style.width        = "max-content";
            subsub.style.paddingRight = "0px";
            subsub.style.paddingRight = "0px";
            subsub.style.background   = "none";
          }
        }
      }
    });
  }

  function industries() {
    let links = document.querySelectorAll(".branches-10 a");
    links.forEach((link) => {
      if(link.href == window.location.href || link.href == window.location.pathname)
        link.parentElement.style.filter = "brightness(0.35)";
    });
  }

  function navbuttons() {
    let links = document.querySelectorAll("#navbar-bar button");
    links.forEach((link) => {
      if(link.attributes["href"]?.value)
        link.onclick = () => window.location.href = link.attributes["href"]?.value;
    });
  }

  function loadAccordionArrows() {
     let acc = document.querySelectorAll(".accordion h3");
     acc.forEach((ac) => {
       let right = createElement("span", "", "fa");
           right.classList.add("fa-chevron-right");
           right.onclick = () => {
            gallery.children[1].scrollBy({left: 330, behavior: "smooth"});
          };
       ac.appendChild(right);
     });
  }

  function setGalleryImageClicks() {
    let imgs = document.querySelectorAll(".gallery img");
     imgs.forEach((img) => {
       img.onclick = (e) => {
         displayImage(e.target.src);
       };
     });
  }
  function displayImage(src) {
    let modal = createElement("div", "", "modal");
    let img   = createElement("img", "", "");
    img.src = src;
    modal.appendChild(img);
    modal.onclick = modal.remove;
    document.body.appendChild(modal);
  }

  function notifications() {
    let notice = document.querySelector(".message.notice");
    let message = document.querySelector("#messagesuccess");
    if(!message || !notice ) {
      return;
    } else if(message && !notice ) {
      message.remove();
    } else if(message && notice) {
      notice.remove();
      message.classList.add("notice");
      document.body.appendChild(message);
    }
  }

  function navbarLists() {
    let navb = document.querySelector("#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul");
    if(!navb) return;
    for(i = 0; i < navb.children.length; i++) {
      let subnav = navb.children[i].querySelector(".hidden");
      let newSubnav = document.querySelector("#subnav-insert-" + (i+1));
      if(subnav && newSubnav) {
        subnav.appendChild(newSubnav);
      }
    }
  }

  function mobileNavbarFixes() {
    // #navbar > div.collapsable.mobile-menu > div > ul > li > div > *:not(li div *:nth-child(1))
    let navpages = document.querySelectorAll("#navbar > div.collapsable.mobile-menu > div > ul > li > div");
    for(i = 0; i < navpages.length; i++) {

      if (navpages[i].children.length > 1) {
        let menu     = createElement("div", "", "hidden");
        let children = [];
        for(i_ = 0; i_ < navpages[i].children.length; i_++) {
          //console.log("child " + i_, navpages[i].children[i_]);
          if(i_ > 0) {
            if(!navpages[i].children[i_].children.length)
              navpages[i].children[i_].textContent = navpages[i].children[i_].textContent.replace("Shuffleboards for ", "").replace("Shuffleboards voor ", "");
            children.push(navpages[i].children[i_]);
          }
        }
        if(children.length) {
          let button = createElement("button", "", "fa"); button.classList.add("fa-chevron-right");
          button.onclick = () => {
            menu.classList.contains("opened") ? menu.classList.remove("opened") : menu.classList.add("opened");
          };
          navpages[i].appendChild(button);
        }
        children.forEach(c => menu.appendChild(c));
        navpages[i].appendChild(menu);
      }
    }
    
    let close = createElement("button", "", "fa"); close.classList.add("fa-times");
        close.onclick = () => {
            document.querySelector(".mobile-menu > button")?.click();
          };
     document.querySelector("#navbar").appendChild(close);
  }

  beforeLoad();
  document.addEventListener("DOMContentLoaded", afterLoad);
  document.addEventListener("mousemove", () => {
    let navb = document.querySelector("#navbar-bar");
    if(submenus.find((menu) => menu.style.display != "none")) {
      if(!navb.classList.contains("expanded"))
        navb.classList.add("expanded");
    } else if(navb.classList.contains("expanded"))
      navb.classList.remove("expanded");
  });


//datalayer push for google tag manager form submission
window.dataLayer = window.dataLayer || [];
let submitbutton = document.querySelector("form button");
if (submitbutton)
  submitbutton.addEventListener("click", (e) => {window.dataLayer.push({
   'event': 'form_submit'
   }); });

</script>

<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KP9NTZWH"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>