/*
 Theme Name:   HDB Thema
 Theme URI:    https://www.helemaaldebom.nl/
 Description:  Helemaal de bom thema
 Author:       Helemaal de bom
 Author URI:   https://www.helemaaldebom.nl/
 Template:     blankslate
 Version:      1.0.0
 Tags:         Helemaal de bom
 Text Domain:  blankslate-child
*/
/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */
/* Colors */
/* Fonts */
/* Adjustments for the site */
html, body {
  width: 100%;
	
}

#wpadminbar {
	z-index: 10000000000000;
}

html {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
}

a {
  font-family: "DM Sans", sans-serif;
  color: #406844;
  transition: all 0.3s ease-in-out;
}

a:hover {
  transition: all 0.3s ease-in-out;
}

/* Header */
.header-sticky {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000000;
    background: white;	
	    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

main#main {
	padding-top: 155px;
}

.single-producten main#main {
	padding-top: 220px;
}

.archive main#main {
	padding-top: 220px;
}

@media screen and (max-width: 500px) {
	.logged-in main#main {
		padding-top: 120px;
	}
	
	main#main {
		padding-top: 175px;
	}
	
	.archive main#main {
		padding-top: 220px;
	}
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: white;
  display: flex;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0px 20px 30px;
  align-items: center;
	margin-top: 10px;
}

.nav-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.logo-header {
  max-width: 300px;
  width: 300px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #406844;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  line-height: 26px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

.right-header .menu-item-header {
	font-weight: 500 !important;
}

.menu-item-header:hover {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

@media only screen and (max-width: 1405px) and (min-width: 992px) {
  .topnav a {
    font-size: 14px;
    padding: 14px 5px;
  }
  .nav-header {
    padding-left: 0;
  }
}
@media screen and (max-width: 1070px) {
  .logo-header {
    max-width: 200px;
  }
}
.linkOmLogoHeader {
  display: unset !important;
}

@media screen and (min-width: 701px) {
  .fa-search {
    display: none !important;
  }
}
@media screen and (max-width: 700px) {
  .search-field {
    display: none;
  }
  .fa-search, .fa-times {
    padding: 18px 16px;
    color: #406844;
  }
}
@media screen and (max-width: 418px) {
  .nav-header {
    padding-left: 0;
  }
}
.searchbar {
  display: none;
}

.searchbar.responsive {
      display: block !important;
    padding-top: 40px;
}

.search-form-responsive {
  text-align: center;
  margin-bottom: 50px;
}

.search-field-responsive {
  width: 85% !important;
}

.search-field-responsive {
  height: 50px;
  width: 100%;
  border: 0;
  border-radius: 30px !important;
  background-color: whitesmoke;
  padding: 10px 10px 10px 30px;
  font-family: "Poppins", sans-serif;
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    /* Your styles here */
    .header-usp-inner {
        display: none !important;
    }
	
	.topnav {
		padding: 5px 0px 6px 30px !important;
		margin-top: 3px !important;
	}
}

.right-header li ul a {
  color: white !important;
  font-size: 12px;
  width: 100%;
}

.right-header li ul {
  width: 100%;
  text-align: center;
}

.nav-header li ul li:hover ul {
  display: block;
  margin-left: 200px;
	background: #507e54;
	border-right: 0 !important;
}

.right-header ul li {
	border-right: 0 !important;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 992px) {
  .topnav a {
    display: none;
  }
  .nav-header li {
    padding: 4px 0 !important;
  }
	.nav-header ul li {
		border-right: 0px !important;
	}
  .left-header, .right-header {
    display: flex;
    flex-direction: column;
  }
  .nav-header li a {
    display: none !important;
  }
  .topnav.responsive .nav-header li a {
    display: unset !important;
	  line-height: 2;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .nav-header ul {
    position: unset !important;
  }
  .nav-header li li a {
    font-size: 16px !important;
    color: black !important;
	  padding-left: 10px !important;
  }
  .nav-header li ul li {
    width: 100%;
  }
  .nav-header li li:hover ul {
    padding-left: 20px !important;
    margin-left: 0 !important;
  }
	
	.mobileSearch.responsive {
		display: none;
	}
}

.nav-header ul:hover li:hover {
	background-color: #507e54;
}

.nav-header li ul li:hover ul:hover li:hover {
	background: #7dae81;
}

@media screen and (max-width: 992px) and (min-width: 525px) {
	.topnav.responsive a.icon {
		top: 50px !important;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 992px) {
  .topnav.responsive {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
	  margin-top: 10px;
  }
  .topnav.responsive .nav-header {
    flex-direction: column;
    padding-left: 10px !important;
    margin-bottom: 5px;
  }
  .topnav.responsive .lang-search {
    order: 3 !important;
  }
  .topnav.responsive #searchIcon {
    display: none !important;
  }
  .topnav.responsive .search-form, .topnav.responsive .search-field {
    display: unset !important;
  }
  .logo-header {
    order: 1;
  }
  .topnav.responsive a {
    padding: 10px 0;
  }
  .topnav.responsive a.icon {
    position: absolute;
    right: 16px;
    top: 25px;
    color: #115f2d;
	transition: unset !important;
  }
	
	.linkOmLogoHeader {
		padding: 14px 16px 14px 0 !important;
	}
	
	.topnav a.icon {
		transition: unset !important;
	}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .lang-search {
    order: 2;
  }
  .nav-header {
    order: 3;
	      justify-content: flex-end;
  }
	
	.right-header li ul li {
		text-align: left;
	}
}
.search-form {
  display: block; /* Het formulier is standaard zichtbaar */
}

@media screen and (max-width: 600px) {
  .search-field {
    display: none; /* Verberg het zoekveld op kleinere schermen */
  }
  .search-submit {
    display: block; /* Toon het zoekpictogram op kleinere schermen */
  }
  .search-submit button {
    background: none;
    border: none;
    cursor: pointer;
  }
}
.lang-search {
  display: flex;
  gap: 10px;
}

.post-edit-link {
  display: none;
}

/* Home */
.sliderHome, .sliderHome-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 150px 150px;
}

.sliderHome-inner {
  padding: 0 30px;
}

.titelSliderHome {
  font-weight: 600;
  line-height: 87px;
  letter-spacing: -0.03em;
  text-align: center;
}

.titelSliderGroot {
  padding-top: 220px;
  font-size: 58px;
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
}

.titelSliderKlein {
  padding-bottom: 220px;
  font-size: 34px;
  font-family: "DM Sans", sans-serif;
  color: #406844;
  font-weight: 500;
  line-height: 115px;
  letter-spacing: -0.03em;
}

@media only screen and (max-width: 1160px) and (min-width: 900px) {
  .titelSliderGroot {
    padding-top: 160px;
    font-size: 45px;
  }
  .titelSliderKlein {
    padding-bottom: 160px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 899px) and (min-width: 600px) {
  .titelSliderGroot {
    padding-top: 130px;
    font-size: 30px;
  }
  .titelSliderKlein {
    padding-bottom: 130px;
    font-size: 18px;
    padding-top: 25px;
  }
  .titelSliderHome {
    line-height: 30px;
  }
	
	.sliderHome-background {
		height: 550px !important;
	}
}
@media only screen and (max-width: 599px) {
  .titelSliderGroot {
    padding-top: 50px;
    font-size: 22px;
  }
  .titelSliderKlein {
    padding-bottom: 50px;
    font-size: 16px;
    padding-top: 30px;
  }
  .titelSliderHome {
    line-height: 25px;
  }
  .sliderHome, .sliderHome-background {
    border-radius: 0 0 50px 50px;
  }
	
	.sliderHome-background {
		height: 415px !important;
	}
}
.search-field {
  height: 50px;
  width: 300px;
  border: 0;
  border-radius: 30px !important;
  background-color: whitesmoke;
  padding: 10px 10px 10px 30px;
  font-family: "Poppins", sans-serif;
}

.homeProducten-inner {
  max-width: 1500px;
  width: 100%;
  padding: 250px 30px;
  margin: 0 auto;
  display: flex;
  gap: 5%;
}

.titel-home-producten {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
  text-align: left;
  max-width: 560px !important;
  width: 560px !important;
}

.lijn-home-producten {
  border: 0;
  background: #2C5E32;
  padding-top: 3px;
  border-radius: 3px;
  max-width: 150px;
  width: 100%;
  margin-left: 0;
  margin-top: 25px;
}

.homeProducten-c1, .homeProducten-c2 {
  flex: 50%;
}

.horizontal-section {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 30px;
}

.sticky-wrapper {
  position: sticky;
  top: 25%;
  overflow: hidden;
  float: right;
}

.element-wrapper {
  position: relative;
  display: flex;
}

@media only screen and (max-width: 599px) {
	.horizontal-section {
		padding: 50px 30px;
	}
}

@media only screen and (min-width: 1200px) {
  .div-only-mobile-and-tablet-information-product {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .info-producten {
    display: none !important;
  }
}
@media only screen and (min-width: 1600px) {
  .element-wrapper {
    width: 5260px;
    max-width: 5260px;
  }
  .element {
    width: 970px;
    text-align: center;
  }
  .sticky-wrapper {
    width: 925px;
  }
  div.titel-home-producten {
    width: 560px !important;
  }
  .img-element-wrapper {
    height: 400px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 500px;
  }
  .info-producten {
    display: flex;
    justify-content: space-between;
    max-width: 850px;
    width: 100%;
    padding: 50px 30px;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1999px) {
  .element-wrapper {
    width: 4050px;
    max-width: 4050px;
  }
  .element {
    width: 740px;
    text-align: center;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .element-wrapper {
    width: 4760px;
    max-width: 4760px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .element-wrapper {
    width: 4360px;
    max-width: 4360px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .element-wrapper {
    width: 4160px;
    max-width: 4160px;
  }
}
@media only screen and (min-width: 2400px) {
  .element-wrapper {
    width: 5600px;
    max-width: 5600px;
  }
  .element {
    width: 970px;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .element {
    width: 940px;
    text-align: center;
  }
  .sticky-wrapper {
    width: 925px;
  }
  div.titel-home-producten {
    width: 560px !important;
  }
  .img-element-wrapper {
    height: 400px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 500px;
  }
  .info-producten {
    display: flex;
    justify-content: space-between;
    max-width: 850px;
    width: 100%;
    padding: 50px 30px;
  }
  .titel-home-producten {
    font-size: 30px;
    max-width: 415px !important;
    width: 415px !important;
  }
  div.titel-home-producten {
    top: 300px !important;
  }
  .tekst-links-onder-home-inner {
    padding: 400px 30px 100px 30px !important;
    max-width: 1200px !important;
  }
}


.tekst-links-onder-home-inner .button-Flexbench-cta:hover, .tekst-links-onder-home-inner .button-Flexbench-cta:hover svg polygon {
	color: white;
	fill: white;
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
  .element {
    width: 100%;
    text-align: center;
    margin-bottom: 270px !important;
  }
  .element-wrapper {
    flex-direction: column;
    transform: unset !important;
  }
  .sticky-wrapper {
    width: 100%;
  }
  div.titel-home-producten {
    width: 560px !important;
  }
  .img-element-wrapper {
    height: 400px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 500px;
  }
  .info-producten {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    padding: 50px 30px;
  }
  .titel-home-producten {
    font-size: 30px;
    max-width: 415px !important;
    width: 415px !important;
  }
  div.titel-home-producten {
    top: 300px !important;
  }
  .tekst-links-onder-home-inner {
    padding: 400px 30px 100px 30px !important;
    max-width: 1200px !important;
    width: 80% !important;
  }
  .sticky-wrapper {
    position: unset !important;
  }
  div.titel-home-producten {
    width: 100% !important;
    max-width: 100% !important;
  }
  .titel-home-producten {
    max-width: 100% !important;
    width: 100% !important;
  }
  .lijn-home-producten {
    margin-bottom: 100px;
    margin-left: auto !important;
  }
  .titel-home-producten {
    text-align: center;
  }
  .horizontal-section {
    height: 3000px !important;
  }
  .line-under-product {
    margin: 40px auto 20px !important;
    width: 20% !important;
  }
  .button-product-home {
    border-radius: 40px !important;
    background-color: #406844 !important;
    border: 1px solid #406844 !important;
  }
  .tekst-links-onder-home {
    border-radius: 0 0 100px 100px !important;
  }
}
@media only screen and (max-width: 599px) {
  .element {
    width: 100%;
    text-align: center;
    margin-bottom: 190px !important;
  }
  .element-wrapper {
    flex-direction: column;
    transform: unset !important;
  }
  .titel-home-producten {
    font-size: 18px !important;
  }
  .sticky-wrapper {
    width: 100%;
  }
  div.titel-home-producten {
    width: 560px !important;
  }
  .img-element-wrapper {
    height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    max-width: 280px;
  }
  .info-producten {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    padding: 50px 30px;
  }
  .titel-home-producten {
    font-size: 30px;
    max-width: 415px !important;
    width: 415px !important;
  }
  div.titel-home-producten {
    top: 300px !important;
  }
  .tekst-links-onder-home-inner {
    padding: 140px 30px 40px 30px !important;
    max-width: 1200px !important;
    width: 90% !important;
  }
  .titel-groot-links-onder-home {
    font-size: 30px !important;
	  line-height: 30px !important;
  }
  .titel-klein-links-onder-home {
    font-size: 20px !important;
  }
  .line-white-between-titles-home {
    max-width: 30% !important;
  }
  .sticky-wrapper {
    position: unset !important;
  }
  div.titel-home-producten {
    width: 100% !important;
    max-width: 100% !important;
  }
  .titel-home-producten {
    max-width: 100% !important;
    width: 100% !important;
  }
  .lijn-home-producten {
        margin-bottom: 60px;
        margin-left: auto !important;
        max-width: 80px;
        padding-top: 1px;
        margin-top: 10px;
  }
  .titel-home-producten {
    text-align: center;
  }
  .horizontal-section {
    height: 2560px !important;
  }
  .line-under-product {
    margin: 40px auto 20px !important;
    width: 20% !important;
  }
  .button-product-home {
    border-radius: 40px !important;
    background-color: #406844 !important;
    border: 1px solid #406844 !important;
  }
  .product-name-home {
    margin-bottom: 25px;
  }
  .titel-home-producten {
    line-height: 20px !important;
	  font-size: 16px !important;
  }
  .tekst-links-onder-home {
    border-radius: 0 0 50px 50px !important;
  }
  .titel-groot-links-onder-home-2 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
}
.info-producten-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.element {
  height: 400px;
  margin: 0 20px 0 0;
  flex-shrink: 0;
}

.homeProducten-c2 {
  width: 100%;
}

div.titel-home-producten {
  float: left;
  top: 40%;
}

.product-name-home {
  font-family: "DM Sans", sans-serif;
  color: #2C5E32;
  font-size: 20px;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -0.03em;
  text-align: center;
}

.button-product-home {
  font-family: "DM Sans", sans-serif;
  color: white;
  padding: 12px 30px;
  background-color: #abbfad;
  border: 1px solid #abbfad;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: -0.03em;
  text-align: center;
}

.line-under-product {
  border: 0;
  background-color: black;
  height: 3px;
  width: 100%;
  border-radius: 3px;
  margin: 0;
}

.tekst-links-onder-home {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 0 200px 200px;
}

.tekst-links-onder-home-inner {
  padding: 700px 30px 120px 30px;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

.titel-groot-links-onder-home {
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 50px;
  font-weight: 600;
  line-height: 75px;
  letter-spacing: -0.03em;
  text-align: left;
  text-transform: uppercase;
}

.titel-klein-links-onder-home {
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 31.25px;
  letter-spacing: -0.03em;
  text-align: left;
  color: white;
  max-width: 260px;
  width: 100%;
}

.line-white-between-titles-home {
  border: 0;
  height: 3px;
  background-color: white;
  width: 100%;
  border-radius: 20px;
  max-width: 220px;
  margin-left: 0;
  margin: 10px 0 30px 0;
}

.product-active1 .info-producten-div-c1 .product-name-home {
  color: black !important;
}

.product-active1 .info-producten-div-c1 .line-under-product {
  padding: 4px 0;
  margin: -2px 0 -3px;
}

.product-active1 .info-producten-div-c1 .button-product-home {
  background-color: #2C5E32;
  border: 1px solid #2C5E32;
}

.product-active2 .info-producten-div-c2 .product-name-home {
  color: black !important;
}

.product-active2 .info-producten-div-c2 .line-under-product {
  padding: 4px 0;
  margin: -2px 0 -3px;
}

.product-active2 .info-producten-div-c2 .button-product-home {
  background-color: #2C5E32;
  border: 1px solid #2C5E32;
}

.product-active3 .info-producten-div-c3 .product-name-home {
  color: black !important;
}

.product-active3 .info-producten-div-c3 .line-under-product {
  padding: 4px 0;
  margin: -2px 0 -3px;
}

.product-active3 .info-producten-div-c3 .button-product-home {
  background-color: #2C5E32;
  border: 1px solid #2C5E32;
}

.product-active4 .info-producten-div-c4 .product-name-home {
  color: black !important;
}

.product-active4 .info-producten-div-c4 .line-under-product {
  padding: 4px 0;
  margin: -2px 0 -3px;
}

.product-active4 .info-producten-div-c4 .button-product-home {
  background-color: #2C5E32;
  border: 1px solid #2C5E32;
}

.scroll-container {
  overflow-y: hidden; /* Verberg de verticale scrollbar */
  overflow-x: auto; /* Zorg ervoor dat de horizontale scrollbar alleen wordt weergegeven als dat nodig is */
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}

.scroll-item {
  height: 910px;
  scroll-snap-align: start;
  display: flex;
  gap: 10%;
  align-items: center;
  max-width: 1400px;
  width: 100%;
  margin: 0px auto;
  padding: 400px 30px;
}


.scroll-item-c1, .scroll-item-c2 {
  flex: 100%;
}

.scroll-item-c2 a.button-Flexbench.button-Flexbench-cta {
	padding: 15px 55px !important;
	margin-top: 75px;
}

.scroll-item-c2 .button-Flexbench-cta:hover svg {
	left: 85% !important;
}

.titel-producten-home-onder-elkaar-dun {
  font-family: "DM Sans", sans-serif;
  color: #2C5E32;
  font-size: 65px;
  font-weight: 300;
  line-height: 57px;
  letter-spacing: -0.03em;
  text-align: left;
  text-transform: uppercase;
	margin-top: -60px;
}

.titel-producten-home-onder-elkaar-dik {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 130px;
  font-weight: 800;
  line-height: 135px;
  letter-spacing: -0.03em;
  text-align: left;
  text-transform: uppercase;
	margin-top: -20px;
}

.afbeelding-product-onder-elkaar {
  max-width: 100%;
  width: 100%;
  height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 20px;
}

.scroll-item-c1 {
  text-align: center;
}

.div-info-onder-afbeelding-product-home {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	max-width: 520px; 
	width: 100%;
	margin: 0 auto;
}

.info-onder-afbeelding-product-home {
  flex: 30%;
}

.groene-lijn-onder-afbeelding-product {
  border: 0;
  height: 2px;
  background-color: #2C5E32;
  max-width: 520px;
  width: 100%;
  margin-bottom: 25px;
}

.info-onder-afbeelding-product-home {
  line-height: 35px;
  font-family: "DM Sans", sans-serif;
  color: #2C5E32;
  font-weight: 500;
	text-align: left;
}

.div-info-onder-afbeelding-product-home h6:nth-child(2) {
	text-align: center;
}

.div-info-onder-afbeelding-product-home h6:nth-child(3) {
	text-align: right;
}

.div-info-onder-afbeelding-product-home h6:nth-child(4) {
	text-align: left;
}

.div-info-onder-afbeelding-product-home h6:nth-child(5) {
	text-align: right;
}

@media only screen and (max-width: 499px) {
	.div-info-onder-afbeelding-product-home h6 {
		text-align: center !important;
	}
}

/* Verander de 2 kolommen */
.scroll-container .scroll-item:nth-child(2n) {
  flex-direction: row-reverse;
}

/* Zet de positie van de titels goed bij het 2de product */
.scroll-container .scroll-item:nth-child(2n) h2.titel-producten-home-onder-elkaar-dun.rellax {
  position: relative;
}

.scroll-container .scroll-item:nth-child(2n) h1.titel-producten-home-onder-elkaar-dik.rellax {
  position: relative;
}

/* Pas de font-size en font-weight aan bij de titels bij het 2de product  */
.scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dik {
  font-weight: 300;
  line-height: 100px;
  font-size: 60px;
  font-family: "DM Sans", sans-serif;
	margin-top: -105px;
	left: 47px;
}


@media only screen and (max-width: 1000px) {
	.titel-producten-home-onder-elkaar-dik.rellax {
		margin-bottom: 0 !important;
	}
}

.scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dun {
  font-weight: 800;
  line-height: 135px;
  font-size: 120px;
  margin-bottom: 50px;
	left: 46px;
}

/* Zet de positie van de titels goed bij het 3de product */
.scroll-container .scroll-item:nth-child(3n) h2.titel-producten-home-onder-elkaar-dun.rellax {
  position: relative;
	left: -46px;
}

.scroll-container .scroll-item:nth-child(3n) h1.titel-producten-home-onder-elkaar-dik.rellax {
  position: relative;
	left: -46px;
}

.titel-producten-home-onder-elkaar-dik.rellax, .titel-producten-home-onder-elkaar-dun.rellax {
	left: -45px; 
	position: relative;
}

.knop-product-onder-elkaar-home {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin-top: 70px;
  text-decoration: none;
  padding: 14px 60px;
  border: 2px solid #2C5E32;
  color: #2C5E32;
  border-radius: 50px;
  text-transform: uppercase;
}

.knop-product-onder-elkaar-home:hover {
  background-color: #2C5E32;
  color: white;
}

.scroll-container .scroll-item:nth-child(2n) .knop-product-onder-elkaar-home {
  background-color: #2C5E32 !important;
  color: white !important;
}

.scroll-container .scroll-item:nth-child(2n) .knop-product-onder-elkaar-home:hover {
  background-color: transparent !important;
  color: #2C5E32 !important;
}

.titel-product-onder-afbeelding {
  font-family: "Poppins", sans-serif;
  color: #406844;
  font-size: 34px;
  font-weight: 600;
  line-height: 51px;
  letter-spacing: -0.03em;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dun {
    line-height: 210px !important;
  }	
}


@media only screen and (max-width: 999px) and (min-width: 500px) {
  .scroll-container {
    height: 100%;
  }
  .scroll-item-c2 h2, .scroll-item-c2 h1 {
    position: unset !important;
	  transform: unset !important;
  }
  .titel-producten-home-onder-elkaar-dun, .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dik {
    font-size: 45px;
  }
  .titel-producten-home-onder-elkaar-dik {
    font-size: 90px;
    line-height: 100px;
  }
	
	
  .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dik {
    line-height: 55px;
    font-size: 45px;
  }
  .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dun {
    line-height: 55px;
  }
  .scroll-item {
    padding: 0px 30px !important;
    flex-direction: column-reverse !important;
    margin-top: 320px;
    gap: 5%;
  }
}
@media only screen and (max-width: 499px) {
	.afbeelding-product-onder-elkaar {
		height: 330px;
		margin-top: 30px;
	}
	
	.scroll-item-c2 {
		width: 100%;
	}
	
	
	.scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dik {
		line-height: 30px !important;
	}
	
	.c-button--gooey {
		padding: 12px 30px; 
	}
	
	.groene-lijn-onder-afbeelding-product {
		max-width: 280px;
	}
	
	.scroll-item-c2 .c-button--gooey {
		margin-top: 10px;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
  .scroll-container {
    height: 100%;
  }
  .scroll-item-c2 h2, .scroll-item-c2 h1 {
    position: unset !important;
	  transform: unset !important;
  }
  .titel-producten-home-onder-elkaar-dun, .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dik {
    font-size: 28px;
  }
  .titel-producten-home-onder-elkaar-dik {
    font-size: 60px;
    line-height: 70px;
  }
  .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dik {
    line-height: 100px;
    font-size: 35px;
  }
  .scroll-container .scroll-item:nth-child(2n) .titel-producten-home-onder-elkaar-dun {
    line-height: 55px;
    font-size: 70px;
  }
  .scroll-item {
    padding: 0px 30px !important;
    flex-direction: column-reverse !important;
    margin-top: 250px;
    gap: 0%;
  }
  .div-info-onder-afbeelding-product-home {
    flex-direction: column;
  }
}
.tekst-links-onder-home-2 {
  margin: 150px 0;
}

.titel-groot-links-onder-home-2 {
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 50px;
  font-weight: 400;
  line-height: 63px;
  letter-spacing: -0.03em;
  text-align: left;
  max-width: 640px;
  width: 100%;
}

.knop-met-groot-achtergrond-home {
  display: inline-block;
  margin-top: 50px;
  position: relative;
  z-index: 5;
  text-decoration: none;
  padding: 14px 60px;
  border: 2px solid #2C5E32;
  color: white;
  background-color: #2C5E32;
  border-radius: 50px;
  text-transform: uppercase;
}

.knop-met-groot-achtergrond-home:hover {
  background-color: transparent;
  color: white;
}

@media only screen and (max-width: 799px) {
  .div-boven-footer-home-inner {
    flex-direction: column;
    margin: 100px auto 150px !important;
  }
}
@media only screen and (max-width: 499px) {
  .titel-boven-footer-home {
    font-size: 40px;
    margin-bottom: 0px;
  }
  .knop-product-onder-elkaar-home {
    font-size: 14px;
  }
	
	.knop-met-groot-achtergrond-home {
		font-size: 12px;
	}
	
	.titel-groot-links-onder-home-2 {
		font-size: 22px !important; 
		line-height: 24px !important;
	}
	
	.knop-met-groot-achtergrond-home {
		margin-top: 30px;
	}
}
.div-boven-footer-home-inner {
  max-width: 1400px;
  width: 100%;
  margin: 250px auto;
  padding: 0 30px;
  display: flex;
  align-items: center;
  gap: 10%;
}

.div-boven-footer-home-c1 {
  flex: 60%;
}

.div-boven-footer-home-c2 {
  flex: 40%;
}

.div-boven-footer-home-c2 .button-Flexbench {
	padding: 15px 55px;
}

.div-boven-footer-home-c2 .button-Flexbench-cta:hover svg {
	left: 80%;
}

.afbeelding-boven-footer-home {
  max-width: 690px;
  width: 100%;
}

.titel-boven-footer-home {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 50px;
  font-weight: 500;
  line-height: 93px;
  letter-spacing: -0.03em;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.informatie-boven-footer-home p {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 33px;
  text-align: left;
}

/* Creditfooter */
.infoContainer-inner {
  max-width: 480px;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.menu-item-creditFooter {
  color: white;
  text-decoration: unset;
}

.menu-item-creditFooter-1 {
  padding-right: 5px;
  margin-right: 1px;
  border-right: 1px solid white;
}

.infoContainer-c2 {
  margin-bottom: 15px;
}

/* Footer */
.footer {
  background-color: #000000;
  border-radius: 150px 150px 0 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

footer {
  margin-top: 150px;
}

@media only screen and (max-width: 600px) {
	footer {
	  margin-top: 80px;
	}	
	
	.pagination-archive {
		margin-bottom: 100px !important;
	}
}

.footer a:hover {
  text-decoration: underline;
}

.footer-inhoud {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 120px 30px 100px;
  display: flex;
  gap: 10%;
}

.foto-footer-kolom-4, .logo-footer-kolom-2 {
  width: 100%;
}

.footer-content-links, .footer-content-rechts {
  display: flex;
  flex: 50%;
}

.footer-content-links-c1, .footer-content-links-c2, .footer-content-rechts-c1, .footer-content-rechts-c2 {
  flex: 50%;
}

.titel-footer-kolom-1, .titel-footer-kolom-2, .titel-footer-kolom-3 {
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
}

.menu-item-footer-kolom-1 {
  color: white;
  display: block;
  text-decoration: underline;
}

.line-white {
  border: 0;
  max-width: 70px;
  width: 100%;
  height: 1px;
  background-color: white;
  margin-left: 0;
  margin-bottom: 30px;
}

.menu-item-footer-kolom-1 {
  font-family: "DM Sans", sans-serif;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -0.03em;
  text-align: left;
  text-decoration: unset;
}

.contact-locatie-footer-kolom-2 {
  font-family: "DM Sans", sans-serif;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -0.03em;
  text-align: left;
  text-decoration: unset;
}

.div-contact-informatie-footer-kolom-2 {
  display: flex;
  flex-direction: column;
  color: white;
  margin-top: 20px;
}

.contact-informatie-footer-kolom-2 {
  color: white;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
}

.contact-informatie-footer-kolom-2 {
  line-height: 30px;
}

.logo-footer-kolom-2 {
  margin-top: 25px;
  max-width: 180px;
  width: 100%;
  height: 40px;
  margin-left: -20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.div-contact-informatie-footer-kolom-2 i {
  margin-right: 15px;
}

.telefoonnummer-footer-kolom-3 {
  font-family: "DM Sans", sans-serif;
  color: white !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -0.03em;
  text-align: left;
  text-decoration: unset;
}

.footer-content-rechts-c1 i {
  margin-right: 15px;
}



#infoContainer #link {
  margin-bottom: 10px;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: white;
	position: relative;
    z-index: 10;
}

#infoContainer #link:hover {
  color: #305BAA;
}

#infoContainer {
  max-width: 1550px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px 0 60px;
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}

#infoContainer .fa-copyright {
  padding-right: 5px;
}

.fa-bomb {
  padding-right: 2px;
  padding-left: 5px;
}

@media only screen and (max-width: 1600px) and (min-width: 1201px) {
  .footer-content-rechts-c2 {

  }
  .footer-inhoud {
    gap: 1%;
  }
  .footer-inhoud {
    padding: 120px 30px 100px 60px !important;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 630px) {
  .footer-inhoud {
    padding: 120px 30px 100px 60px !important;
    flex-direction: column;
    gap: 1%;
  }
  .footer-content-rechts {
    margin-top: 100px;
  }
	
	.input-and-submit-footer input {
		max-width: 100%;
	}
	
	.input-and-submit-footer p {
		justify-content: space-between;
	}
}
@media only screen and (max-width: 629px) {	
	.form-footer form {
		padding-bottom: 40px;
	}
	.input-and-submit-footer input {
		max-width: 250px !important;
		width: 100% !important;
	}
	
	.footer-inhoud .wpcf7-submit {
		max-width: unset !important;
		width: unset !important;
	}
	
	.input-and-submit-footer p {
		justify-content: space-between;
	}
	
  .footer-inhoud {
    padding: 120px 30px 20px 60px !important;
    flex-direction: column;
    gap: 1%;
  }
  .footer-content-rechts {
    margin-top: 100px;
  }
  .footer-content-links, .footer-content-rechts {
    gap: 35px;
    flex-direction: column;
  }
  .footer {
    border-radius: 60px 60px 0 0;
  }
  .footer-content-rechts-c2 {
    position: unset !important;
  }
  #infoContainer {
    padding: 0 60px;
  }
  .foto-footer-kolom-4 {
    border-bottom: 2px solid white;
  }
  .titel-boven-footer-home {
    font-size: 38px;
  }
}
@media only screen and (max-width: 380px) {
  .logo-header {
    max-width: 150px;
    width: 150px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #searchIcon {
    padding-right: 0;
    margin-right: 15px;
  }
}
/* Zoekpagina */
#primaire-div-voor-zoeken {
  max-width: 1510px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 30px 10px;
}

.search-results-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  margin-top: 10px;
}

.search-results-inner img {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #f7f7f7;
  border-radius: 30px;
  padding: 10px;
}

.search-results-inner article {
  flex: 20%;
  max-width: 285px;
  width: 100%;
  margin-bottom: 100px;
}

.search-results-inner article:hover a {
  text-decoration: underline;
}

#main-content-voor-zoeken nav {
  text-align: center;
}

.search-results-inner .entry-title a {
  font-size: 18px;
  text-decoration: unset;
  color: black;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 20px;
  display: inline-block;
}

.search-results-inner header.entry-header {
  text-align: center;
}

#main-content-voor-zoeken .nav-links {
  display: flex;
  justify-content: center;
  gap: 5px;
}

@media only screen and (max-width: 600px) {
  #main-content-voor-zoeken .nav-links {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 430px) {
  .geen-zoek-resultaat {
    font-size: 24px !important;
  }
  .geen-resultaten-zoeken .knop-product-onder-elkaar-home {
    padding: 14px 30px !important;
  }
  .geen-resultaten-zoeken .page-title {
    line-height: 20px;
  }
}
.page-numbers {
  background: #2C5E32;
  padding: 10px 15px;
  border-radius: 10px;
  border: 1px solid #2C5E32;
  color: white;
  font-family: "Poppins", sans-serif;
  text-decoration: unset;
  font-size: 14px;
}

.page-numbers.current, .page-numbers:hover {
  background-color: transparent;
  color: #406844;
}

@media only screen and (max-width: 1399px) and (min-width: 900px) {
  .search-results-inner article {
    flex: 25%;
    max-width: 400px;
  }
}
@media only screen and (max-width: 899px) and (min-width: 600px) {
  .search-results-inner article {
    flex: 40%;
    max-width: 450px;
  }
}
@media only screen and (max-width: 599px) {
  .search-results-inner article {
    flex: 90%;
    max-width: 600px;
  }
}
/* Contact */
.contact-formulier-inner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 30px 100px;
  display: flex;
  gap: 35%;
}

.titel-boven-contact {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 66px;
  letter-spacing: -0.03em;
  color: #2C5E32;
  text-transform: uppercase;
  margin-top: 25px;
}

.dark-line-under-title-contact {
  border: 0;
  height: 2px;
  background-color: #2C5E32;
  max-width: 160px;
  width: 100%;
  border-radius: 5px;
}

.titel-linker-kolom-contact, .titel-rechter-kolom-contact {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  text-transform: uppercase;
}

.contact-formulier-c1, .contact-formulier-c2 {
  flex: 50%;
}

.titel-linker-kolom-contact {
  margin-bottom: 50px;
}

.locatie-contact-linker-kolom, .mail-contact, .telefoonnummer-contact {
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -0.03em;
  text-align: left;
  display: block;
}

.google-maps-div-contact {
  margin-top: 70px;
}

.contact-formulier-c2 .wpcf7-text, .contact-formulier-c2 .wpcf7-textarea {
  border: 0px;
  border-bottom: 1px solid black;
  font-family: "Poppins", sans-serif;
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  margin-bottom: 20px;
}

.titel-rechter-kolom-contact {
  margin-bottom: 50px;
}

.google-maps-div-contact iframe {
  max-width: 500px;
  width: 500px;
  height: 540px;
}

.wpcf7-submit {
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
  border: 1px solid black;
  color: black;
  padding: 10px 50px;
  font-weight: 400;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.wpcf7-submit:hover {
  background-color: #000000;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column-reverse;
}

.wpcf7-not-valid-tip, .wpcf7-response-output {
  font-family: "Poppins", sans-serif;
}

.mail-contact, .telefoonnummer-contact {
  color: black !important;
  text-decoration: unset;
}

.mail-contact:hover, .telefoonnummer-contact:hover {
  text-decoration: underline;
}

.contact-formulier-c1 .fa-envelope {
  margin-right: 20px;
}

.contact-formulier-c1 .fa-phone {
  margin-right: 25px;
}

@media only screen and (max-width: 1399px) and (min-width: 800px) {
  .contact-formulier-inner {
    gap: 5%;
    padding-bottom: 20px;
    flex-direction: column;
  }
  .contact-formulier-c2 {
    margin-top: 50px;
  }
  .google-maps-div-contact iframe {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 799px) {
  .contact-formulier-inner {
    gap: 5%;
    padding-bottom: 20px;
    flex-direction: column;
  }
  .contact-formulier-c2 {
    margin-top: 50px;
  }
  .google-maps-div-contact iframe {
    max-width: 100%;
    width: 100%;
    height: unset !important;
  }
  .titel-linker-kolom-contact {
    margin-bottom: 20px;
  }
	
	.titel-boven-contact {
		font-size: 30px;
	}
	
	.titel-boven-contact {
		line-height: 30px;
	}
	
	.dark-line-under-title-contact {
		max-width: 130px;
	}
}
/* Single product */
.image-information-single-product {
  display: flex;
  align-items: center;
  gap: 20%;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 30px 100px;
}

.image-single-product img {
  max-width: 600px;
  width: 100%;
  height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-title-single-product, .single-product-information {
  flex: 50%;
}

.titel-single-product {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 34px;
  font-weight: 600;
  line-height: 51px;
  margin-bottom: 35px;
}

.product-specificatie-single-product {
  margin-bottom: 20px;
	display: flex;
    align-items: flex-start;
}

.tekst-specificatie-single-product {
  padding-left: 20px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.83px;
	display: inline-block;
}

.producten-accessoires.two-children .image-single-product-accessoires {
	text-align: center;
}

.knop-single-product {
  margin-top: 30px;
  display: inline-block;
  color: white;
  padding: 16px 38px;
  background-color: #2C5E32;
  border: 2px solid #2C5E32;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  letter-spacing: -0.03em;
  text-align: center;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
}

.knop-single-product:hover {
  background-color: transparent;
  color: #2C5E32;
}

.single-product-specificaties {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 50px 30px;
  display: flex;
  align-items: center;
}

.single-product-specificaties-image {
  width: 50%;
  text-align: right;
}

.single-product-specificaties-information {
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  padding: 0 30px;
}

.afbeelding-product-specificatie {
  width: 100%;
}

.afbeelding-product-specificatie {
  height: 500px;
  max-width: 500px;
  width: 100%;
}

.single-specificaties-titel {
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 31.25px;
  text-align: left;
  color: #2C5E32;
  margin-bottom: 25px;
}

.specificaties-single-product {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.23px;
  margin-bottom: 15px;
}

.specificaties-single-product .fa-angle-right {
  padding-right: 20px;
  font-size: 10px;
}

.knop-specificatie-single-product {
  display: inline-block;
  margin-top: 50px;
}

.border-left-right-single-product {
  padding-bottom: 50px;
  width: 100%;
  max-width: 60px;
  border-top: 3px solid #2C5E32;
  border-left: 3px solid #2C5E32;
}

.specificaties-div-single-product {
  padding-left: 50px;
  margin-top: -15px;
}

.accessoires-single-product-single {
  max-width: 1400px;
  width: 100%;
  padding: 180px 30px 120px;
  margin: 0 auto;
}

.producten-accessoires {
  display: flex;
	gap: 5%;
}

.product-accessoires-div:hover .list-usp-accessoires li {
	text-decoration: unset !important;
} 

.product-accessoires-div {
  flex: 25%;
}

.image-single-product-accessoires img {
  max-width: 300px;
  width: 100%;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}

.titel-accessoires-single-product {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 36px;
  font-weight: 500;
  line-height: 34px;
  text-transform: uppercase;
  text-align: center;
}

.groene-lijn-accessoires-product {
  max-width: 100px;
  height: 3px;
  border: 0px;
  background-color: #2C5E32;
  border-radius: 50px;
  margin-bottom: 30px;
}

.titel-product-accessoires {
  text-align: center;
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: black;
}

.product-accessoires-div a {
  text-decoration: unset;
}

.product-accessoires-div a:hover h2 {
  text-decoration: underline;
  text-decoration-color: black;
}

.formulier-single-product {
  display: flex;
  padding: 100px 0;
  gap: 10%;
}

.afbeelding-product-form-links {
  width: 100%;
  max-width: 450px;
}

.form-img-links, .form-info-rechts {
  flex: 50%;
}

.form-info-rechts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #2C5E32;
  border-radius: 50px 0 0 50px;
  padding: 20px 10% 20px 10%;
}

.titel-form-groen-vlak {
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 51px;
  text-align: left;
  margin-bottom: 50px;
}

.titel-product-form-links {
  font-family: "Poppins", sans-serif;
  color: #2C5E32;
  font-size: 36px;
  font-weight: 400;
  line-height: 54px;
  text-align: left;
  margin-left: 20%;
}

.groene-lijn-single-product-form {
  height: 1px;
  border: 0px;
  margin-left: 20%;
  background-color: #2C5E32;
  border-radius: 50px;
  max-width: 160px;
  width: 100%;
}

.form-info-rechts .wpcf7-text {
  border: 0px !important;
  height: 35px;
  margin-bottom: 20px;
  padding-left: 0px;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6980392157) !important;
  font-family: "DM Sans", sans-serif;
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.6980392157) !important;
}

.form-info-rechts .wpcf7-text::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6980392157) !important;
}

.form-info-rechts .wpcf7-text::placeholder {
  color: rgba(255, 255, 255, 0.6980392157) !important;
}

.form-info-rechts .wpcf7-text:focus {
  outline: none;
}

.form-info-rechts .wpcf7-submit {
  border: 1px solid white !important;
  color: white !important;
  padding: 14px 50px !important;
  margin-top: 30px;
}

.form-info-rechts .wpcf7-submit:hover {
  background-color: white !important;
  color: black !important;
}

.form-info-rechts .wpcf7-response-output {
  color: white;
}

@media only screen and (max-width: 1200px) and (min-width: 800px) {
  .image-information-single-product {
    gap: 5%;
    padding-bottom: 20px;
  }
  .image-single-product img {
    height: 400px;
  }
  .afbeelding-product-specificatie {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .accessoires-single-product-single {
    padding-top: 40px;
  }
  .form-info-rechts {
    padding: 60px 10%;
  }
  .formulier-single-product {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 900px) and (min-width: 500px) {
  .product-accessoires-div {
    flex: 45%;
    margin-bottom: 60px;
  }
  .producten-accessoires {
    flex-wrap: wrap;
    gap: 10%;
  }
}
@media only screen and (max-width: 800px) and (min-width: 500px) {
  .image-information-single-product {
    gap: 5%;
    padding-bottom: 20px;
    flex-direction: column;
    align-items: unset;
  }
  .image-single-product img {
    height: 500px;
    max-width: 100%;
    width: 100%;
  }
	.image-title-single-product .slideshow-container .mySlides img {
		max-width: 100% !important;
	}
  .specificaties-div-single-product {
    padding-left: 20px;
    margin-top: -35px;
  }
  .knop-specificatie-single-product {
    margin-top: 20px;
  }
  .single-product-specificaties-image {
    width: 100%;
  }
  .single-product-specificaties {
    padding: 70px 0 50px 30px;
    flex-direction: column;
  }
  .specificaties-single-product {
    font-size: 16px;
  }
  .single-product-information {
    padding-left: 10%;
  }
  .afbeelding-product-specificatie {
    -o-object-fit: contain;
       object-fit: contain;
    height: 300px;
    max-width: 300px;
  }
  .accessoires-single-product-single {
    padding-top: 40px;
  }
  .form-info-rechts {
    padding: 60px 10%;
    margin-left: 10%;
  }
  .formulier-single-product {
    padding: 20px 0;
  }

  .formulier-single-product {
    flex-direction: column;
  }
  .accessoires-single-product-single {
    padding-bottom: 20px;
  }
  .afbeelding-product-form-links {
    height: 300px;
    max-width: 350px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .groene-lijn-single-product-form {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 499px) {
  .image-information-single-product {
    gap: 5%;
    padding-bottom: 20px;
    flex-direction: column;
    align-items: unset;
  }
	.image-title-single-product .slideshow-container .mySlides img {
		max-width: 500px;
		width: 100%;
		height: 300px !important;
		object-fit: contain;
	}
  .titel-single-product {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .image-single-product img {
    height: 300px;
    max-width: 100%;
    width: 100%;
  }
  .specificaties-div-single-product {
    padding-left: 20px;
    margin-top: -35px;
  }
  .knop-specificatie-single-product {
    margin-top: 20px;
  }
  .single-product-specificaties-image {
    width: 100%;
  }
  .single-product-specificaties {
    padding: 70px 0 50px 30px;
    flex-direction: column;
  }
  .specificaties-single-product {
    font-size: 16px;
  }
  .tekst-specificatie-single-product{
   	font-size: 14px;
	  padding-left: 5px;
  }
  .afbeelding-product-specificatie {
    -o-object-fit: contain;
       object-fit: contain;
    height: 300px;
    max-width: 300px;
    margin-top: 50px;
  }
  .accessoires-single-product-single {
    padding-top: 40px;
  }
  .form-info-rechts {
    padding: 60px 10%;
    margin-left: 10%;
  }
  .formulier-single-product {
    padding: 20px 0;
  }
  .product-accessoires-div {
    flex: 100%;
    margin-bottom: 60px;
  }
  .image-single-product-accessoires {
    text-align: center;
  }
  .producten-accessoires {
    flex-wrap: wrap;
    gap: 10%;
  }
  .formulier-single-product {
    flex-direction: column;
  }
  .accessoires-single-product-single {
    padding-bottom: 20px;
  }
  .afbeelding-product-form-links {
    height: 200px;
    max-width: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .groene-lijn-single-product-form {
    margin-bottom: 80px;
    max-width: 90px;
  }
  .titel-product-form-links {
    font-size: 28px;
  }
  .titel-form-groen-vlak {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;
  }
  .single-product-specificaties-information {
    padding: 0 30px 0 0;
  }
	
	.image-single-product-accessoires img {
		max-width: 175px;
	}
}

@media only screen and (max-width: 399px) { 
	.product-specificatie-single-product {
		display: flex;
	}
}

.list-usp-accessoires {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;	
	margin-top: 20px;
}

.usp-accessoires {
    font-family: DM Sans;
    font-size: 16px;
    line-height: 30px;
    color: black;
    font-weight: 500;
    text-align: left;
}

.usp-accessoires .fa-angle-right {
	margin-right: 15px;
}

.submenu-items {
  display: none;
}

.left-header, .right-header {
  position: relative;
}

.submenuHeader:hover .submenu-items {
  display: unset !important;
}

.submenuHeader {
  float: left;
  display: block;
  color: #406844;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  position: relative;
}

.submenu-items {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  background: red;
  z-index: 1000000;
}

.submenu-items:hover {
  display: unset !important;
}

.submenu-items p {
  position: relative;
  z-index: 3;
}

.submenu-items-child {
  display: none;
}

.submenu-items-child:hover {
  display: unset !important;
}

.nav-header li {
  position: relative;
  float: left;
  list-style-type: none;
  padding: 0 8px;
  width: inherit;
}

.nav-header li a {
  display: inline-block;
  line-height: 25px;
  padding: 20px 10px;
  text-decoration: none;
  color: #2C5E32;
}

.nav-header ul li {
  padding: 0 0px;
	transition: all 0.3s ease-in-out;
}

.nav-header li li a {
  display: block;
  font-size: 12px;
  color: white;
  width: 100%;
}

.nav-header li:hover {
  color: white !important;
	border-right: 0;
	transition: all 0.3s ease-in-out;
}

.nav-header ul li ul li {
	border-right: 0 !important;
}

/*--- Sublist Styles ---*/
.nav-header ul {
  position: absolute;
  z-index: 5;
  padding: 0px;
  left: 0;
  top: 50px;
  display: none;
  background-color: #2C5E32;
  color: white;
  width: 200px; 
	max-width: 200px;
}

/*--- Hide Sub Sublists ---*/
.nav-header li:hover ul ul {
  display: none;
  top: 0;
}

/*--- Sublevel UL's display and position on hover ---*/
.nav-header li:hover ul {
  display: block;
}

.nav-headerli li:hover ul {
  margin-left: 144px;
  margin-top: 0px;
  display: block;
  width: 100%;
}

.nav-header li li:hover ul:hover {
  display: block !important;
}

/* 404 pagina */
.div-404 {
  max-width: 1520px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 10%;
}

.titel-404 {
  font-size: 32px;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
  color: #406844;
  line-height: 30px;
}

.dik-404 {
  font-weight: 900;
  padding-right: 8px;
  line-height: 30px;
}

.informatie-404 {
  font-size: 18px;
  font-family: "DM Sans", sans-serif;
  margin: 40px 0 20px;
}

a.knop-404.button-product-home {
  background-color: #406844;
  border: 2px solid #406844;
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
  border-radius: 50px;
  padding: 12px 50px 14px !important;
}

a.knop-404.button-product-home:hover {
  background-color: transparent;
  color: #406844;
}

.afbeelding-404 {
  width: 100%;
}

.content-links-404, .content-rechts-404 {
  flex: 50%;
}

@media only screen and (max-width: 992px) {
  .div-404 {
    flex-direction: column;
    padding-top: 20px;
  }
  .content-rechts-404 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 599px) {
  .titel-404 {
    font-size: 26px;
    line-height: unset;
  }
  .informatie-404 {
    font-size: 18px;
    margin: 25px 0 10px;
  }
  a.knop-404.button-product-home {
    font-size: 16px;
  }
}
/* Producten archive */
.producten-archive {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}

.producten-archive .entry-title {
  text-align: center;
}

.producten-archive article {
  flex: 20%;
  max-width: 285px;
  width: 100%;
  margin-bottom: 100px;
}

.producten-archive img {
  max-width: 285px;
  width: 100%;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #f7f7f7;
  border-radius: 30px;
  margin-bottom: 10px;
  padding: 10px;
}

.titel-archive {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 30px;
}

.tekst-titel-archive {
  font-size: 32px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

.producten-archive h2 a {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  text-decoration: unset;
  color: black;
}

.producten-archive article:hover a {
  text-decoration: underline !important;
}

@media only screen and (max-width: 1399px) and (min-width: 800px) {
  .producten-archive article {
    flex: 30%;
    max-width: 395px;
    width: 100%;
    margin-bottom: 80px;
  }
  .producten-archive {
    flex-wrap: wrap;
  }
  .producten-archive img {
    width: 100%;
    max-width: 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 799px) and (min-width: 450px) {
  .producten-archive article {
    flex: 45%;
    max-width: 395px;
    width: 100%;
    margin-bottom: 80px;
  }
  .producten-archive article h2 {
    text-align: center;
  }
  .producten-archive {
    flex-wrap: wrap;
  }
  .producten-archive img {
    width: 100%;
    max-width: 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 449px) {
  .producten-archive article {
    flex: 55%;
    max-width: 395px;
    width: 100%;
    margin-bottom: 80px;
  }
  .producten-archive article h2 {
    text-align: center;
  }
  .producten-archive {
    flex-wrap: wrap;
  }
  .producten-archive img {
    width: 100%;
    max-width: 100%;
    height: 250px;
  }
  .tekst-titel-archive {
    font-size: 24px;
  }
}
/* Header USP */
.header-usp {
  max-width: 1590px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

.header-usp-inner {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
  gap: 40px;
}

.usp-header {
  font-size: 14px;
  color: #2C5E32;
}

.usp-header i {
  padding-right: 10px;
}

@media only screen and (max-width: 650px) {
  .header-usp-inner {
    gap: 5px;
    justify-content: space-around;
  }
  .header-usp {
    padding: 0 0px;
  }
}
@media only screen and (max-width: 525px) {
  .header-usp-inner {
    flex-direction: column;
    padding-top: 20px;
    padding-left: 40px;
  }
  .usp-header {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .topnav a {
    padding-left: 0;
  }
  .topnav {
    padding-top: 0;
    padding-bottom: 20px;
	  margin-top: 10px;
  }
	
	.header-usp-kolom .fa-truck-fast {
		padding-right: 15px;
	}
	
	.header-usp-kolom .fa-award {
		padding-right: 23px;
	}
	
	.header-usp-kolom .fa-lightbulb {
		padding-right: 24px;
	}
}
/* Back to top */
#buttonTop {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 12px 15px;
  border-radius: 15px;
  border: 1px solid #336a39;
  transition: all 0.3s ease-in-out;
}

#buttonTop:hover {
  background-color: white !important;
  color: #336a39;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 800px) {
  #buttonTop {
    right: 10px;
  }
}
/* Geen resultaat pagina */
.geen-zoek-resultaat {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 25px;
}

.geen-resultaten-zoeken .page-title {
  margin-bottom: 25px;
}

.titel-stappen-geen-resultaat {
  margin-bottom: 25px;
}

.stappen-geen-resultaat li {
  font-family: "Poppins", sans-serif;
  line-height: 25px;
}

.stappen-geen-resultaat li a {
  font-family: "Poppins", sans-serif;
}

.knop-geen-resultaat {
  background-color: #2C5E32;
  color: white;
}

.knop-geen-resultaat:hover {
  background-color: transparent;
  color: #2C5E32;
}

/* Pagination archive */
.pagination-archive {
  max-width: 1510px;
  width: 100%;
  margin: 0 auto 200px;
  padding: 0 30px;
}

.pagination-archive .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.extra-tekst-archive {
  margin-bottom: 25px;
}

/* Informatieve pagina's stylen */
.information-inner {
  max-width: 1510px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

.informatie-information ol {
  list-style: number;
  font-size: 18px;
  margin-top: 30px;
  font-weight: bold;
  margin-bottom: 5px;
}

.informatie-information {
  font-family: "Poppins", sans-serif;
}

.informatie-information p strong {
  font-size: 18px;
  font-weight: 600;
  margin-top: 45px;
  margin-bottom: 10px;
  display: inline-block;
}

.titel-information {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
}

.informatie-information p {
  font-size: 18px;
  line-height: 30px;
}

.knop-information-div {
  max-width: 1510px;
  width: 100%;
  margin: 50px auto 0;
  padding: 0 30px;
}

.knop-information {
  margin-top: 0;
}

.knop-information:hover {
  color: #2C5E32;
}

.page-id-347 .titel-information {
  margin-bottom: 0;
}

@media only screen and (max-width: 500px) {
  .titel-information {
    font-size: 22px;
  }
  .informatie-information p strong {
    font-size: 16px;
  }
  .informatie-information p {
    font-size: 16px;
    line-height: 25px;
  }
  .knop-information {
    font-size: 14px;
    padding: 14px 25px;
  }
}
/* Nieuws */
#primary {
  max-width: 1510px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}

.news-posts img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-posts {
  display: flex;
  flex-wrap: wrap;
  gap: 3.33%;
}

.news-post .button-Flexbench  {
	max-width: 175px; 
	width: 100%;
	text-align: center;
}

.news-post .button-Flexbench-cta:hover svg {
	left: 80%;
}

.reference-post .button-Flexbench  {
	max-width: 175px; 
	width: 100%;
	text-align: center;
}

.reference-post .button-Flexbench-cta:hover svg {
	left: 80%;
}

.news-post {
  flex: 30%;
  max-width: 450px;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-title-news {
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: bold;
}

.news-post a {
  text-decoration: unset;
}

.news-post p {
  color: black;
  line-height: 20px;
}

.news-title {
  font-size: 22px;
  margin: 10px 0;
  color: black;
  text-decoration: unset;
  font-weight: bold;
  line-height: 30px;
}

.read-more-button-costum-post-type {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 28px;
  background-color: #2C5E32;
  border: 1px solid #2C5E32;
  color: white;
  max-width: 180px;
  width: 100%;
  text-align: center;
  border-radius: 50px;
}

.single-post-title-lower {
  text-transform: lowercase;
}

.read-more-button-costum-post-type:hover {
  background-color: transparent;
  color: #2C5E32;
}

.news-thumbnail img {
  width: 100%;
  height: 280px;
}

.entry-content-news {
  display: flex;
  gap: 10%;
  align-items: center;
}

.entry-content-news div {
  flex: 50%;
}

.news-title-single {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
}

.informatie-nieuws p {
  font-size: 18px;
  line-height: 30px;
  font-family: "DM Sans", sans-serif;
}

.button-terug {
  max-width: unset;
  width: unset;
  margin-bottom: 30px;
  text-decoration: unset;
  display: inline-block;
}

.button-terug:hover {
  text-decoration: underline;
}

.link-div-nieuws i {
  padding-right: 10px;
}

.news-thumbnail.post-thumbnail img {
  height: unset;
}

@media only screen and (max-width: 992px) and (min-width: 600px) {
  .entry-content-news {
    flex-direction: column;
  }
  .news-thumbnail {
    margin-bottom: 30px;
  }
  .news-post {
    flex: 45%;
  }
  .news-thumbnail img {
    height: 230px;
  }
}
@media only screen and (max-width: 599px) {
  .entry-content-news {
    flex-direction: column;
  }
  .news-thumbnail {
    margin-bottom: 30px;
  }
  .news-title-single {
    font-size: 20px;
  }
  .informatie-nieuws p {
    font-size: 16px;
    line-height: 25px;
  }
  .news-post {
    flex: 55%;
    max-width: 530px;
  }
  .news-thumbnail img {
    height: 230px;
  }
  .news-title {
    font-size: 20px;
  }
}
/* Referentie */
.reference-thumbnail img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-title-references {
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: bold;
}

.references-posts {
  display: flex;
  flex-wrap: wrap;
  gap: 3.33%;
}

.reference-post {
  flex: 30%;
  max-width: 450px;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.entry-content-referentie {
  display: flex;
  align-items: center;
  gap: 5%;
}

.referentie-thumbnail, .informatie-referentie {
  flex: 50%;
}

.referentie-thumbnail.post-thumbnail img {
  width: 100%;
  height: unset;
}

.informatie-referentie {
  font-family: "Poppins", sans-serif;
}

.referentie-title-single {
  font-size: 28px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
}

.informatie-referentie p {
  line-height: 25px;
  font-size: 18px;
  margin: 20px 0;
}

.informatie-referentie li {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  line-height: 30px;
}

/* Referentie tab gallerij */
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.8;
  cursor: pointer;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

.titel-referentie-meer {
  font-size: 36px;
  font-weight: bold;
}

.titels-referentie-div {
  margin-top: 70px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 0;
}

#expandedImg {
  padding: 10px;
  height: 65vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.informatie-referentie-meer {
  font-size: 20px;
  text-decoration: underline;
}

.link-div-referentie .fa-angle-double-left {
  padding-right: 5px;
}

@media only screen and (max-width: 992px) and (min-width: 600px) {
  .entry-content-referentie {
    flex-direction: column;
  }
  .referentie-thumbnail.post-thumbnail img {
    max-width: 600px;
    width: 100%;
  }
  .referentie-title-single {
    margin-top: 30px;
  }
  .column {
    width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  .entry-content-referentie {
    flex-direction: column;
  }
  .referentie-thumbnail.post-thumbnail img {
    width: 100%;
  }
  .referentie-title-single {
    margin-top: 30px;
    font-size: 22px;
  }
  .informatie-referentie p, .informatie-referentie li {
    font-size: 16px;
  }
  .column {
    width: 100%;
  }
  .informatie-referentie-meer {
    display: none;
  }
  #expandedImg {
    display: none;
  }
  .column img {
    opacity: 1 !important;
  }
  .titels-referentie-div {
    margin-top: 30px;
  }
  .titel-referentie-meer {
    font-size: 22px;
  }
  .row a {
    pointer-events: none;
  }
}
/* Referentie archive pagina */
.reference-post a {
  text-decoration: unset;
}

.reference-title {
  font-size: 22px;
  margin: 10px 0;
  color: black;
  text-decoration: unset;
  font-weight: bold;
  line-height: 30px;
}

.reference-post p {
  color: black;
  line-height: 20px;
}

.informatie-referentie a {
  text-decoration: underline !important;
  color: #2C5E32 !important;
}

@media only screen and (max-width: 999px) and (min-width: 600px) {
  .reference-post {
    flex: 48%;
  }
}
@media only screen and (max-width: 599px) {
  .reference-post {
    flex: 100%;
    max-width: 100%;
  }
  .page-title-references {
    font-size: 26px;
  }
  .reference-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 399px) {
  .reference-title {
    font-size: 18px;
    line-height: 25px;
  }
}
/* Downloads pagina */
.titel-downloads {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.list-downloads {
  margin-bottom: 30px;
	text-align: left;
}

li.download-item {
  line-height: 30px;
}

.name-item-downloads {
  margin-bottom: 5px;
  font-size: 18px;
}

.informatie-downloads-onder-titel p {
  font-family: "DM Sans", sans-serif;
  line-height: 25px;
  font-size: 18px;
}

.informatie-downloads-onder-titel {
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .titel-downloads {
    font-size: 24px;
  }
  .informatie-downloads-onder-titel p {
    font-size: 16px;
  }
  .name-item-downloads {
    font-size: 16px;
  }
  .download-item a {
    font-size: 14px;
  }
}
/* Polylang header styling */
.lang-search-c1 .polylang_langswitcher {
  position: absolute;
  border: 0px solid black;
  border-radius: 10px;
}

.lang-search-c1 {
  max-width: 60px;
  width: 60px;
}

.polylang_langswitcher li.current-lang a {
  display: unset !important;
  transition: all 0s ease-in-out !important;
}

.polylang_langswitcher li.lang-item-first a {
  border-radius: 10px 10px 0 0;
}

.polylang_langswitcher li a {
  display: none;
}

.polylang_langswitcher:hover li a {
  display: unset !important;
  background: whitesmoke;
}

.polylang_langswitcher:hover li:nth-child(5) a {
  border-radius: 0 0 10px 10px;
}

.polylang_langswitcher:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}

.topnav.responsive .polylang_langswitcher:hover li a {
	background: unset !important;
}

.topnav.responsive .polylang_langswitcher:hover {
	filter: unset !important;
}

.lang-search-c1 .current-lang a {
  padding: 12px 16px 12px;
}

@media only screen and (max-width: 992px) {
  .lang-search-c1 {
    display: none;
  }
  .topnav.responsive .lang-search-c1 {
    display: unset !important;
  }
  .lang-search-c1 .polylang_langswitcher {
    position: unset;
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .topnav.responsive .lang-search {
    flex-direction: column;
  }
	
	.topnav .right-header {
		flex-direction: unset;
	}
	
	.lang-search-c1 .current-lang a {
		padding-left: 0;
		padding-right: 0;
	}
	
	.lang-search-c1 .polylang_langswitcher {
		padding-left: 15px;
	}
	
	.topnav.responsive .right-header {
		flex-direction: column;
	}
	
  .topnav.responsive .lang-search-c2 {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1475px) and (min-width: 1406px) {
  .topnav a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 992px) {
  .topnav a {
    font-size: 12px;
  }
  .nav-header li {
    padding: 0 5px;
  }
  .nav-header li a {
    padding: 0;
  }
  .logo-header {
    max-width: 200px;
    width: 200px;
  }
  .menu-item-header {
    padding-top: 0px !important;
  }
}
/* Geen producten */
.stappen-geen-resultaat p {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.stappen-geen-resultaat li {
  list-style: inside;
}

/* Pijl naar beneden bij 4 producten */
.pijl-naar-beneden-4-producten {
  visibility: hidden;
}

.product-active4 .pijl-naar-beneden-4-producten {
  visibility: unset !important;
}

.wpcf7-response-output {
	margin-left: 0 !important;
    padding: 10px !important;
    padding-left: 10px !important;
    /* border: 0; */
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.wpcf7 form .wpcf7-response-output {
	border-left: 5px solid #ffffff !important;
}

.contact-formulier .wpcf7 form .wpcf7-response-output {
	border-left: 5px solid black !important;
}


.contact-formulier .wpcf7-text:focus, .contact-formulier .wpcf7-textarea:focus  {
  outline: none;
}

/* Coole button hover effect */
.c-button {
  color: #000;
  font-weight: 700;
  font-size: 1em;
  text-decoration: none;
  padding: .7em 1.8em;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
}

.single-product-information .c-button--gooey {
	margin-top: 25px !important;
}

.c-button--gooey {
  color: #115F2D;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid #115F2D;
  border-radius: 50px;
  padding: 15px 45px;
  position: relative;
  transition: all 700ms ease;
	display: inline-block;
    margin-top: 40px;
	font-family: "Poppins", sans-serif;
}

.c-button--gooey .c-button__blobs {
  height: 100%;
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -3px;
  right: -1px;
  z-index: -1;
}

.c-button--gooey .c-button__blobs div {
  background-color: #115F2D;
  width: 34%;
  height: 100%;
  border-radius: 50px;
  position: absolute;
  transform: scale(1.4) translateY(125%) translateZ(0);
  transition: all 700ms ease;
}

.c-button--gooey .c-button__blobs div:nth-child(1) {
  left: -5%;
  border-radius: 50px;
}

.c-button--gooey .c-button__blobs div:nth-child(2) {
  left: 30%;
  transition-delay: 60ms;
  border-radius: 50px;
}

.c-button--gooey .c-button__blobs div:nth-child(3) {
  left: 66%;
  transition-delay: 25ms;
  border-radius: 50px;
}

.c-button--gooey:hover {
  color: #fff;
  border-radius: 50px;
}

.c-button--gooey:hover .c-button__blobs div {
  transform: scale(1.4) translateY(0) translateZ(0);
  border-radius: 50px;
}



.footer-content-rechts-c2 img {
	    height: 680px;
    object-fit: contain;
}

/* New buttons */
.button-Flexbench {
	font-family: "Poppins", sans-serif;
	font-size: inherit;
	cursor: pointer;
	padding: 15px 40px;
	display: inline-block;
	margin: 25px 30px 15px 0;
	letter-spacing: 1px;
	font-weight: 300;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: unset !important;
    text-transform: uppercase;
}

.button-Flexbench:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-Flexbench-cta {
	border-radius: 50px;
  border: none;
  background: #115f2d;
	color: #fff;
	overflow: hidden;
	letter-spacing: 0px;
	border: 1px solid #115f2d;
	font-size: 15px;
}

.button-Flexbench-cta-2 {
	background: transparent !important;
	color: #115f2d !important;
}

.button-Flexbench-cta:active {
	color: #0095da;
}

.button-Flexbench-cta:hover {
	background: transparent;
  color: #115f2d;
}

.button-Flexbench-cta-2:hover {
  background: #115f2d !important;
	color: #fff !important;	
}

.button-Flexbench-cta svg {
	position: absolute;
  left: 130%;
	top: 0;
	height: 100%;
	font-size: 125%;
	width: 8px;
	line-height: 3.5;
	color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-Flexbench-cta:active:before {
	color: #545454;
}

.button-Flexbench-cta:hover svg {
	left: 90%;
}

.button-Flexbench-cta:hover svg polygon {
	fill: #115f2d;
}

/* Stijlen voor de diavoorstelling */

.header-usp-kolom {
	visibility: hidden;
	transition: opacity 0.5s ease; /* Voeg een overgang toe voor het veranderen van de opaciteit */
	opacity: 0; /* Begin met een opaciteit van 0 voor fade-in effect */
	position: absolute;
	margin-left: -30px;
}

.header-usp-inner {
	position: relative;
	padding-top: 45px;
	align-items: center;
}

.header-usp-kolom.active {
	visibility: visible;
	opacity: 1; /* Verander de opaciteit naar 1 voor fade-in effect */
}

.usp-header {
	font-size: 20px;
}


@media screen and (max-width: 350px) { 
	.usp-header {
		font-size: 16px;
	}	
}

@media screen and (max-width: 1300px) and (max-width: 350px){ 
	
}

/* Social media footer */
.social-media-footer {
	margin-top: 20px;
	display: flex; 
	gap: 5px;
}

.social-media-footer i {
	font-size: 24px;
	margin-right: 0;
}

.social-media-footer a {
	display: inline-block;
    background: white;
    padding: 8px 10px;
	border-radius: 50px;
    color: black;
	border: 1px solid white;
	    min-width: 43px;
    text-align: center;
    max-width: 45px;
}

.social-media-footer a:hover {
	background: transparent;
	color: white;
}

.openingstijden-contact {
	margin-top: 20px;
}


.dag-table-openingstijd-contact td {
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-weight: 500;	
}

.dag-openingstijd {
	padding-right: 20px;
}

.start-openingstijd {
	text-align: right;
}

.start-openingstijd, .eind-openingstijd {
	font-weight: bold !important;
}

.dag-table-openingstijd-contact {
	line-height: 22px;
	    border-bottom: 1px solid #f2f2f2;
}

/* Slideshow single product */
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  height: 500px; /* Hoogte van de slideshow */
  overflow: hidden; /* Verbergt alles buiten de container */
}

/* Hide the images by default */
.mySlides {
  position: absolute; /* Zorgt ervoor dat de afbeeldingen boven elkaar worden geplaatst */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Voeg zowel opacity als transform overgang toe */
}

/* Wanneer de afbeelding actief is, wordt deze zichtbaar en beweegt hij naar zijn normale positie */
.mySlides.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* De afbeelding beweegt naar de normale positie */
}

/* Als de afbeelding wordt vervangen, beweegt deze naar boven */
.mySlides.outgoing {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%); /* Beweeg de oude afbeelding naar boven */
}

/* Pijlen voor navigatie */
.single-producten .prev {
    top: 25px !important;
    left: 0% !important;
}

.single-producten .next {
	top: 80px !important;
    left: 0% !important;
    right: unset !important;
}
.single-producten .prev, .single-producten .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 12px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: #2c5e32;
}

/* Position the "next button" to the right */
.single-producten .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.single-producten .prev:hover, .single-producten .next:hover {
  background-color: #2c4930;
}

/* Afbeelding styling */
.image-title-single-product .slideshow-container .mySlides img {
  max-width: 100%; /* Zorg ervoor dat de afbeelding de container vult */
  height: 100%; /* Zorg ervoor dat de afbeelding volledig zichtbaar is */
  object-fit: contain;
}

.highlighted-image-single img {
	max-width: 150px;
	height: unset;
}

/* Over ons pagina styling */
.overOns-inner {
	max-width: 1600px; 
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.overOns {
	padding-top: 50px;
}

.content-overOns {
	padding: 0 0 60px;
}

.overOns-links, .overOns-rechts {
	display: flex;
	align-items: center;
	gap: 10%;
}

.overOns-links-c1, .overOns-links-c2, .overOns-rechts-c1, .overOns-rechts-c2 {
	flex: 50%;
}

.content-overOns img {
	width: 100%;
	height: 400px;
    object-fit: cover;
}

.overOns-rechts {
	flex-direction: row-reverse;
}

.overOns-links, .overOns-tekst, .overOns-rechts {
	padding: 50px 0;
}

.content-overOns h2 {
    font-family: "Poppins", sans-serif;
    color: #2C5E32;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    text-transform: uppercase;
	margin-bottom: 15px;
}

.content-overOns p {
    font-size: 18px;
    line-height: 30px;
    font-family: "DM Sans", sans-serif;	
}

@media only screen and (max-width: 1100px) and (min-width: 700px)  {
	.overOns-links, .overOns-rechts {
		flex-direction: column !important;
	}
	
	.overOns-rechts-c2, .overOns-links-c2 {
		margin-top: 50px;
	}
	
	.content-overOns {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 499px) {
	.single-producten .prev {
		top: 12% !important;
    	left: 0px !important;
	}
	
	.single-producten .next {
		    top: 85px !important;
		right: unset !important;
		left: 20px;
	}
}

@media only screen and (max-width: 699px) {
	.overOns-links, .overOns-rechts {
		flex-direction: column !important;
	}
	
	.overOns-rechts-c2, .overOns-links-c2 {
		margin-top: 50px;
	}
	
	.content-overOns {
		padding-bottom: 0;
	}
	
	.content-overOns p {
		font-size: 16px;
	}
	
	.content-overOns h2 {
		font-size: 22px;
	}
	
	.overOns-links, .overOns-tekst, .overOns-rechts {
		padding: 30px 0;
	}
	
	.content-overOns img {
		height: unset;
	}
}

td.eind-openingstijd {
	text-align: right;
}

.single-producten .image-information-single-product .fa-solid  {
	width: 20px;
	max-width: 20px;
}

/* Header styling */
#header-costum {
	border-bottom: 3px solid #2C5E32;
}

.div-category-description p {
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30.83px;
    max-width: 1500px;
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 30px;
}

.accordion-container {
    display: flex;
    justify-content: space-between;
    padding: 10px;

}

.accordion-section {
	padding: 30px;
}

.accordion-title {
	padding: 20px 0;
	transition: 0.3s;
	font-weight: bold;
}

.accordion-title:hover {
	transition: 0.3s;
}

.accordion-section {
    width: 30%; /* Elke sectie neemt 30% van de breedte */
    padding: 10px;
}

.accordion-section.left {
    text-align: left;
}



.accordion-title {
    cursor: pointer;
    font-size: 1.5em;
    margin-bottom: 10px;
	color: #2C5E32;
}

.list-downloads {
    list-style-type: none;
    padding: 0;
}

.download-item {
    margin-bottom: 10px;
}

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

.download-item a:hover {
    text-decoration: underline;
}

.page-id-400 main#main, .page-id-524 main#main, .page-id-527 main#main, .page-id-529 main#main, .page-id-531 main#main {
	padding-top: 100px;
	padding-bottom: 30px;
}

.titel-downloads {
	font-size: 32px; 
}

@media only screen and (max-width: 699px) {
	.accordion-container {
		flex-direction: column;
	}
	
	.titel-downloads {
		font-size: 26px;
		line-height: 40px;
	}
	
	.accordion-section {
		width: 100%;
	}
}

.accordion-section.left {
	order: 2;
}

.highlighted-image-single-product img, .image-single-product img {
	max-width: 110px; 
	height: unset;
}

.images-product-single-wrapper {
	width: 100%;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

.fancybox-opened {
	z-index: 3000000000000000000000 !important;
}

.fancybox-overlay {
	z-index: 1000000000 !important;
}

@media only screen and (max-width: 499px) {
	.slideshow-container {
		height: 300px;
	}
}

.tekst-boven-form-footer {
	color: white;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.input-and-submit-footer input {
	padding: 15px;
    border-radius: 100px;
    border: 0px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;	
	max-width: 250px;
}

.input-and-submit-footer p {
	display: flex;
}

.input-and-submit-footer .wpcf7-spinner {
	display: none;
}

.input-and-submit-footer {
	    background: white;
    border-radius: 100px;
    padding: 5px 7px 5px 5px;
	margin: 20px 0;
}

.input-and-submit-footer .wpcf7-not-valid-tip {
	display: none;
}

footer .form-footer .wpcf7-response-output {
    background-color: white;
    border-left: 7px solid #2c5e32 !important;
    padding: 15px !important;
}

span.wpcf7-checkbox {
	 display: flex;
    flex-direction: column;
    gap: 10px;
    color: white;
	font-family: "DM Sans", sans-serif;

}

span.wpcf7-list-item {
	margin-left: unset;
}

.wpcf7-submit {
	background-color: #2c5e32;
	color: white;
	border: 1px solid #2c5e32 !important;
}


.wpcf7-submit:hover { 
	background-color: white; 
	color:  #2c5e32;
}

span.wpcf7-checkbox input {
	position: relative;
	top: 1px;
}

/* News date & archive date */
.news-date, .reference-date {
	padding-top: 10px;
}

.wrapper-teamleden {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.teamlid-wrapper-over-ons {
	flex: 48%;
	max-width: 46%;
	gap: 30px;
	display: flex;
}

.teamlid-image {
	width: 100%;
    height: 310px !important;
    object-fit: cover;
    border-radius: 15px;
}

.naam-teamlid {
	color: black !important;
    text-transform: unset !important;
    font-size: 20px !important;
	margin-bottom: 5px !important;
}

.beschrijving-teamlid {
	font-size: 14px;
    padding: 20px 0;
    font-family: "Poppins", sans-serif;
    line-height: 25px;	
}

.functie-teamlid {
	    color: #115f2d;
    font-weight: bold;
}

.link-socialmedia i {
	padding: 10px;
    background: whitesmoke;
    border-radius: 100px;
    font-size: 20px;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 27px;
	    color: #646464;
}

@media only screen and (max-width: 1100px) and (min-width: 700px)  {
	.wrapper-teamleden {
		flex-direction: column;
	}
	
	.teamlid-wrapper-over-ons {
		max-width: 100%;
	}
	
	.teamlid-wrapper-c1, .teamlid-wrapper-c2 {
		flex: 50%;
	}
}

@media only screen and (max-width: 699px) {
		.wrapper-teamleden {
		flex-direction: column;
	}
	
	.teamlid-wrapper-over-ons {
		max-width: 100%;
		display: flex;
    	flex-direction: column;
	}
	
	.teamlid-wrapper-c1, .teamlid-wrapper-c2 {
		flex: 50%;
	}
}

.post-date {
	    font-size: 16px;
    padding-bottom: 10px;
    font-family: "DM Sans", sans-serif;
}

/*# sourceMappingURL=style.css.map */