* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'vinque';
  src: url('vinque/vinque\ rg.otf') format('opentype'), /* Modern Browsers */
       url('vinque/vinque\ rg.otf') format('opentype'); /* Older Browsers */
  /* Add additional font formats for broader browser support */
}

body { 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: center;
  background-color: #161616;
}

.wrapper { 
  width: 90%;
  margin: 0 auto;
  top: 0;
}

header { 
  width: 100%; 
  height: 150px;
  background-color: #161616;
  position: fixed;
  top: 0; 
  left: 0;
  z-index: 2;
}

.Whiskyvent { 
  margin: 0;
  color: #fff; 
 float: center; 
 padding-left: 0;
 padding-top: 50px; 
 letter-spacing: 3px;
 font-size: 25px;
 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.logo { 
  width: 40px;
  height: auto; 
  float: left;
  text-align: left;
  
  z-index: -1; 
  
}

.logo a {
  text-decoration: none;
  font-size: 35px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  letter-spacing: 2px;
  color: #fff;
}

.logo img { 
  width: 210px; 
  height: 210px;
  padding-top: 15px;  
}


nav ul li { 
  letter-spacing: 0px; 
  z-index: 2; 
  
}

.banner-area { 
  background-image: url(images/header3.jpg);
  background-size: cover;
  background-position: center center;
  top: 180px;
  height: 550px;
  width: 100%;
  position: fixed;
}

.banner-area:after { 
  content: ''; 
  position: absolute; 
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #161616;
  opacity: .3;
  z-index: -1;
}

.banner-area h2 { 
  padding-top: 250px; 
  font-weight: bold;
  font-size: 35px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color: white; 
  letter-spacing: 1px;
}

.banner-area h4 { 
  padding-top: 2%;
  font-weight: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 40px; 
  color: white;
  letter-spacing: 1px; 
}

.banner-area h3 { 
  padding-top: 2%;
  font-weight: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 25px; 
  color: white;
  letter-spacing: 1px; 
}

.bovenkantpagina img { 
  width: 35%;
  height: auto; /* This ensures the aspect ratio is maintained */
  display: inline-block; /* Removes any extra space below the image */
  text-align: center;
  padding-top: 50px;
}

.aboutbovenkant img { 
  width: 30%;
  height: auto; /* This ensures the aspect ratio is maintained */
  display: inline-block; 
  text-align: center;
  padding-top: 50px;
}

p img { float: right;
   height: 600px;
  width: auto;
padding-left: 30px; }

.proeverijen img { 
  padding-top: 20px; 
  padding-bottom: 20px; 
  width: 35%; 
  height: auto; 
  max-width: 100%; 
}

.content-area { 
  width: 100%;
  /*padding:10%;*/
  position: relative; 
  background: #161616; 
  top: 750px; 
  z-index: 1; 
}
.content-area .wrapper {
  min-width:500px;
  max-width:1200px;
  margin: 0px auto;

}

.content-area h2 { 
  font-size: 30px; 
  margin: 0; 
  font-weight: bold;
  padding-top: 30px; 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color: #ffffff;
  text-align: left; 
  /*padding-left: 300px; */
}

.content-area h3 { 
  font-size: 25px; 
  margin: 0; 
  font-weight: bold;
  padding-top: 30px; 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color: white;
  text-align: left; 
  /*padding-left: 250px; */
}

.content-area h4 { 
  font-size: 20px; 
  margin: 0; 
  font-weight: normal;
  font-style: italic;
  padding-top: 40px; 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color: #161616;
  text-align: left; 
  /*padding-left: 250px; */
}

.content-area p { 
  padding: 2% 0; 
  line-height: 30px; 
  font-size: 20px;
  color: #ffffff; 
  text-align: left; 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /*padding-left: 300px; */
  /*padding-right: 300px; */
  letter-spacing: 0.5px; 
}

.content-area a { 
  text-decoration: underline #c0392b; 
  color: #fff; 
}

.content-area a:hover { 
  color: #c0392b;
  text-decoration: none;
}

figcaption { 
  font-style: italic; 
  font-size: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  text-align: justify; 
  color: #161616;
}

ul { 
  float: right; 
  padding-right: 0; 
}

  ul li {
    list-style: none;
    display: inline-block; 
    z-index: 2; 
    padding-left: 0;
    padding-right: 0;
  }

   ul li a {
    text-decoration: none;
    font-size: 23px;
    letter-spacing: 2px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #ffffff;
    font-weight: 500;
    padding: 0 20px; 
    
  }


  ul li a:hover {
    color: #c0392b;
  }

  .content-area li { 
    list-style-type: disc; /* Example: Use 'square' as the bullet style */
    margin: 16px 0;
    padding: 0;
    text-align: left;
    padding-left: 350px; 
    font-size: 20px;
    color: #fff;
  }

  .bottomimages img { 
    height: 600px; 
    width: auto;
    padding-left: 50px; 
    padding-right: 50px;
  }

  footer { 
    color: #fff; 
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border-top: 1px solid #fff;
    letter-spacing: 2px; 
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right;
    font-size: 20px;
  }

  .form { 
    color: #fff;
    letter-spacing: 1px; 
    
  }