/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
@media only screen and (min-width: 521px){
    body {
    
    text-align:center;
    overflow-x: hidden; 
    max-width: 100%;
    padding: auto auto;
    margin: auto auto;
    margin-top: 0px;
    font-family: 'Open Sans';
    color: black;
    font-weight: normal;
    text-decoration: none;
    background-color: rgb(23,61,109);
    }
    
    
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color:rgb(23,61,109);
        font-size: 14px;
    letter-spacing: 1px;
    height: 120px;
    border-bottom: 1px solid white;
      }
      
      li {
        float: left;
        width: 13.3%;
      }
      
      li a, .dropbtn {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 50.5px 20px;
        text-decoration: none;
        
      }
      
    li.logo{
        padding: -50px 50px;
        margin-top: -40px;
        margin-bottom: -50px;
        width: 20%;
    }
    
    .logo img{
    width:80%;
    }

    img{
      box-shadow: 0;
    }
      
      li.dropdown {
        display: inline-block;
        
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-content a {
        color: rgb(23,61,109);
        padding: 10px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
      }
      
      .dropdown-content a:hover {background-color: #f1f1f1;}
      
      .dropdown:hover .dropdown-content {
        display: block;
      }
      
    .logomobiel{
      display: none;
    }
    
    .menurechts{
        float: right;
        width: 45%;
      
    }
    
    .menulinks{
        float: left;
        width: 45%;
    }
    
    .menumobiel{
      display: none;
    }
    .test{
      width: 100%;
      margin-top: 0px;
    text-align: center;
    margin-bottom: 650px;
    }

    .test2{
      width: 100%;
      margin-top: 0px;
    text-align: center;
    
    }

    .blue{
      height: 90vh; 
      width: 100vw; 
      
      margin-top: -0px;
    }

    .blue h1{
      text-align: left; color: white; font-size: 40px; padding-bottom: 3vh; margin-left: 10vh; padding-top: 10vh;
    }

    .blue img{
      width: 50%; float: right; margin-top: -300px;
    }

    .blue p{
color: white;
text-align: left; font-size: 24px; margin-left: 10vh; width: 60%;
    }

    .blue a{
      text-decoration: none; 
      color: white;
    }

.ctabutton{
  text-align: left; float: left; margin-left: 10vh; background-color: rgb(227,169,72); padding: 20px 60px; font-weight: bold; border-radius: 10px;
  -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
  
}

.ctabutton2{
  text-align: left; float: left; margin-left: 10vh; background-color: rgb(197,107,94); padding: 20px 60px; font-weight: bold; border-radius: 10px;
  -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);

}



.spelgroep{
  width: 27%;
  float: left;
  margin: 5% 3%;
  background-color: rgb(252, 246, 236);
  -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
  display: inline;
}

.spelgroep img{

}

.spelgroepiconen{
  margin-bottom: 100px;
 }
 
 .speelicoon{
   color: rgb(23,61,109);
   float: left; 
   text-align: center; 
   width:33%;
   margin-bottom: 10px;
 }

.faq2{
  width: 100%;
text-align: center;
float: left;
margin-top: 100px;
background-color: rgb(252, 246, 236);
}


.faq2 h3{
  text-align: left;
}

.faq2blok{
  text-align: left;
  width: 40%;
padding: 0% 5%;
float: left;
margin-bottom: 30px;
}

.spelgroep p{
  margin: 5% 3%;
}

.spelgroep a{
  width: 40%;
  margin: 3% 5%;
  float: left;
  background-color:rgb(11,121,165);
  color: white;
  text-decoration: none;
  padding: 10px 0px;
border-radius: 10px;
-webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
-moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
}

    span {
display: none;
    }

    .titeltekst{
      width: 35%;
      float: left;
      text-align: left;
      padding-left: 5%;
      margin-top: 50px;
    }
    
    .titeltekst h1{
      font-size: 3vw;
    }
    
    .titeltekst p{
      font-size: 1.2vw;
      line-height: 2;
    }
    
    .titeltekst img{
      width: 5%;
      height: 5%;
      margin-right: 3%;
      margin-left: 0%;
    }

    .doelgroep{
      width: 100%;
      position: relative;
      display: table;
      text-decoration: none;
    }

    .doelgroep button{
      background-color: rgb(227,169,72);
      border-right: 2px solid rgb(227,169,72);
      border-left: solid 2px rgb(227,169,72);
      border-bottom: solid 2px rgb(227,169,72); 
      border-top: solid 2px rgb(227,169,72);
    }

    .doelgroepcontainer{
    width: 34%;
    margin: -3% 8% 0% 8%;
    float: left;
    background-color: rgb(252, 246, 236);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    display: table-cell;
    }

    .doelgroepcontainer2{
      width: 34%;
      margin: 0% 8%;
      float: left;
      background-color: rgb(252, 246, 236);
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      display: table-cell;
      margin-top: 100px;
      }

      .doelgroepcontainer2 img{
        max-width: 100%;
      }


    .doelgroepcontainertekst{
      margin: 2%;
      color: black;
      text-align: left;
      margin-top: -100px;
      }


    .doelgroep img{
      max-width: 100%;
    }

    .doelgroepcontainer a{
      text-decoration: none;
      color: black;
    }

    .doelgroepcontainer2 a{
      text-decoration: none;
      color: black;
    }
    
    .titeltekst .blogbutton{
    width: 100%;
      text-align: center;
      margin-bottom: 300px;
    }

    .spelbutton a{
      text-align: center; 
      width: 25%;
      float: left;
      margin-left: 10%;
      background-color: rgb(11,121,165);
      color: white;
      text-align:center;
      font-size: 1.2vw;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius:0px;
      font-weight: bold; 
      letter-spacing: 1.1px;
      border-right: 2px solid rgb(11,121,165);
      border-left: solid 2px rgb(11,121,165);
      border-bottom: solid 2px rgb(11,121,165); 
      border-top: solid 2px rgb(11,121,165);
      border-radius: 10px;
      padding: 10px 40px 10px 40px;
      text-decoration: none;
      cursor: pointer;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }

    .bestelling h2{
      color: rgb(227,169,72);
    }

    .bestelproduct{
      width: 50%; 

    }

    .bestelformulier{
      width: 50%;
      float: left;
      margin-top: 100px;
    }

    .bestelinformatie{
      float: left; 
      width: 30%;
      margin-left: 20%;
      color: white;
      text-align: left;
    }

    .bestelinformatie h2{
   color: rgb(227,169,72);
   text-align: left;
    }

    .bestelinformatie p{
      font-size: 18px;
    }

 


    .bestelvakje{
      border: solid 2px rgb(23,61,109);
      text-align:center;
      font-size: 14px;  
      margin: 1%;
      height: 30px;
      width: 70%;
      background-color: rgb(252, 246, 236);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius:0px;
      color: black;
      align: middle;
      }

      .bestelvakjekleiner{
        border: solid 2px rgb(23,61,109);
        text-align:center;
        font-size: 14px;  
        margin: 1%;
        height: 30px;
        width: 14.5%;
        background-color: rgb(252, 246, 236);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius:0px;
        color: black;
        align: middle;
        }

        .bestelvakjeklein{
          border: solid 2px rgb(23,61,109);
          text-align:center;
          font-size: 14px;  
          margin: 1%;
          height: 30px;
          width: 33%;
          background-color: rgb(252, 246, 236);
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          -webkit-border-radius:0px;
          color: black;
          align: middle;
          }

          .bestelvakjegroot {
            border: solid 2px rgb(23,61,109);
            text-align:center;
            width: 40%;
            font-family: 'Open Sans';
            font-size: 16px;  
            padding: 6px 0px 2px 0px;
            height: 100px;
            background-color: rgb(252, 246, 236);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-border-radius:0px;
            color: black;
            align: middle;
            resize: none;
            }

    .vakjecontact {
      border: solid 2px rgb(23,61,109);
      text-align:center;
      font-size: 14px;  
      margin: 1%;
      height: 30px;
      width: 20%;
      background-color: rgb(252, 246, 236);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius:0px;
      color: black;
      align: middle;
      }



      .grootvakje {
        border: solid 2px rgb(23,61,109);
        text-align:center;
        width: 65%;
        font-family: 'Open Sans';
        font-size: 16px;  
        padding: 6px 0px 2px 0px;
        height: 100px;
        margin-top: 10px;
        background-color: rgb(252, 246, 236);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius:0px;
        color: black;
        align: middle;
        resize: none;
        }

        .buttonenter {
          border-right: solid 1px rgb(23,61,109);
          border-top: solid 1px rgb(23,61,109);
          border-bottom: solid 1px rgb(23,61,109);
          border-left: solid 1px rgb(23,61,109);
          text-align:center;
          font-size: 14px;  
          padding: 2px 0px 2px 0px;
          height: 30px;
          width: 100px;
          background-color: rgb(252, 246, 236);
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          -webkit-border-radius:0px;
          background-color: rgb(227,169,72);
          color: white;
          align: middle;
          cursor: pointer;
          }

          .buttonbetalen {
            border: solid 1px rgb(227,169,72);
            
            text-align:center;
            font-size: 16px;  
       font-weight: bold;
            padding: 2px 0px 2px 0px;
            height: 40px;
            width: 300px;
            -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-border-radius:0px;
            background-color: rgb(227,169,72);
            color: white;
            align: middle;
            cursor: pointer;
              margin-bottom: 100px;
            }
    
    .blogbutton a{
      background-color: rgb(227,169,72);
      color: white;
      text-align:center;
      height: 60px;
      font-size: 1.2vw;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius:0px;
      font-weight: bold; 
      letter-spacing: 1.1px;
      border: solid 2px rgb(227,169,72);
      border-radius: 10px;
      padding: 10px 40px 10px 40px;
    
      text-decoration: none;
      min-width: 100px;
      max-width: 300px;
      cursor: pointer;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }
    
    
    .video{
      width: 1600;
      height: 120;
      margin-top: 18%;
      margin-left: -30%;

      border: solid black;
      border-width:  23px 6px 40px 6px;
      border-radius: 15px;
     
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    width: 10%;
      z-index: -1;
      float: left;
    }
    
    
    
    .film{
      z-index: -2;
    width: 40%;
    margin-left: 10%;
    margin-top: 3%;
    text-align: center;
    float: left;
      border: none;
      border-width:  20px 20px 20px 20px;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }

    .filmhotel{
      z-index: -2;
    width: 40%;
    margin-left: 10%;
    margin-top: 3%;
    text-align: center;
    float: left;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }

    .productvoorbeeld{
  
    width: 20%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 5%;
    text-align: center;
    float: left;

    }

    .productvoorbeeld2{
      z-index: -2;
    width: 10%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 5%;
    text-align: center;
    float: left;

    }

    .mobielvisueel{
      display: none;
    }

    .mobielvisueel2{
      display: none;
    }

    .productbeschrijving{
      width: 55%;
      margin-right: 10%;
      float: right;
      text-align: left;
      padding-left: 5%;
      margin-top: 50px;
    }

    .productbeschrijving p{
      font-size: 22px;
      color: white;
    }

    .productbeschrijving .blogbutton{
      width: 100%; 
      text-align: center;
    }

    .productbeschrijving a{
      color: white;
      text-decoration: none;
    }

    .homepage{
      text-align: center;
      margin-bottom: 200px;
    }

    .homepage h1{
      font-size: 50px;
      margin-top: 100px;
    }

    .homepage p{
      font-size: 24px;
      color: white;
      width: 50%;
      margin-left: 25%;
    }

    .homepage a{
      color: white;
      text-decoration: none;
      
    }

    .homebuttons{
      width: 50%;
      margin-left: 25%;
    }

    .mobielfoto{
      width: 30%; float:right; margin-top: -150px; margin-right: 5%;
    }
    
    .video video{
      border: solid 20px black;
      border-radius: 5px;
    }
    
    .pijl{
      text-align: center;
      margin-top: 38%;
     position: absolute;
    width: 100%;
    }
    
    .pijl img{
      width: 5%;
    }

    .faq{
      background-color: rgb(252, 246, 236);
      width: 80%;
   margin-left: 10%;
margin-top: 50px;
padding: 0% 0% 3% 0%;
position:relative;
float: left;
    }

  
    .faqtekst{
      width: 80%;
    margin-left: 10%;
    text-align: left;
    }

    .faqtekst h5{
      font-size: 20px;
      color: rgb(23,61,109);
    }

    .artikel{
      margin-top: 100px;
      position: relative;
      margin-left: 14%;
      width: 50%;
      padding: 50px 10%;
      background-color: rgb(252, 246, 236);
      text-align: left;
    }

    .artikeltitel h1{
   color: rgb(23,61,109);
   font-size: 24px;
    text-align: center;
    font-weight: bold;
    }

    .artikelbody{
      font-size: 16px;
      margin-top: 30px;
    }
    
    .algemeen{
      width: 100%;
      margin-top: 45%;
      background-color: rgb(252, 246, 236);
      text-align:left;
      height: 400px;
      overflow: hidden;
      position: relative;
     
    }
    
    .algemeentekst{
      width: 35%;
      padding: 100px 7.5%;
      margin-top: 10px;
    float: right;
    background-color: rgb(252, 246, 236);
    
    }
    
    .algemeentekst p{
      line-height: 2;
      font-size: 1.1vw;
    }
    .algemeentekst h2{
      margin-top: -40px;
    }
    
    .algemeentekst .blogbutton{
      text-align: center;
    }
    
    .algemeenfotos {
      width: 50%;
      float: right;
    
      right: 0;
      top: 0;
      height: 100%;
    }
        
      .nieuwsbrief{
        margin-top: 60px; 
        text-align: center;
        width: 50%;
        margin-left: 25%;
        float: left;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }
    
      .nieuwsbrief p{
       padding: 0 20%;
      }
    
      .nieuwsbriefinschrijving{
        text-align: center;
      }
      .nieuwsbriefvakje{
        background-color: rgb(252, 246, 236);
        border: 2px red;
        margin-bottom: 50px;
      }

    
      .form-container2 {
        width: 100%;
        padding: 10px 0px;
        background-color: rgb(227, 169, 72, 1);
        text-align: center;
      }
      
      /* Full-width input fields */
      .form-container2 input[type=text], .form-container input[type=text] {
        width: 30%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none;
        background: white;
      }
      
      /* When the inputs get focus, do something */
      .form-container2 input[type=text]:focus, .form-container input[type=text]:focus {
        background-color: rgb(252, 246, 236);
        outline: none;
      }
    
        /* Full-width input fields */
        .form-container2 textarea[type=text], .form-container textarea[type=text] {
          width: 30%;
          padding: 15px;
          margin: 5px 0 22px 0;
          height: 80px;
          border: none;
          background: black;
        }
        
        /* When the inputs get focus, do something */
        .form-container2 textarea[type=text]:focus, .form-container textarea[type=text]:focus {
          background-color: rgb(252, 246, 236);
          outline: none;
        }
      
      /* Set a style for the submit/login button */
      .form-container2 .nieuwsbriefenter {
        background-color: rgb(23,61,109);
        color: white;
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 20%;
        margin-bottom:10px;
        opacity: 0.8;
        font-size: 1.1vw;
      }
    
         .buttonoranjegroter{
        background-color: rgb(11,121,165);
        color: white;
        text-align:center;
        height: 36px;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius:0px;
        font-weight: bold; 
        letter-spacing: 1.1px;
        border-right: 2px solid rgb(11,121,165);
        border-left: solid 2px rgb(11,121,165);
        border-bottom: solid 2px rgb(11,121,165); 
        border-top: solid 2px rgb(11,121,165);
        border-radius: 5px;
        margin: 1% 1% -1% 1%;
        padding: 0px 0px -2px 0px;
        text-decoration: none;
        width: 80%;
        min-width: 100px;
        max-width: 300px;
        cursor: pointer;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        }
    
        .belbutton{
          background-color: rgb(11,121,165);
        color: white;
        text-align:center;
        height: 36px;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius:0px;
        font-weight: bold; 
        letter-spacing: 1.1px;
        border-right: 2px solid rgb(11,121,165);
        border-left: solid 2px rgb(11,121,165);
        border-bottom: solid 2px rgb(11,121,165); 
        border-top: solid 2px rgb(11,121,165);
        border-radius: 5px;
        margin: 1% 1% -1% 1%;
        padding: 15px 40px;
        text-decoration: none;
        
        cursor: pointer;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        }
    
    
    p {
        font-size:14px;
        line-height: 2;
        letter-spacing: 1px;
        padding: 0% 0%;
        text-decoration: none;
    }    
    
    .kop p{
      font-size: 1vw;
    }
 

    
.spelhotel{
  width: 100%;
  padding-top: 50px;
  text-align: center;
}

.spelhotel table{
  background-color: black;
 width: 60%;
 -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
 -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
 box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
 margin-left: 20%;
}

.spelhotel .blogbutton2{
  text-align: center;
  margin-top: 40px;
}


.spelhotel img{
  width: 15%;
}

.spelhotel #pakket{
  width: 10%;
}

.spelhotel #pakketbasis{
  width:20%;
}

.spelhotel th{
  padding: 40px;
  margin-top: 20px;
  background: white;

}

.spelhotel tr{
  background: white;
}
    
    .producten{
    float: left;
     padding: 40px 0px;
     margin-top: 50px;
      margin-left: 0%; 
      text-align: left;
      font-size: 12px;
   position: relative;
      width: 100%;
    }
    
     
    .producten p{
      font-size: 1vw;
      line-height: 1.5;
    }
    
    .producten h3{
      text-align: center;
    }
    
    
    .gelegenheid{
        padding: 0% 5%;
        text-align: left;
        font-size: 14px;
    }
    
    .producten .prijs{
      text-align: center;
     font-size: 20px;
     font-weight: bold;
     color:rgb(11,121,165);
    }

    .producten .blogbutton{
      text-align: center;
    }
    
    .product1{
    
      background-color: rgb(252, 246, 236);
      height: 550px;
      width: 27%;
      float: left;
     margin-left: 4%;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }
    
  
    .product1 h3{
      text-align: center;
    }
    .product1 img{
      width: 5%;
      height: 5%;
      margin-right: 3%;
      margin-left: 10%;
    }
    
    .product1 .blogbutton2{
        text-align: center;
    }
    
    .product2 .blogbutton2{
      text-align: center;
    }
    
    .product2{
    
      background-color: rgb(252, 246, 236);
      height: 550px;
      width: 27%;
      float: left;
      margin-left: 5.5%;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }
    .product2 h3{
      text-align: center;
    }
    .product2 img{
      width: 5%;
      height: 5%;
      margin-right: 3%;
      margin-left: 10%;
    }
    
    .product3 .blogbutton2{
      text-align: center;
    }
    
    .product3{
    
      background-color: rgb(252, 246, 236);
      height: 550px;
      width: 27%;
      float: left;
      margin-left: 5%;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    }
    .product3 h3{
      text-align: center;
    }
    .product3 img{
      width: 5%;
      height: 5%;
      margin-right: 3%;
      margin-left: 10%;
    }
    
    
      /* The popup form - hidden by default */
      .form-popup1 {
              display: none;
        position: fixed;
        width: 28%;
        bottom: 50px;
        left: 4%;
        border: 3px solid #f1f1f1;
        z-index: 9;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }
    
      .form-popup2 {
        display: none;
        position: fixed;
        width: 28%;
        bottom: 50px;
        left: 36%;
        border: 3px solid #f1f1f1;
        z-index: 9;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    
      }

      .form-popup3 {
        display: none;
        position: fixed;
        width: 28%;
        bottom: 50px;
        left: 68%;
        border: 3px solid #f1f1f1;
        z-index: 9;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    
      }

      .shadow{
        display: none;
      }
      
      /* Add styles to the form container */
      .form-container {
        max-width: 405px;
        padding: 10px;
        background-color: rgb(252, 246, 236);
       
      }
      
      /* Full-width input fields */
      .form-container input[type=text], .form-container input[type=text] {
        width: 80%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none;
        background: #f1f1f1;
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus, .form-container input[type=text]:focus {
        background-color: #ddd;
        outline: none;
      }
    
        /* Full-width input fields */
        .form-container textarea[type=text], .form-container textarea[type=text] {
          width: 80%;
          padding: 15px;
          margin: 5px 0 22px 0;
          height: 80px;
          border: none;
          background: #f1f1f1;
        }
        
        /* When the inputs get focus, do something */
        .form-container textarea[type=text]:focus, .form-container textarea[type=text]:focus {
          background-color: #ddd;
          outline: none;
        }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgb(11,121,165);
        color: white;
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 100%;
        margin-bottom:10px;
        opacity: 0.8;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(252, 246, 236);
        color: rgb(23,61,109);
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover, .open-button:hover {
        opacity: 1;
      }
    
      .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        font-family: 'Open Sans';
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      
      /* Hide the browser's default checkbox */
      .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
      }
    
      textarea{
        font-family: 'Open Sans';
        font-size: 14px;
      }
    
      input{
        font-family: 'Open Sans';
        font-size: 14px;
      }
      
      /* Create a custom checkbox */
      .checkmark {
        position: absolute;
        top: 0;
        left: 10px;
        height: 20px;
        width: 20px;
        background-color: #eee;
      }
      
      /* On mouse-over, add a grey background color */
      .container:hover input ~ .checkmark {
        background-color: #ccc;
      }
      
      /* When the checkbox is checked, add a blue background */
      .container input:checked ~ .checkmark {
        background-color: rgb(23,61,109);
      }
      
      /* Create the checkmark/indicator (hidden when not checked) */
      .checkmark:after {
        content: "";
        position: absolute;
        display: none;
      }
      
      /* Show the checkmark when checked */
      .container input:checked ~ .checkmark:after {
        display: block;
      }
      
      /* Style the checkmark/indicator */
      .container .checkmark:after {
        left: 7px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .spelnieuws {
   
        padding: 1% 0%;
        color: rgb(23,61,109);
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 20px;
       
        font-size: 16px;
        text-decoration: none;
     position: relative;
     display:table;
        }

        .spelnieuws1{
          text-align: left;
          color: black;
          font-size: 16px;
          position: inline;
          width: 70%;
          padding: 2% 5%;
          margin-left: 10%;
          background-color: rgb(252, 246, 236);
         
      }

      .titelreviews{
        color: white;
      }

      .spelnieuws h4{
        padding: 0 5%;
      }

      #excerptnieuws{
        float: left; 
        width: 60%;
        padding: 0 5%;
      }

      .fotospelnieuws{
        width: 30%;
        float: right;
      }

      /*

      #n1 .spelnieuws1{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 45%;
      padding: 0% 2.5%;
      }

      #n2 .spelnieuws1{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 20%;
        padding: 0% 2.5%;
      }

      #n3 .spelnieuws1{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 20%;
        padding: 0% 2.5%;
      }

      #n4 .spelnieuws1{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 20%;
        padding: 0% 2.5%;
      }

      #n5 .spelnieuws1{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 20%;
        padding: 0% 2.5%;
      }

      #n1 h4{
        width: 80%;
        margin-left: 10%;
      }

      #n1 #excerptnieuws{
        width: 80%;
        margin-left: 10%;
      }

      #n2 #excerptnieuws{
        display: none;
      }

      #n3 #excerptnieuws{
        display: none;
      }

      #n4 #excerptnieuws{
        display: none;
      }

      #n5 #excerptnieuws{
        display: none;
      }


  
  
      #n1 .fotospelnieuws{
        width:80%; 
  margin-left: 10%;
       height: 4%;
       margin-top: 20px;
      }

      #n2 .fotospelnieuws{
        width: 90%;
        margin-left: 5%;
        height: 4%;
        margin-top: 20px;
        float: left;
      }

      #n3 .fotospelnieuws{
        width: 80%;
        margin-left: 10%;
        height: 4%;
        margin-top: 20px;
        float: left;
      }

      #n4 .fotospelnieuws{
        width: 80%;
        margin-left: 10%;
        height: 4%;
        margin-top: 20px;
        float: left;
      }

      #n5 .fotospelnieuws{
        width: 80%;
        margin-left: 10%;
       height: 4%;
       margin-top: 20px;
        float: left;
      }

      */
      

      .spelnieuws .blogbutton2{
        text-align: center;
      }

      .hoewerkthet {
        position: relative;
        width: 100%;
        margin-top: 50px;
        padding: 30px 0px;
        background-color: rgb(252, 246, 236);
        text-align:left;
        float: left;
        overflow: hidden;
        text-align: center;
        display: inline;
        }

      .hoewerkthet1{
        width: 27%;
        float: left;
       padding: 0% 3% 3% 3%;
      }

      .hoewerkthetfoto{
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .hoewerkthet1 img{
        width: 50%; 

      }

      .hoewerkthet h2{
        color:rgb(23,61,109);
      }

      .prev1{
        display: none;
      }

      .next1{
        display: none;
      }

      .prev6{
        display: none;
      }

      .next6{
        display: none;
      }

      .prev10{
        display: none;
      }
      
     .reviews {
  
        padding: 1% 0%;
        background-color: rgb(252, 246, 236);
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 16px;
        text-decoration: none;
        position: relative;
     
        }

        .reviews h2{
          color: white;
        }
    
    
        .logoreview{
          height: 120px;
          margin-top: 30px;
              display: flex;
        justify-content: center;
        align-items: center;
        }
       
    
        .review1{
            width: 20%;
            float: left;
            padding: 0% 2% 0% 2%;
            margin-left: 7%;
            text-align: left;
            color: black;
            font-size: 16px;
            background-color: rgb(252, 246, 236);

            min-height: 350px;
            display: table;
          
        }
        
        .naamreview {
          color: rgb(23,61,109);
          text-align: center;
          font-size: 20px;
          font-weight: bold;
        }

        .reviews .blogbutton2{
          text-align: center;
        }
    
        .meermobielreviews{
          display: none;
        }

        .spelvarianten {
        
          padding: 1% 0%;
          color: rgb(23,61,109);
          width: 100%;
          float: left;
          text-align: center;
          margin-top: 20px;
          margin-bottom: 50px;
          text-decoration: none;
          position: relative;
          }

          .spelvarianten .blogbutton{
            text-align: center;
          }

        
        .logospelvariant{
          height: 200px;
          margin-top: 30px;
              
        }

        .naamspelvariant {
          color: rgb(23,61,109);
          text-align: center;
       
        }

        .spelvariant1{
          width: 20%;
          float: left;
          padding: 0% 2% 0% 2%;
          margin-left: 7%;
          text-align: left;
          color: black;
          background-color: rgb(252, 246, 236);
          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
          box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        
      }

        .evenement1{
          width: 20%;
          float: left;
          padding: 0% 2% 0% 2%;
          margin-left: 9%;
          text-align: left;
          color: black;
          font-size: 16px;
          background-color: rgb(252, 246, 236);
          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
          box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          min-height: 350px;
      }
  
      .evenement2{
          width: 20%;
          float: left;
          padding: 0% 2% 0% 3%;
          margin-left: 5%;
          text-align: left;
          color: black;
          font-size: 16px;
          background-color: rgb(252, 246, 236);
          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
          box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          min-height: 350px;
      }
  
      .evenement3{
          width: 20%;
          float: left;
          padding: 0% 2% 0% 2%;
          margin-left: 5%;
          text-align: left;
          color: black;
          font-size: 16px;
          background-color: rgb(252, 246, 236);
          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
          box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          min-height: 350px;
      }
  

     .spellen {
     
      padding: 1% 0%;
      color: rgb(23,61,109);
      width: 100%;
      float: left;
      text-align: center;
      margin-top: 20px;
      font-size: 16px;
      text-decoration: none;
      position: relative;
      }

      .spellen .blogbutton{
        text-align: center;
      }

      
      .spel1{
        width: 20%;
        float: left;
        padding: 0% 2% 0% 2%;
        margin-left: 7%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        min-height: 600px;
    }

    .spel2{
        width: 20%;
        float: left;
        padding: 0% 2% 0% 3%;
        margin-left: 5%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        min-height: 600px;
    }

    .spel3{
        width: 20%;
        float: left;
        padding: 0% 2% 0% 2%;
        margin-left: 5%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        min-height: 400px;
    }

    .mobielspelrondes{
      display: none;
    }
    
    .spelrondes {
    
    
      padding: 1% 0%;
      color: rgb(23,61,109);
     
      width: 100%;
      float: left;
      text-align: center;
      margin-top: 20px;
      height: 550px;
      font-size: 16px;
      text-decoration: none;
      position: relative;
      }

.spelrondes h4{
  text-align: center;
}
      
      .spelronde1{
        width: 20%;
        float: left;
        padding: 0% 2% 0% 2%;
        margin-left: 8%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        min-height: 350px;
    }

    .spelronde2{
        width: 20%;
        float: left;
        padding: 0% 2% 0% 3%;
        margin-left: 5%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        min-height: 350px;
    }

    .spelronde3{
        width: 20%;
        float: left;
        padding: 0% 2% 0% 2%;
        margin-left: 5%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        min-height: 350px;
    }
            
     .spellocaties {
    position: relative;
  
    width: 100%;
      padding: 50px 0px;
      color: rgb(23,61,109);
     
      width: 100%;
      float: left;
      text-align: center;
      margin-top: 20px;
      font-size: 16px;
      text-decoration: none;
      display: table;
      }

      .spellocaties h2{
        color: white;
      }

      .alllogonieuws{
        width: 70%;
        background-color: rgb(252, 246, 236);    
       height: 4%;
       margin-top: 20px;
      }
     
  
      .allnieuws1{
          width: 35%;
          float: left;
          padding: 0% 2% 0% 2%;
          margin-left: 5%;
          margin-right: 5%;
          margin-top: 50px;
          text-align: center;
          color: black;
          font-size: 16px;
          background-color: rgb(252, 246, 236);
          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
          box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .spelnieuws1 a{
        text-decoration: none;
        color: black;
      }

      .allnieuws1 .blogbutton2{
        text-align: center;
      }

      .allnieuws1 p{
        color: black;
        text-align: left;
      }
  
      .logolocatie{
        width: 100%;
        background-color: rgb(252, 246, 236);    
       height: 4%;
       margin-top: 20px;
      }
     
  
      .locatie1{
          width: 25%;
          float: left;
          margin-left: 4%;
          margin-right: 4%;
          text-align: left;
          color: black;
          font-size: 16px;
          background-color: rgb(252, 246, 236);
          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
          -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
          box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        display:table;
          margin-top: 50px;
         
      }

      .tekstlocatie{
        display: table-row;
      }

      .locatie1 img{
        width: 100%;
      }

    

      .locatie1 p{
       padding: 0 10px;
      }

      .locatie1 h4{
        text-align: center;
       }

       .locatie1 .blogbutton2{
        text-align: center;
       }
  
    
    
   
          
        
                    .blogbutton2 {
                      text-align: left;
                      margin-left: 0%;
                 
                    }
                                .footer {
                                                                 
                                    background-color: rgb(23,61,109);
                                    font-family: 'Open Sans';
                                    font-size: 12px;
                                    width: 100%;
                                    height: 5%;
                                    overflow: hidden;  
                                    
                                    left: 0;
                                    bottom: 0;
                                    z-index: -1;
                                }
    
                                .footerhoofd {
                                         margin-top: 100px;                        
                                  background-color: rgb(23,61,109);
                                  font-family: 'Open Sans';
                                  font-size: 12px;
                                  width: 100%;
                                  height: 15%;
                                  overflow: hidden;  
                                  float: left;
                                  color: white;
                                  text-decoration: none;
                                  line-height: 1.5;                          
                                  left: 0;
                                  bottom: 0;
                                  z-index: -1;
                              }
    
                              .footerhoofd p{
                                  font-size: 14px;
                              }
                              .footerhoofd a{
                                color:white;
                                text-decoration: none;
                                margin-top: 20px;
                              }
                                
                    .footer1{
                      width: 20%;
                      float: left;
                      padding: 0% 10%;
                      color: white;
                      text-align: left;
                    
                  }
    
                  .footer2{
                      width: 25%;
                      float: left;
                      padding: 0% 5%;
                      text-align: left;
                      
                  }
    
                  .footer3{
                      width: 15%;
                      float: left;
                      padding: 0% 5%;
                      text-align: left;
                  }
    
    
                                .footer p{
                                  color: white; 
                                  font-size: 12px;
                                  margin-top: 20px;
                                }
    
                  
    
                  .buttonblauwgroter{
                    background-color: rgb(23,61,109);
                    color: white;
                    text-align:center;
                    height: 36px;
                    font-size: 14px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    -webkit-border-radius:0px;
                    font-weight: bold; 
                    letter-spacing: 1.1px;
                    border-right: 2px solid rgb(23,61,109);
                    border-left: solid 2px rgb(23,61,109);
                    border-bottom: solid 2px rgb(23,61,109); 
                    border-top: solid 2px rgb(23,61,109);
                    border-radius: 5px;
                    margin: 1% 1% -1% 1%;
                    padding: 0px 0px -2px 0px;
                    text-decoration: none;
                    width: 80%;
                    min-width: 100px;
                    max-width: 300px;
                    cursor: pointer;
                    -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                    }
    
      
    
        h1{
            color: white;
            font-size: 34px;
            letter-spacing: 1px;
            margin: 30px 0px;
            font-family: "Architects Daughter";
        }

        .spellocaties h1{
            color: white;
            letter-spacing: 1.1px;
            font-size: 26px;
            padding-bottom: 20px;
            text-align: center;
            
        }

  

        .bericht h1{
          color: white;
          letter-spacing: 1.1px;
          font-size: 26px;
          padding-bottom: 20px;
          text-align: center;
          text-decoration: underline rgb(23,61,109);
      }
    
        h2 {
            color: rgb(23,61,109);
            font-size: 26px;
            padding-bottom: 20px;
            padding-top: 20px;
            text-align: center;
            
        }

        .bericht h2{
          font-size:1.1vw;;
          line-height: 2;
          font-weight: 600;
          letter-spacing: 1.1px;
          padding: 0% 0%;
          color: black;
          text-decoration: none;
        }

        .naamlocatie{
          color: rgb(23,61,109);
          font-size: 20px;
          letter-spacing: 1.1px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
        }

        h3 {
          color: rgb(23,61,109);
          font-size: 20px;
          letter-spacing: 1.1px;
          font-weight: bold;
          text-align: center;
      }

        h4 {
          color: rgb(23,61,109);
          font-size: 16px;
          letter-spacing: 1px;
          font-weight: bold;
          text-align: left;
      }

      h6{
        color: white;
        font-size: 20px;
        font-weight: bold;
      }
    
      .location{
        width: 90%; 
        max-width: 2000px;
        text-align: left; 
        border-radius: 50px; 
        margin-top: 20px; 
        float: left;
        padding: 40px 0px; 
        margin-left: 5%; 
        background-color: rgb(252, 246, 236);
      }

      .location p{
        width: 50%; 
        margin-left: 25%;  
      }
       
      .locationtitle h1{
        width: 100%;
        text-align: center;
        color: white;
        letter-spacing: 1.1px;
        font-size: 26px;
        padding-bottom: 20px;
        text-align: center;
        text-decoration: underline rgb(23,61,109);
      }

      .locationphotomobile{
          display: none;        
      }

      .locationgames{
        width: 20%; 
        float: left; 
        margin-left: 10%; 
        line-height: 4;
      }

      .locationgames .locationfacilities img{
        width: 16px;
      }

      .locationfacilities{
        width: 50%; 
        float: left; 
       
      }

      .locationfacilities p{
        width: 80%;
        margin-left: 10%;
      }

      .locationicon{
        width: 33%;
        float: left;
        text-align: center;
      }

      .locationicon img{
      width: 32px;
      margin-bottom: -10px;
      }

      .locationphoto{
        width: 50%; 
        float: left; 
        margin-top: 0px;
      }

      .locationphoto img{
        margin-left: 5%; 
        width: 80%; 
        border-radius: 30px;
      }


      .ruimtebutton{
        width: 100%;
        margin-bottom: 50px;
      }
      
      .locationbutton{
        

      }

      .statistieken{
        background: white;
        padding: 30px 0px;
        float: left;
        width: 100%;

      }

      .statistiek{
        width: 33%;
        float: left;
      }
    

      .statistiek p{
        font-size: 22px;
      }

      .help{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 100%;
        padding: 50px 0px;
        margin-top: 50px;
      }
     
      .helpfoto img{
        border-radius: 100%;
        width: 20%;
        margin-left: 10%;
        float: left;
      }
      
      .helptekst{
        width: 40%;
        margin-left: 10%;
        float: left;
        text-align: left;
        color: black;
      }

      .contactbutton{
        width: 100%;
        text-align: center;
      }

      .flex-blogpost{
        display: flex;
      }

      .blogpost{
        background-color: rgb(252, 246, 236); 
        width: 60%; 
        margin-left: 5%;
        margin-top: 5%;
      }

      .nextblogpost{
        margin-left: 5%;
        margin-top: 5%;
        width: 25%;
      }

      .nextblogpost1{
      background-color: rgb(252, 246, 236); 
      }

      .blogpost h1{
        color: rgb(23,61,109);
        
      }

      .blogpost h2{
        color: rgb(23,61,109);
        text-decoration: none;
      }

      .blogpost h6{
       color:rgb(11,121,165);
       font-size: 20px;
        
      }

      .titleblogpost{
        padding:30px 30px 20px 30px; margin:0px 0px;
      }

      .textblogpost{
        text-align: left; 
        margin:0% 10%;
       
      }

      .photoblogpost{
      max-width: 50%;
      margin: 1% 2% 1% 5%;
      
      }


      .spelblogpost{
        text-align: left;
        margin:0% 10%;
        
      }

      .spelblogpost a{
        text-decoration: none;
        color:rgb(11,121,165);
        font-size: 20px;
      }

      .relatedblogpost{
        text-align: left;
        margin:0% 10%;
      }

      .relatedblogpost h3{
        text-align: left;
    
      }
      

      .authorblogpost{
        padding-bottom: 30px;
        text-align: left;
        margin:0% 10%;
      }

      .speelhetzelf{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 100%;
        padding: 40px 0px;
      }
      
      .speelhetzelfdownload{
              width: 30%;
              float: left;
              margin-top: 50px;
              margin-left: 10%;
      }
      
      .speelhetzelftekst{
        width: 40%;
        margin-left: 10%;
        float: left;
        text-align: left;
      }

      .waarom{
        float: left; 
        width: 100%;
        padding: 50px 0px;
      }

      .waarom img{
        max-width: 100%;
      }

      .waarom1{
        background-color: rgb(252, 246, 236);;
     
        width: 29%;
        float: left;
       margin-left: 4%;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }
      .waarom2{
        background-color: rgb(252, 246, 236);
       
              width: 29%;
              float: left;
             margin-left: 3%;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }
      .waarom3{
        background-color: rgb(252, 246, 236);
       
              width: 29%;
              float: left;
             margin-left: 3%;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .waarom p{
        padding: 0px 20px 20px 20px;
      }

      .waaromgroep{
        background-color: rgb(252, 246, 236);
        padding: 1% 3%;
              width: 35%;
              float: left;
             margin-left: 6%;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
           
      }

      .omschrijving{
        background-color: rgb(252, 246, 236);
        float: left;
        padding: 3% 5%;
        margin-top: 50px;
        width: 50%;
        margin-left: 20%;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .omschrijving2{
        float: left;
        margin-top: 50px;
        width: 100%;

        
      }

      .omschrijvingtekst{
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        padding: 1% 10% 3% 10%;
        width: 40%;
        margin-left: 20%;
        background-color: rgb(252, 246, 236);
      }

      .prevmobile7{
        display: none;
      }

      .nextmobile7
    {
      display: none;
    }

      .mySlidesmobile7 {
       
      }
      
      .fademobile7{
       
      }

      .spelvormtitel{
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 50px;
      }

      .spelvormen{
        width: 100%;
        float: left;
      }
      .spelvormen img{
        max-width: 80%;
      }

      .spelvorm1{
        width: 36%;
        margin-left: 5%;
        margin-right: 5%;
        background-color: rgb(252, 246, 236);
      float: left;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              padding: 2%;
      }


      .spelopmaat{
        float: left;
        width: 100%;
        margin-top: 50px;
        background-color: rgb(252, 246, 236);
        padding-top: 30px;
      }

      .spelopmaattekst{
        width: 45%;
        margin-left: 15%;
        text-align: left;
        float: left;
      }

      .spelopmaatvoorbeeld{
        float: left;
        width: 20%;
        margin-left: 5%;
        margin-top: -50px;
        margin-bottom: 40px;
      }

      .spelopmaatvoorbeeld img{
        width: 120%;
      }

      .voorbeelden{
        width: 100%;
        float: left;
        width: 100%;
        margin-top: 50px;
        padding-top: 30px;
      }

      .voorbeeld1{
        float: left;
        text-align: left;
        width: 36%;
        padding: 2% 2%;
        margin: 0% 5%;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .voordelen{
        position: relative;
        width: 100%;
      float: left;
      background-color: rgb(252, 246, 236);
      padding-bottom: 50px;
      }

      .voordeel1{
        width: 25%;
        margin-left: 20%;
   
        float: left;
        text-align: left;
      }

      .voordeel1 h3{
        text-align: left;
      }

      .voordeel2{
        width: 20%;
      margin-left: 0%;
    
        float: left;
        text-align: left;
      }

      .voordeel2 h3{
        text-align: left;
      }

      .flyerspel{
        width: 100%;
        float: left;
        margin-top: 50px;
        padding-top: 30px;
      }

      .flyerspelblok{
        width: 80%;
        margin-left: 10%;
        background-color: rgb(252, 246, 236);
        float: left;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .flyerspeltekst{
        width: 50%;
   float: left;
        padding: 5% 10%;
        text-align: left;
      }

      .flyerspelfoto img{
        width: 30%;
       float: right;
      }

      .overthe{
        width: 70%;
        float: left;
        background-color: rgb(252, 246, 236);
        margin-left: 15%;
        margin-top: 100px;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        padding-bottom: 50px;
      }

      .overthefoto{
        width: 30%;
        float: left;
        padding: 0% 5%;
      }

      .overthefoto img{
        width: 80%;
      }

      

      .overthetekst{
        width: 50%;
        float: right;
        padding: 0% 5%;
        text-align: left;
      }

      .spelrondes{
        width: 50%;
        float: left;
        background-color: rgb(252, 246, 236);
        margin-left: 25%;
        margin-top: 100px;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

    
      .spelrondefoto1{
        width: 30%;
        float: right;
        padding: 0% 5%;
      }

      .spelrondefoto2{
        width: 30%;
        float: left;
        padding: 0% 5%;
      }

      .spelrondefoto3{
        width: 30%;
        float: right;
        padding: 0% 5%;
      }

      .spelrondetekst1{
        width: 50%;
        padding: 0% 5%;
        margin-left: 20%;
      }

      .spelrondetekst2{
        width: 50%;
        padding: 0% 5%;
        margin-left: 20%;
      }

      .spelrondetekst3{
        width: 50%;
        padding: 0% 5%;
        margin-left: 20%;
      }

      .clubheader{
        background-color: rgb(227,169,72);
        height: 90vh; 
        padding-top: 20px;
      }


            
              }
          
    
      @media only screen and (max-width: 521px){
        body {
          
          text-align:center;
          overflow-x: hidden; 
          max-width: 100%;
          padding: auto auto;
          margin: auto auto;
          margin-top: 0px;
          font-family: 'Open Sans';
          color: black;
          font-weight: normal;
          background-position: center;
          background-color: rgb(23,61,109);
          text-decoration: none;

          
        
                }
          
                .menu{
                  display: none;
                }
                .logo{
                  display: none;
                }
          
                .logomobiel {
                  float: none;
                  top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
               position: absolute;
               
                   }
          
                   .logo img{
                     width: 70%;
                     height: 70%;
                   }
          
          
                 
          .socialmedia{
            display: none;
           }
             
           .contact{
             display: none;
           }
           
           
           
           .menumobiel{
             margin: auto;
             padding-top: 15px;
             padding-bottom: 2px;
             margin: 0px auto;
           overflow: hidden;
             background-color: rgb(23,61,109);
             position: relative;
             width: 100%;
             height: 50px;
          
             z-index: 2;
            border-bottom: white solid 1px;
           
             
           }
           
           .menubuttonmobiel{
             float: right;
             margin-right: 4%;
             margin-top: 1%;
           }
           
           .menubuttonmobiel div{
             
             width: 25px;
             height: 4px;
             background-color: rgb(252, 246, 236);
             color: rgb(23,61,109);
             margin: 5px 0;
           }
           
           
           .menubuttons2 #myLinks{
            
            display: none;
            background-color: rgb(252, 246, 236);
            position: fixed;
            padding: 10px 0px;
            line-height: 2;
            margin-top: 50px;
            width: 100%;
            text-align: center;
            z-index: 2;
            overflow-y: scroll;
            -webkit-overflow-scrolling:touch;
            height: 100vh;
           }
           
           .menubuttons2 a{
             color: rgb(23,61,109);
             background-color: rgb(252, 246, 236);
             text-decoration: none;
           
           }
           
           #mylinks{
             color: rgb(23,61,109);
             float: left;
             position: relative;
             padding: 5px;
             text-decoration: none;
             
           }
           
           .logomobiel {
            float: none;
            top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           position: absolute;
             }
           
             .logomobiel img{
               width: 70%;
               height: 70%;
            
             }
           
             .blue{
            
              text-align: center;
              width: 100%;
              position: relative;
            }
        
            .blue h1{
              text-align: left; color: white; font-size: 22px; margin-top: 50px; margin-left: 5%;
            }

            .blue p{
              text-align: left; color: white; font-size: 14px; margin: 0% 5%;
            }

            .blue img{
           width: 100%;
              
            }

            .blue a{
              text-decoration: none; 
              color: white;
            }

            
.spelgroep{
  width: 90%;
  float: left;
  margin: 5% 5%;
  background-color: rgb(252, 246, 236);
  -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
  display: inline-block;
}

.spelgroep img{

}

.spelgroep p{
  margin: 5% 3%;
}

.spelgroep a{
  width: 40%;
  margin: 3% 5%;
  float: left;
  background-color:rgb(11,121,165);
  color: white;
  text-decoration: none;
  padding: 10px 0px;
border-radius: 10px;
-webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
-moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
}


.speelicoon{
  color: rgb(23,61,109);
  float: left; 
  text-align: center; 
  width:33%;
  margin-bottom: 30px;
  margin-top: -10px;
}


.faq2{
  width: 100%;
text-align: left;
float: left;
margin-top: 50px;
background-color: rgb(252, 246, 236);
}


.faq2 h3{
  text-align: left;
}

.faq2blok{
  text-align: left;
  width: 90%;
padding: 0% 5%;
float: left;
margin-bottom: 30px;
}



            .ctabuttons{
              width: 100%;
              float: center;
              text-align: center;
            }

            .ctabutton{
              
              text-align: center; 
              background-color: rgb(227,169,72); 
              font-weight: bold; 
              border-radius: 10px;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              width: 50%;
              margin-top: 20px;
              margin-left: 25%;
              padding: 10px 0px;
              text-decoration: none;
              color: white;
            }

            .ctabutton2{
              text-align: center; 
              background-color: rgb(197,104,97); 
              font-weight: bold; 
              border-radius: 10px;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              width: 50%;
              margin-top: 20px;
              margin-left: 25%;
              padding: 10px 0px;
              text-decoration: none;
              color: white;
            }

          

            
        
            span {
        display: none;
            }

             .test{
              width: 100%;
          
            text-align: center;
            }

            .test2{
              width: 100%;
          
            text-align: center;
            }

            
    .doelgroep{
      width: 100%;
      
    }

    .doelgroep button{
      background-color: rgb(23,61,109);
      border-right: 2px solid rgb(23,61,109);
      border-left: solid 2px rgb(23,61,109);
      border-bottom: solid 2px rgb(23,61,109); 
      border-top: solid 2px rgb(23,61,109);
    }

    .doelgroepcontainer{
      width: 90%;
      margin: 5% 5%;
    background-color: rgb(252, 246, 236);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
   
  
    }

    .doelgroepcontainer2{
      width: 90%;
      margin: 5% 5%;
    background-color: rgb(252, 246, 236);
    -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
   
    }

    .doelgroepcontainertekst{
      margin: 2%;
      color: black;
      text-align: left;
    
      }

    
    .doelgroep img{
      max-width: 100%;
    
    }
  

    .doelgroepcontainer a{
      text-decoration: none;
      color: black;
      
    }

    .doelgroepcontainer2 a{
      text-decoration: none;
      color: black;
    }

   

            .titeltekst{
              width: 95%;
              float: center;
              text-align: center;
              padding-left: 2.5%;
              margin-top: 30px;
              padding-right: 2.5%;
             
            }
            
            .titeltekst h1{
              font-size: 7vw;
              width: 100%;
             margin-bottom: 0px;
            }
            
            .titeltekst p{
              font-size: 4vw;
              line-height: 1.5;
              width: 100%;
              float: left;
           margin-top: 20px;
         
            }            
            
            .titeltekst img{
              width: 4%;
              height: 4%;
              margin-right: 3%;
              margin-left: 0%;
            }
            
            .titeltekst a{
            float: left;
            
             
            }
            
            .titeltekst .blogbutton{
              display: none;
            }

            .bericht{
              width: 90%;
              padding: 0% 5%;
            }
            
            .vakjecontact {
              border: solid 2px rgb(23,61,109);
              text-align:center;
               
          
              font-size: 14px;  
              
              margin-bottom: 20px;
              height: 30px;
              width: 70%;
              background-color: rgb(252, 246, 236);
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              -webkit-border-radius:0px;
              color: black;
              align: middle;
              
              }

              
    .bestelvakje{
      border: solid 2px rgb(23,61,109);
      text-align:center;
      font-size: 14px;  
      margin: 1%;
      height: 30px;
      width: 70%;
      background-color: rgb(252, 246, 236);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius:0px;
      color: black;
      align: middle;
      }

      .bestelvakjekleiner{
        border: solid 2px rgb(23,61,109);
        text-align:center;
        font-size: 14px;  
        margin: 1%;
        height: 30px;
        width: 13%;
        background-color: rgb(252, 246, 236);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius:0px;
        color: black;
        align: middle;
        }

        .bestelvakjeklein{
          border: solid 2px rgb(23,61,109);
          text-align:center;
          font-size: 14px;  
          margin: 1%;
          height: 30px;
          width: 32%;
          background-color: rgb(252, 246, 236);
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          -webkit-border-radius:0px;
          color: black;
          align: middle;
          }

          .bestelvakjegroot {
            border: solid 2px rgb(23,61,109);
            text-align:center;
            width: 70%;
            font-family: 'Open Sans';
            font-size: 16px;  
            padding: 6px 0px 2px 0px;
            height: 100px;
            background-color: rgb(252, 246, 236);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-border-radius:0px;
            color: black;
            align: middle;
            resize: none;
            }

            .bestelinformatie{
              color: white;
            }

            .bestelinformatie h2{
              color: rgb(227,169,72);
            }

            .bestelinformatie p{
              color: white;
             
            }

            .bestelling h2{
              font-size: 16px;
              color: rgb(227,169,72);
            }

            .bestelproduct{
              width: 40%; 
              margin-top: -3%;
            }
        
              .grootvakje {
                border: solid 2px rgb(23,61,109);
                text-align:center;
                width: 65%;
                font-family: 'Open Sans';
                font-size: 16px;  
                padding: 6px 0px 2px 0px;
                height: 100px;
                margin-top: 10px;
                background-color: rgb(252, 246, 236);
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                -webkit-border-radius:0px;
                color: black;
                align: middle;
                resize: none;
                }
        
                .buttonenter {
                  border-right: solid 1px rgb(23,61,109);
                  border-top: solid 1px rgb(23,61,109);
                  border-bottom: solid 1px rgb(23,61,109);
                  border-left: solid 1px rgb(23,61,109);
                  text-align:center;
                  font-size: 14px;  
                  padding: 2px 0px 2px 0px;
                  height: 30px;
                  width: 100px;
                  background-color: rgb(252, 246, 236);
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  -webkit-border-radius:0px;
                  background-color: rgb(227,169,72);
                  color: white;
                  align: middle;
                  }

                  
          .buttonbetalen {
            border: solid 1px rgb(227,169,72);
          
            text-align:center;
            font-size: 18px;  
            font-weight: bold;
            padding: 2px 0px 2px 0px;
            height: 40px;
            width: 300px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-border-radius:0px;
            background-color: rgb(227,169,72);
            color: white;
            align: middle;
            cursor: pointer;
            margin-bottom: 100px;
            -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
            box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }

            .blogbutton a{
               
              background-color: rgb(227,169,72);
              color: white;
              text-align:center;
              margin: 3% 0%;
              height: 18px;
              font-size: 16px;
        
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              -webkit-border-radius:0px;
              font-weight: bold; 
              letter-spacing: 1.1px;
              border: 2px solid rgb(227,169,72);
             
              border-radius: 10px;
              padding: 5px 50px 5px 50px;
              text-decoration: none;
              width: 50%;
              cursor: pointer;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }
            
            .spelbutton{
              text-align: center;
              margin-bottom: 70px;
              margin-top: -40px;
            }

            .spelbutton a{
               
              background-color: rgb(11,121,165);
              color: white;
              text-align:center;
              font-size: 16px;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              -webkit-border-radius:0px;
              font-weight: bold; 
              letter-spacing: 1.1px;
              border-right: 2px solid rgb(11,121,165);
              border-left: solid 2px rgb(11,121,165);
              border-bottom: solid 2px rgb(11,121,165); 
              border-top: solid 2px rgb(11,121,165);
              border-radius: 10px;
              padding: 5px 50px 5px 50px;
              text-decoration: none;
              width: 50%;
              cursor: pointer;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }
            

            .video{
              width: 1600;
              height: 120;
              margin-top: -100px;
              margin-left: 37.5%;
            margin-bottom: 50px;
              border: solid black;
              border-width:  23px 6px 30px 6px;
              border-radius: 15px;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            width: 20%;
              z-index: -1;
              float: left;
            }
            
            .visueel {
              width: 100%;
              float: left;
              margin-top: 0px;
              display: none;
            }

            .mobielvisueel {
              width: 100%;
              float: left;
              margin-top: -80px;
              
            }

            .mobielvisueel2 {
              width: 100%;;
          text-align: center;
              margin-bottom: 50px;
          display: none;
              float: left;
            }

            .mobielvisueel2 img{
              width: 50%;
            }


            
            .film{
              z-index: -2;
            width: 80%;
            margin-left: 7.5%;
            margin-top: 0px;
         
            float: left;
              border: solid black;
              border-width:  10px 10px 10px 10px;
              border-radius: 15px;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }

            
            .filmhotel{
              z-index: -2;
            width: 90%;
            margin-left: 5%;
            margin-top: 0%;
            text-align: center;
            float: left;
             
            
            
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }

            .productvoorbeeld{
              z-index: -2;
            width: 60%;
            margin-left: 20%;
            margin-top: 5%;
            text-align: center;
            float: left;
             
            }


            .productbeschrijving{
              position: relative;
              margin-bottom: 50px;
              text-align: left;
            }
  

            .productbeschrijving h1{
              text-align: center;
            }

            .productbeschrijving .blogbutton{
              width: 100%; 
              text-align: center;
            }

            .productbeschrijving p{
              color: white;
             width: 90%;
             margin-left: 5%;
           
            }

            .productbeschrijving a{
              margin-top: 50px;
              text-decoration: none;
              color: white;
            }

            .homepage{
              text-align: center;
              width: 90%;
              margin-left: 5%;
              margin-bottom: 50px;
            }
        
            .homepage h1{
              font-size: 24px;
              margin-top: 50px;
            }
        
            .homepage p{
              font-size: 18px;
              color: white;
            }

            .homepage a{
              margin-top: 50px;
              text-decoration: none;
              color: white;
            }



            .mobielfoto{
              width: 100%;
              margin-top: -100px;
            }
            
            .video video{
              border: solid 20px black;
              border-radius: 5px;
            }
            
    
    
            .pijl{
              text-align: center;
              margin-top: 30px;
             display: none;
            width: 100%;
            
            }
            
            .pijl img{
              width: 10%;
            }

            .faq{
            
              margin-top: 0px;
              width: 100%;
              background-color: rgb(252, 246, 236);
             float: left;
              text-align: left;
            }
          
          .faqtekst{
            width: 90%;
            padding: 0% 2.5% 10% 2.5%;
            margin-left: 5%;
           
          }

         
          
          .faqtekst h5{
            font-size: 16px;
            color: rgb(23,61,109);
           
          }
            
            
            .nieuwsbrief{
              margin-top: 30px; 
              text-align: center;
                  width: 100%;
                float: left;  
          
                background-color: rgb(252, 246, 236);
            }
          
            .nieuwsbrieftekst{
              margin-top: 10px;
            
            }
          
            .nieuwsbriefinschrijving{
              text-align: center;
              
            }
          
          
            .form-container2 {
              width: 100%;
              padding: 10px 0px;
             
              text-align: center;
            }
            
            /* Full-width input fields */
            .form-container2 input[type=text], .form-container input[type=text] {
              width: 80%;
              padding: 15px;
              margin: 5px 0 22px 0;
              border: none;
              background: white;
            }
            
            /* When the inputs get focus, do something */
            .form-container2 input[type=text]:focus, .form-container input[type=text]:focus {
              background-color: rgb(252, 246, 236);
              outline: none;
            }
          
              /* Full-width input fields */
              .form-container2 textarea[type=text], .form-container textarea[type=text] {
                width: 80%;
                padding: 15px;
                margin: 5px 0 22px 0;
                height: 80px;
                border: none;
                background: black;
              }
              
              /* When the inputs get focus, do something */
              .form-container2 textarea[type=text]:focus, .form-container textarea[type=text]:focus {
                background-color: rgb(252, 246, 236);
                outline: none;
              }
            
            /* Set a style for the submit/login button */
            .form-container2 .nieuwsbriefenter {
              background-color: rgb(23,61,109);
              color: white;
              padding: 16px 20px;
              border: none;
              cursor: pointer;
              width: 50%;
              margin-bottom:10px;
              opacity: 0.8;
              font-size: 12px;
            }
          
            
              
            
            
            .slideshow-containerfoto{
                display: none;
            }
            
            
            
            
            
            
            p {
                font-size: 16x;
                color: black;
                letter-spacing: 1px;
                line-height: 1.5;
                padding: 0% 0%;
            }    
            
            
            .hoewerkthet {
              margin-top: 30px;
              width: 100%;
              background-color: rgb(252, 246, 236);
              float: left;
              margin-left: 0%;
              padding-bottom: 0px;
              overflow-x: scroll;
              overflow-y: hidden;
             }
             
             .hoewerkthet ::-webkit-scrollbar {
              display: none;
            }

            .hoewerkthet1{
              width: 90%;
                float: left;
                padding: 0% 5% 0% 5%;
                color: black;
                font-size: 16px;
                min-height: 320px;

            }

            .hoewerkthet h2{
              color:rgb(23,61,109);
            }
      


            .hoewerkthetfoto img{
              width: 50%;
            margin-left: 25%;
              padding-top: 5%;
              padding-bottom: 5%;
              display: flex;
        justify-content: center;
        align-items: center;
            }
      


      
      .spelnieuws {
        margin-top: 30px;
        width: 100%;
        margin-bottom: 30px;
        float: left;
        margin-left: 0%;
        padding-bottom: 0px;
        overflow-x: scroll;
        overflow-y: hidden;
       }
       
       .spelnieuws ::-webkit-scrollbar {
        display: none;
      }

       .spelnieuws1{
        width: 65%;
        float: left;
        padding: 0% 5% 0% 5%;
        margin-left: 5%;
        text-align: left;
        color: black;
        font-size: 16px;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        
    }

      .spelnieuws1 a{
        text-decoration: none;
      }

      .titelreviews{
        color: white;
      }

.spelnieuws1 img{
  width: 100%;
}


.spelnieuws1 video{
  width: 100%;
}

               
      
            .spelhotel{
              width: 100%;
              padding-top: 10px;
              text-align: center;
             
              margin-top: 50px;
              font-size: 11px;
            }
            
            .spelhotel table{
              background-color: black;
             width: 94%;
             -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
             -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
             box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
             margin-left: 3%;
            }
            
            .spelhotel .blogbutton2{
              text-align: center;
              margin-top: 40px;
            }
            
            
            .spelhotel img{
              width: 15%;
            }
            
            .spelhotel #pakket{
              width: 17%;
            }
            
            .spelhotel #pakketbasis{
              width:20%;
            }
            
            .spelhotel th{
              padding: 5px;
              margin-top: 20px;
              background: white;
            
            }
            
            .spelhotel tr{
              background: white;
              height: 50px;
            }

            .producten{
             margin-top: 30px;
             padding-top: 0px;
              padding-bottom: 100px;
             width: 100%;
       text-align: left;
            }

            .producten::-webkit-scrollbar {
              display: none;
            }
            
            .producten h3{
              text-align: center;
            }
        
            
            .prijs{
              text-align: center;
             font-size: 4vw;
            }
            
            .product1{
              background-color: rgb(252, 246, 236);
              width: 75%;
              margin-left: 5%;
              float: left;
             text-align: left;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }
            .product1 h3{
              text-align: center;
              font-size: 20px;
            }
            .product1 img{
              width: 5%;
              height: 5%;
              margin-right: 2%;
              margin-left: 5%;
            }
            
            .product1 .blogbutton2{
                text-align: center;
                width: 100%;
            }
            .product2{
              background-color: rgb(252, 246, 236);
              width: 75%;
              margin-left: 5%;
              float: left;
             text-align: left;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }
            .product2 h3{
              text-align: center;
              font-size: 20px;
            }
            .product2 img{
              width: 5%;
              height: 5%;
              margin-right: 2%;
              margin-left: 5%;
            }
            
            .product2 .blogbutton2{
                text-align: center;
                width: 100%;
            }

            .product3{
              background-color: rgb(252, 246, 236);
              width: 75%;
              margin-left: 5%;
              float: left;
             text-align: left;
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            }
            .product3 h3{
              text-align: center;
              font-size: 20px;
            }
            .product3 img{
              width: 5%;
              height: 5%;
              margin-right: 2%;
              margin-left: 5%;
            }
            
            .product3 .blogbutton2{
                text-align: center;
                width: 100%;
            }
            
            
              /* The popup form - hidden by default */
              .form-popup1 {
                display: none;
                position: fixed;
                width: 90%;
                bottom: 50px;
                left: 5%;
                border: 3px solid #f1f1f1;
                z-index: 9;
                -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                background-color: rgb(252, 246, 236);
                overflow: scroll;
              }
            
              .form-popup2 {
                display: none;
                position: fixed;
                width: 90%;
                bottom: 50px;
                left: 5%;
                border: 3px solid #f1f1f1;
                z-index: 9;
                -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                background-color: rgb(252, 246, 236);
              }

              
              .form-popup3 {
                display: none;
                position: fixed;
                width: 90%;
                bottom: 50px;
                left: 5%;
                border: 3px solid #f1f1f1;
                z-index: 9;
                -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                background-color: rgb(252, 246, 236);
              }

              .shadow{
                display: none;
              }
              
              /* Add styles to the form container */
              .form-container {
                max-width: 405px;
                padding: 5px;
                background-color: rgb(252, 246, 236);
                margin-left: 3%;
                overflow: scroll;
              }
              
              /* Full-width input fields */
              .form-container input[type=text], .form-container input[type=text] {
                width: 90%;
                padding: 5px;
                margin: 5px 0 10px 0;
                border: none;
                background: #f1f1f1;
                overflow: scroll;
              }
              
              /* When the inputs get focus, do something */
              .form-container input[type=text]:focus, .form-container input[type=text]:focus {
                background-color: #ddd;
                outline: none;
                overflow: scroll;
              }
            
                /* Full-width input fields */
                .form-container textarea[type=text], .form-container textarea[type=text] {
                  width: 90%;
                  padding: 5px;
                  margin: 5px 0 10px 0;
                  height: 60px;
                  border: none;
                  background: #f1f1f1;
                }
                
                /* When the inputs get focus, do something */
                .form-container textarea[type=text]:focus, .form-container textarea[type=text]:focus {
                  background-color: #ddd;
                  outline: none;
                }
              
              /* Set a style for the submit/login button */
              .form-container .btn {
                background-color: rgb(11,121,165);
                color: white;
                padding: 16px 20px;
                float: left;
                border: none;

                width: 50%;
                margin-bottom:10px;
              
              }
              
              /* Add a red background color to the cancel button */
              .form-container .cancel {
                background-color: rgb(252, 246, 236);
                color: rgb(23,61,109);
                float: left;
                width: 50%;
              }
              
              /* Add some hover effects to buttons */
              .form-container .btn:hover, .open-button:hover {
                opacity: 1;
              }
            
              .container {
                display: block;
                position: relative;
                padding-left: 35px;
                margin-bottom: 12px;
                cursor: pointer;
                font-size: 14px;
                font-family: 'Open Sans';
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                overflow: scroll;
              }
              
              /* Hide the browser's default checkbox */
              .container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
              }
            
              textarea{
                font-family: 'Open Sans';
                font-size: 14px;
              }
            
              input{
                font-family: 'Open Sans';
                font-size: 14px;
              }
              
              /* Create a custom checkbox */
              .checkmark {
                position: absolute;
                top: 0;
                left: 10px;
                height: 20px;
                width: 20px;
                background-color: #eee;
              }
              
              /* On mouse-over, add a grey background color */
              .container:hover input ~ .checkmark {
                background-color: #ccc;
              }
              
              /* When the checkbox is checked, add a blue background */
              .container input:checked ~ .checkmark {
                background-color: rgb(23,61,109);
              }
              
              /* Create the checkmark/indicator (hidden when not checked) */
              .checkmark:after {
                content: "";
                position: absolute;
                display: none;
              }
              
              /* Show the checkmark when checked */
              .container input:checked ~ .checkmark:after {
                display: block;
              }
              
              /* Style the checkmark/indicator */
              .container .checkmark:after {
                left: 7px;
                top: 2px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
              }
            
        


            

            .naamspelnieuws {
              color: rgb(23,61,109);
              text-align: center;
              }
        
         
            .reviews {
              margin-top: 30px;
              width: 100%;
             float: left;
              margin-bottom: 50px;
               margin-left: 0%;
            
              
            }
  
               
               .logoreviews{
               width: 25%;
               background-color: rgb(252, 246, 236);
               }
               
               .logoreview{
               text-align: center;
               height: 3%;
               }
               
               
    
               .review1{
                width: 80%;
                margin-left: 5%;
                float: left;
                padding: 0% 5% 0% 5%;
               margin-bottom: 20px;
                text-align: left;
                color: black;
                font-size: 16px;
                background-color: rgb(252, 246, 236);
                -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                
            }

            .reviews h2{
              color: white;
            }
               
               .naamreview {
               color: rgb(23,61,109);
               text-align: center;
               margin-top:0px;
                font-size: 20px;
          font-weight: bold;
               }

               .spellen{
                 display:none;
               }

               .spel1{
                width: 65%;
                float: left;
                padding: 0% 5%;
                margin-left: 5%;
                text-align: left;
                color: black;
                font-size: 16px;
              
              
                min-height: 300px;
            }

            .mobielspellen .blogbutton2{
              text-align: center;
            }

            .mobielspellen img{
              width: 70%;
            }

            .spelvariant1{
              width: 65%;
              float: left;
              padding: 0% 5%;
              margin-left: 5%;
              text-align: left;
              color: black;
              font-size: 16px;
            background-color: rgb(252, 246, 236);
            -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
            -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
            box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              min-height: 300px;
          }

          .spelvariant1 h3{
            color: rgb(23,61,109);
            text-align: center;
            font-size: 24px;
            }
               
            .spelrondes p{
              padding: 0 5%;
            }
              
               .spellocaties {
                margin-top: 30px;
                width: 100%;
                margin-left: 0%;
                padding-bottom: 0px;
               display: table;
                text-align: center;
                margin-bottom: 30px;
               }

               .spellocaties h2{
                color: white;
              }
              
               .logolocatie{
                width: 90%;
                margin-top: 10px;
               }
            
               .locatie1{
                width: 90%;
                float: left;
                margin-left: 5%;
                text-align: center;
                color: black;
                background-color: rgb(252, 246, 236);
                -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                margin-bottom: 20px;
            }

            .locatie1 img{
              width: 100%;
            }
      
            .locatie1 p{
             padding: 0 10px;
             text-align: left;
            }
      
            .locatie1 h4{
              text-align: center;
             }
      
             .locatie1 .blogbutton2{
              text-align: center;
             }

            .alllogonieuws{
              width: 90%;
              margin-top: 10px;
              text-align: center;
             }
          
             .allnieuws1{
              width: 70%;
              float: left;
              margin-left: 5%;
              color: black;
              font-size: 16px;
              background-color: rgb(252, 246, 236);
              -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              
              padding: 0px 10px;
          }

          .allnieuws1 a{
            text-decoration: none;
          }

          .allnieuws1 p{
           color: black;
           text-align: left;
          }
        
               .naamlocatie h2{
               color: rgb(23,61,109);
               text-align: center;
                font-size: 20px;
               }

               .tekstlocatie{
                padding: 0% 5% 0% 5%;
               display: table-row;
               }
                         
   
                .slideshow-reviews {
                  width: 100%;
                    position: relative;
                    margin: auto;
                   
                  }
  
                  /* Next & previous buttons */
                  .prev3, .next3 {
                    
                    cursor: pointer;
                    
                    top: 50%;
                    width: auto;
                    margin-top: 75px;
                    padding: 10px;
                    color: rgb(227,169,72);
                    font-weight: bold;
                    font-size: 30px;
                    transition: 0.6s ease;
                    border-radius: 0 3px 3px 0;
                    user-select: none;
                  }
                  
                  /* Position the "next button" to the right */
                  .next3 {
                    right: 5%;
                    border-radius: 0 3px 3px 0;
                    float: right;
                  }
            
                  .prev3 {
                      float: left;
                    left: 5%;
                    border-radius: 3px 0 0 3px;
                  }
                  
                  /* On hover, add a black background color with a little bit see-through */
                 

                  
            
                  .fade3 {
                    -webkit-animation-name: fade;
                    -webkit-animation-duration: 1s;
                    animation-name: fade;
                    animation-duration: 1s;
                  }
                  
                  @-webkit-keyframes fade3 {
                    from {opacity: .4}
                    to {opacity: 1}
                  }
                  
                  @keyframes fade3 {
                    from {opacity: .4}
                    to {opacity: 1}
                  }

                  .slideshow-container5 {
                    width: 100%;
                      position: relative;
                      margin: auto;
                    }
                    
                    /* Hide the images by default */
                    .mySlides5 {
                      display: none;
                    }
                   
  
          
                    /* Next & previous buttons */
                    .prev5, .next5 {
                     
                      cursor: pointer;
                      
                      top: 50%;
                      width: auto;
                      margin-top: 75px;
                      padding: 10px;
                      color: rgb(227,169,72);
                      font-weight: bold;
                      font-size: 30px;
                      transition: 0.6s ease;
                      border-radius: 0 3px 3px 0;
                      user-select: none;
                    }

                    .next5 {
                      right: 5%;
                      border-radius: 0 3px 3px 0;
                      float: right;
                    }
              
                    .prev5 {
                        float: left;
                      left: 5%;
                      border-radius: 3px 0 0 3px;
                    }
                    
                  
              
                    .fade5 {
                      -webkit-animation-name: fade;
                      -webkit-animation-duration: 1s;
                      animation-name: fade;
                      animation-duration: 1s;
                    }
                    
                    @-webkit-keyframes fade5 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }
                    
                    @keyframes fade5 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }


                  
                  .slideshow-container6 {
                    width: 100%;
                      position: relative;
                      margin: auto;
                    }
                    
                    /* Hide the images by default */
                    .mySlides6 {
                      display: none;
                    }
                   
  
          
                    /* Next & previous buttons */
                    .prev6, .next6 {
                      
                      cursor: pointer;
                      
                      top: 50%;
                      width: auto;
                      margin-top: 75px;
                      padding: 10px;
                      color: rgb(227,169,72);
                      font-weight: bold;
                      font-size: 30px;
                      transition: 0.6s ease;
                      border-radius: 0 3px 3px 0;
                      user-select: none;
                    }
                    .next6 {
                      right: 5%;
                      border-radius: 0 3px 3px 0;
                      float: right;
                    }
              
                    .prev6 {
                        float: left;
                      left: 5%;
                      border-radius: 3px 0 0 3px;
                    }
                  
              
                    .fade6 {
                      -webkit-animation-name: fade;
                      -webkit-animation-duration: 1s;
                      animation-name: fade;
                      animation-duration: 1s;
                    }
                    
                    @-webkit-keyframes fade6 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }
                    
                    @keyframes fade6 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }

                    
                  .slideshowmobile-container7 {
                    width: 100%;
                      position: relative;
                      margin: auto;
                      
                    }
                    
                    /* Hide the images by default */
                    .mySlidesmobile7 {
                     color: red;
                    }
                   
  
          
                    /* Next & previous buttons */
                    .prevmobile7, .nextmobile7 {
                   
                      cursor: pointer;
                      color: rgb(227,169,72);
                      top: 50%;
                      width: auto;
                      margin-top: 75px;
                      padding: 10px;
                      color: rgb(227,169,72);
                      font-weight: bold;
                      font-size: 30px;
                      transition: 0.6s ease;
                      border-radius: 0 3px 3px 0;
                      user-select: none;
                    }

                    .nextmobile7 {
                      right: 5%;
                      border-radius: 0 3px 3px 0;
                      float: right;
                    }
              
                    .prevmobile7 {
                        float: left;
                      left: 5%;
                      border-radius: 3px 0 0 3px;
                    }
                    
                    .prevmobile7:hover, .nextmobile7:hover {
                      background-color: rgb(252, 246, 236);
                    }
              
                    .fade7{
                      -webkit-animation-name: fade;
                      -webkit-animation-duration: 1s;
                      animation-name: fade;
                      animation-duration: 1s;
                    }
                    
                    @-webkit-keyframes fade7 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }
                    
                    @keyframes fade7 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }

                  .slideshow-container9 {
                    width: 100%;
                      position: relative;
                      margin: auto;
                    }
                    
                    /* Hide the images by default */
                    .mySlides9 {
                      display: none;
                    }
                   
  
          
                    /* Next & previous buttons */
                    .prev9, .next9 {
                       
                      cursor: pointer;
                      
                      top: 50%;
                      width: auto;
                      margin-top: 75px;
                      padding: 10px;
                      color: rgb(227,169,72);
                      font-weight: bold;
                      font-size: 30px;
                      transition: 0.6s ease;
                      border-radius: 0 3px 3px 0;
                      user-select: none;
                    }
                    
                    .next9 {
                      right: 5%;
                      border-radius: 0 3px 3px 0;
                      float: right;
                    }
              
                    .prev9 {
                        float: left;
                      left: 5%;
                      border-radius: 3px 0 0 3px;
                    }
                  
              
                    .fade9 {
                      -webkit-animation-name: fade;
                      -webkit-animation-duration: 1s;
                      animation-name: fade;
                      animation-duration: 1s;
                    }
                    
                    @-webkit-keyframes fade9 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }
                    
                    @keyframes fade9 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }

          
                    /* Next & previous buttons */
                    .prev10, .next10 {
                      cursor: pointer;
                      top: 50%;
                      width: auto;
                      margin-top: 75px;
                      padding: 10px;
                      color: rgb(11,121,165);
                      font-weight: bold;
                      font-size: 30px;
                      transition: 0.6s ease;
                      border-radius: 0 3px 3px 0;
                      user-select: none;
                    }
                    .next10 {
                      right: 5%;
                      border-radius: 0 3px 3px 0;
                      float: right;
                    }
              
                    .prev10 {
                        float: left;
                      left: 5%;
                      border-radius: 3px 0 0 3px;
                    }
                  
              
                    .fade10 {
                      -webkit-animation-name: fade;
                      -webkit-animation-duration: 1s;
                      animation-name: fade;
                      animation-duration: 1s;
                    }
                    
                    @-webkit-keyframes fade10 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }
                    
                    @keyframes fade10 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }

                    .prev1, .next1 {
                      cursor: pointer;
                      top: 50%;
                      width: auto;
                      margin-top: 75px;
                      padding: 10px;
                      color: rgb(11,121,165);
                      font-weight: bold;
                      font-size: 30px;
                      transition: 0.6s ease;
                      border-radius: 0 3px 3px 0;
                      user-select: none;
                    }
                    .next1 {
                      right: 5%;
                      border-radius: 0 3px 3px 0;
                      float: right;
                    }
              
                    .prev1 {
                        float: left;
                      left: 5%;
                      border-radius: 3px 0 0 3px;
                    }
                  
              
                    .fade1 {
                      -webkit-animation-name: fade;
                      -webkit-animation-duration: 1s;
                      animation-name: fade;
                      animation-duration: 1s;
                    }
                    
                    @-webkit-keyframes fade1 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }
                    
                    @keyframes fade1 {
                      from {opacity: .4}
                      to {opacity: 1}
                    }


                    
                            .blogbutton2 {
                              text-align: center;
                              margin-left: 0%;
                         
                            }
                                        .footer {
                                                                         
                                            background-color: rgb(23,61,109);
                                            font-family: 'Open Sans';
                                            font-size: 20px;
                                            width: 100%;
                                            height: 5%;
                                            overflow: hidden;  
                                            float: left;
                                            left: 0;
                                            bottom: 0;
                                            z-index: -1;
                                        }
            
                                        .footerhoofd {
                                                 margin-top: 30px;                        
                                          background-color: rgb(23,61,109);
                                          font-family: 'Open Sans';
                                          font-size: 12px;
                                          width: 100%;
                                          height: 10%;
                                          overflow: hidden;  
                                          float: left;
                                          color: white;
                                          text-decoration: none;
                                          line-height: 1.5;
                                          
                                         
              left: 0;
              bottom: 0;
              z-index: -1;
                                      }
            
                                      .footerhoofd p{
                                          font-size: 14px;
                                          text-align: center;
                                          color: white;
                                      }
                                      .footerhoofd a{
                                        color:white;
                                        text-decoration: none;
                                        margin-top: 20px;
                                      }
                                        
                            .footer1{
                              display: none;
                              width: 20%;
                              float: left;
                              padding: 0% 10%;
                              color: white;
                              text-align: left;
                            
                          }
            
                          .footer2{
                              width: 90%;
                              float: left;
                              padding: 0% 4%;
                              text-align: center;
                              color: white;
                          }
            
                          .footer3{
                              display: none;
                          }

                     .footerhoofd h6{
                      font-size: 20px;
                     }
            
            
                                        .footer p{
                                          color: white; 
                                          font-size: 12px;
                                          margin-top: 20px;
                                        }
            
            .buttonoverzicht{
                background-color: rgb(252, 246, 236);
                color: rgb(23,61,109);
                text-align:center;
                height: 36px;
                font-size: 14px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                -webkit-border-radius:0px;
                font-weight: bold; 
                border-right: 2px solid rgb(23,61,109);
                border-left: solid 2px rgb(23,61,109);
                border-bottom: solid 2px rgb(23,61,109); 
                border-top: solid 2px rgb(23,61,109);
                margin: 1% 1%;
                padding: 0px 0px -2px 0px;
                text-decoration: none;
                width: 25%;
                min-width: 100px;
                max-width: 300px;
                cursor: pointer;
                }
            
                .buttonaanvraag{
                    background-color: rgb(252, 246, 236);
                    color: rgb(23,61,109);
                    text-align:center;
                    height: 36px;
                    font-size: 14px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    -webkit-border-radius:0px;
                    font-weight: bold; 
                    letter-spacing: 1.1px;
                    border-right: 2px solid rgb(23,61,109);
                    border-left: solid 2px rgb(23,61,109);
                    border-bottom: solid 2px rgb(23,61,109); 
                    border-top: solid 2px rgb(23,61,109);
                    margin: 1% 1% -1% 1%;
                    padding: 0px 0px -2px 0px;
                    text-decoration: none;
                    width: 25%;
                    min-width: 100px;
                    max-width: 300px;
                    cursor: pointer;
                    }
            
                    .buttongroot{
                      background-color: rgb(252, 246, 236);
                      color: rgb(23,61,109);
                      text-align:center;
                      height: 36px;
                      font-size: 14px;
                      -webkit-appearance: none;
                      -moz-appearance: none;
                      appearance: none;
                      -webkit-border-radius:0px;
                      font-weight: bold; 
                      letter-spacing: 1.1px;
                      border-right: 2px solid rgb(23,61,109);
                      border-left: solid 2px rgb(23,61,109);
                      border-bottom: solid 2px rgb(23,61,109); 
                      border-top: solid 2px rgb(23,61,109);
                      margin: 1% 1% -1% 1%;
                      padding: 0px 0px -2px 0px;
                      text-decoration: none;
                      width: 35%;
                      min-width: 100px;
                      max-width: 300px;
                      cursor: pointer;
                      }
            
                      .buttonoranje{
                        background-color: rgb(11,121,165);
                        color: white;
                        text-align:center;
                        height: 36px;
                        font-size: 16px;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        -webkit-border-radius:0px;
                        font-weight: bold; 
                        letter-spacing: 1.1px;
                        border-right: 2px solid rgb(11,121,165);
                        border-left: solid 2px rgb(11,121,165);
                        border-bottom: solid 2px rgb(11,121,165); 
                        border-top: solid 2px rgb(11,121,165);
                        border-radius: 5px;
                        margin: 1% 1% -1% 1%;
                        padding: 0px 0px -2px 0px;
                        text-decoration: none;
                        width: 35%;
                        min-width: 100px;
                        max-width: 300px;
                        cursor: pointer;
                        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                        }
            
                        .buttonoranjegroter{
                          background-color: rgb(11,121,165);
                          color: white;
                          text-align:center;
                          height: 36px;
                          font-size: 14px;
                          -webkit-appearance: none;
                          -moz-appearance: none;
                          appearance: none;
                          -webkit-border-radius:0px;
                          font-weight: bold; 
                          letter-spacing: 1.1px;
                          border-right: 2px solid rgb(11,121,165);
                          border-left: solid 2px rgb(11,121,165);
                          border-bottom: solid 2px rgb(11,121,165); 
                          border-top: solid 2px rgb(11,121,165);
                          border-radius: 5px;
                          margin: 1% 1% -1% 1%;
                          padding: 0px 0px -2px 0px;
                          text-decoration: none;
                          width: 80%;
                          
                          cursor: pointer;
                          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                          }

                          .belbutton{
                            background-color: rgb(11,121,165);
                          color: white;
                          text-align:center;
                          height: 36px;
                          font-size: 14px;
                          -webkit-appearance: none;
                          -moz-appearance: none;
                          appearance: none;
                          -webkit-border-radius:0px;
                          font-weight: bold; 
                          letter-spacing: 1.1px;
                          border-right: 2px solid rgb(11,121,165);
                          border-left: solid 2px rgb(11,121,165);
                          border-bottom: solid 2px rgb(11,121,165); 
                          border-top: solid 2px rgb(11,121,165);
                          border-radius: 5px;
                          margin: 1% 1% -1% 1%;
                          padding: 10px 20px;
                          text-decoration: none;
                          
                          cursor: pointer;
                          -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                          }
                          
            
                          .buttonblauwgroter{
                            background-color: rgb(23,61,109);
                            color: white;
                            text-align:center;
                            height: 36px;
                            font-size: 14px;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            -webkit-border-radius:0px;
                            font-weight: bold; 
                            letter-spacing: 1.1px;
                            border-right: 2px solid rgb(23,61,109);
                            border-left: solid 2px rgb(23,61,109);
                            border-bottom: solid 2px rgb(23,61,109); 
                            border-top: solid 2px rgb(23,61,109);
                            border-radius: 5px;
                            margin: 1% 1% -1% 1%;
                            padding: 0px 0px -2px 0px;
                            text-decoration: none;
                            width: 60%;
                            min-width: 100px;
                            max-width: 300px;
                            cursor: pointer;
                            -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                            }
            
            
               
            
                   
            
                        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                            color: black;
                            opacity: 1; /* Firefox */
                            font-size: 14px;
                            font-family: 'Open Sans';
                            align: middle;
                          }
                          
                          :-ms-input-placeholder { /* Internet Explorer 10-11 */
                            color: black;
                            font-size: 14px;
                            font-family: 'Open Sans';
                            align: middle;
                          }
                          
                          ::-ms-input-placeholder { /* Microsoft Edge */
                            color: black;
                            font-size: 14px;
                            font-family: 'Open Sans';
                            align: middle;
                          }
                
            
              
            
                h1{
                    color: white;
                    font-size: 24px;
                    letter-spacing: 1px;
                    margin: 30px 0px;
                    font-family: "Architects Daughter";
                }

                .spellocaties h1{
                  color: white;
                    letter-spacing: 1px;
                    font-size: 24px;
                    text-align: center;
                  text-decoration: none;
                  padding-bottom: 20px;
                }

                .bericht h1{
                  color: rgb(11,121,165);
                  letter-spacing: 1.1px;
                  font-size: 24px;
                  text-align: center;
               
                padding-bottom: 20px;
                }

                .blogpost h1{
                  color: rgb(23,61,109);
                  
                }
            
                h2 {
                    color: rgb(11,121,165);
                    letter-spacing: 1.1px;
                    font-size: 24px;
                    text-align: center;
                 
                  padding-bottom: 10px;
                  padding-top: 20px;
                }

                .bericht h2{
                  font-size:16px;
                  line-height: 2;
                  font-weight: 600;
                  padding: 0% 0%;
                  color: black;
                  text-decoration: none;
                }

                .naamlocatie h2{
                  color: rgb(23,61,109);
                  font-size: 20px;
                  text-align: center;
                }

                h3 {
                  color: rgb(23,61,109);
                  font-size: 18px;
                  letter-spacing: 1.1px;
             
              }

              h4 {
                color: rgb(23,61,109);
                font-size: 20px;
                letter-spacing: 1.1px;
                font-weight: bold;
                text-align: center;
            }

              
     
                .location h1{
                  color: rgb(11,121,165);
                  letter-spacing: 1.1px;
                  font-size: 24px;
                  text-align: center;
                  text-decoration: underline rgb(23,61,109);
               
                }

                .location{
                  width: 90%; 
                  max-width: 2000px;
                  text-align: left; 
                  margin-top: 20px; 
                  position: relative; 
                  padding: 0px 0px 40px 0px; 
                  margin-left: 5%; 
                  background-color: rgb(252, 246, 236);
                  float: left;
                }
          
                .location p{
                  width: 90%; 
                  margin-left: 5%; 
                }

                .location h3{
                  font-size: 20px;
                  text-align: center;
                }
                 
                .locationtitle{
                  width: 100%;
                  text-align: center;
                  font-size: 20px;
                  color:rgb(11,121,165);
                }

                .locationicon{
                  width: 30%;
                  float: left;
                  text-align: center;
                }
          
                .locationgames{
                  width: 50%; 
                  float: left; 
                  margin-left: 5%; 
                

                }
          
                .locationgames .locationfacilities img{
                  width: 16px;
                }
          
                .locationfacilities{
                  width: 90%; 
                  margin-left: 5%;
                  float: left; 
                
                }
          
                .locationphoto{
                  width: 100%; 
                  float: center; 
                  margin-top: 0px;
                  display: none;
                }
              
                .locationphotomobile{
                  width: 110%; 
                }
          
          
                .locationbutton{
                  background-color: rgb(11,121,165);
                color: white;
                font-size: 12px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                -webkit-border-radius:0px;
                font-weight: bold; 
                letter-spacing: 1.1px;
                border-right: 2px solid rgb(11,121,165);
                border-left: solid 2px rgb(11,121,165);
                border-bottom: solid 2px rgb(11,121,165); 
                border-top: solid 2px rgb(11,121,165);
                border-radius: 10px;
                padding: 10px 40px 10px 40px;
                text-decoration: none;
                cursor: pointer;
                -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
                box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
                margin-top: 60px; 
                float: left; 
                text-align: center;
                width: 60%;
                margin-left: 10%;
                }   
    
                
      .statistieken{
        background: white;
        padding: 50px 0px;
        float: left;
        width: 100%;
      }

      .statistiek{
        width: 100%;
        float: left;
      }
      
      .statistiek h3{
       color: rgb(23,61,109);
       font-size: 20px;
      }

      .statistiek h4{
        color: black;
        font-size: 18px;
      }

      .help{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 100%;
        padding: 50px 0px;
        margin-top: 50px;
       
      }
     
      .helpfoto img{
        border-radius: 100%;
        width: 40%;
        margin-left: 30%;
        float: left;
      }
      
      .helptekst{
        width: 80%;
        margin-left: 10%;
        float: left;
        text-align: left;
      }

      .contactbutton{
        width: 100%;
        text-align: center;
      }

      .blogpost {
        margin-left: 5%;
        width: 90%;
        background-color: rgb(252, 246, 236);
        margin-top: 30px;
        margin-bottom: 30px;
      }

      .titleblogpost{
        width: 90%;
        margin-left: 5%;
        padding-top: 30px;
        
      }

      .textblogpost{
        width: 90%;
        margin-left: 5%;
        padding: 0;
        text-align: left;
        padding-bottom: 30px;
      }

      .textblogpost img{
        text-align: center;
        max-width: 100%;
        }

        .textblogpost h2{
          color: rgb(23,61,109); 
          text-decoration: none;
          font-weight: bold;
          font-size: 16px;
        }

        .relatedblogpost{
          text-align: left;
          width: 90%;
          margin-left: 5%;
        }
  
        .relatedblogpost h3{
          text-align: left;
      
        }

        .authorblogpost{
          padding-bottom: 30px;
          text-align: left;
          width: 90%;
          margin-left: 5%;
        }


      .speelhetzelf{
        background-color: rgb(252, 246, 236);
        float: left;
        padding: 30px 0px;
      }
      
      .speelhetzelfdownload{
           padding: 60px 0px 40px 0px;          
          margin-left: -10%;
      }
      
      .speelhetzelftekst{
    
        margin-left: 5%;
        width: 90%;
        float: left;
        text-align: left;
        
      }

      .waarom{
        float: left; 
        width: 100%;
        margin-bottom: 100px;
        background-color: rgb(23,61,109);
        
      }

      .waarom img{
        max-width: 100%;
      }

      .waarom1{
        width: 90%;
        margin: 3% 5%;
        background-color: rgb(252, 246, 236);
        padding-top: 5%;
  
     
      }
      .waarom2{
        width: 90%;
        margin: 3% 5%;
        background-color: rgb(252, 246, 236);
        padding-top: 5%;
       
     
      }
      .waarom3{
        width: 90%;
        margin: 3% 5%;
        background-color: rgb(252, 246, 236);
        padding-top: 5%;
     
      }

      .waarom p{
        padding: 0 2%;
        padding-bottom: 30px;
      }

    

      .omschrijving{
        background-color: rgb(252, 246, 236);
        float: left;
        width: 80%;
        padding: 5% 5%;
        margin-left: 5%;
        margin-top: 50px;
        text-align: left;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .omschrijving .blogbutton{
        text-align: center;
      }

      .omschrijving2{
        float: left;
        margin-top: 50px;
        width: 90%;
        margin-left: 5%;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .omschrijvingtekst{
       
        padding: 3% 10% 8% 10%;
        width: 80%;
       text-align: left;
      }

      
      .spelvormtitel{
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 0px;
      }

      .spelvormen{
        width: 100%;
        float: left;
      }
      .spelvormen img{
        max-width: 80%;
      }

      .spelvormen h3{
        font-size: 20px;
      }

      .spelvorm1{
        width: 85%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 20px;
        background-color: rgb(252, 246, 236);
      float: left;
      -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
              box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
              padding: 2%;
      }

      
      .spelopmaat{
        float: left;
        width: 100%;
        margin-top: 50px;
        background-color: rgb(252, 246, 236);
        padding-top: 30px 0px 0px 0px;
      }

      .spelopmaattekst{
        width: 90%;
        margin-left: 5%;
        text-align: left;
        float: left;
      }

      .spelopmaatvoorbeeld{
        float: left;
        width: 70%;
        margin-left: 15%;
     padding-bottom: 30px;
      }

      .spelopmaatvoorbeeld img{
        width: 100%;
      }
      .voorbeelden{
        width: 100%;
        float: left;
        width: 100%;
        margin-top: 50px;
        padding-top: 30px;
      }

      .voorbeeld1{
        float: left;
        text-align: left;
        width: 86%;
        padding: 2% 2%;
        margin: 5% 5%;
        background-color: rgb(252, 246, 236);
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .voordelen{
        position: relative;
        width: 100%;
      float: left;
      background-color: rgb(252, 246, 236);
      padding-bottom: 50px;
      }

      .voordeel1{
        
      padding: 0 5%;
      
        float: left;
        text-align: left;
      }

      
      .flyerspel{
        width: 100%;
        float: left;
        margin-top: 50px;
      }

      .flyerspelblok{
        width: 80%;
        margin-left: 10%;
        background-color: rgb(252, 246, 236);
        float: left;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
      }

      .flyerspeltekst{
        width: 90%;

        padding: 5% 5%;
        text-align: left;
    
      }

      .flyerspelfoto img{
        width: 80%;
  
       text-align: center;
      }

      .overthe{
        width: 100%;
        float: left;
        background-color: rgb(252, 246, 236);
        margin-top: 100px;
        padding-bottom: 50px;
      }

      .overthefoto{
        width: 90%;
        float: left;
        padding: 0% 5%;
      }

      .overthefoto img{
        width: 50%;
      }

      

      .overthetekst{
        width: 90%;
        float: right;
        padding: 3% 5%;
        text-align: left;
      }

      .spelrondes{
        width: 90%;
        float: left;
        background-color: rgb(252, 246, 236);
        margin-left: 5%;
        margin-top: 100px;
        -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
        padding-bottom: 50px;
      }

      .clubheader{
        background-color: rgb(227,169,72);
        height: 90vh; 
        padding-top: 20px;
      }

        }