body {

    font-family: var(--font-gotham);font-weight:400;font-style:normal;

}
#page-wrapper {overflow:hidden}


.lang-picker {display:inline-flex!important;flex-wrap:wrap;align-items:center;}


.pll-parent-menu-item .sub-menu {
    height: auto!important;
    width: auto!important;
    position: relative;
    transform: translateY(0);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0px 0px 10px 10px;
    margin-left: 0;
    display: inline-block;line-height:1;margin-left:0!important
}




.lang-item a {

  display: block;
  width: 20px;
  height: 20px;

}

.lang-item a img {

  display: none;

}

.lang-item-de a {

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/icons/country-flags/germany.svg');

}

.lang-item-en a {

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/icons/country-flags/united-kingdom.svg');

}

.lang-item-nl a {

  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/icons/country-flags/netherlands.svg');

}

h1, .h1 {

  color: var(--color-light);
  font-size: 50px;
  font-family: var(--font-fino);
  line-height: 1.2;

}

.horizontal-page-wrapper .h1, .horizontal-page-wrapper h1 {color:var(--color-dark)}
.horizontal-page-wrapper .h1 span, .horizontal-page-wrapper h1 span{color:var(--color-dark)}


.horizontal-page-wrapper .h1, .horizontal-page-wrapper h1 {color:var(--color-dark)}
.horizontal-page-wrapper .h1 span, .horizontal-page-wrapper h1 span{color:var(--color-dark)}

.horizontal-page-wrapper .with-pattern .h1, .horizontal-page-wrapper .with-pattern h1 {color:var(--color-primair)}
.horizontal-page-wrapper .with-pattern .h1 span, .horizontal-page-wrapper .with-pattern h1 span{color:var(--color-light)}




h1.big-h1 {

  font-size: 62px;

}

h1 .subtitel, .h1 .subtitel, 
p.subtitle{font-size:17px;font-weight:400;color:var(--color-light);display:block;margin-bottom:15px!important;font-family:var(--font-gotham);line-height:1.5;}

p {

  color: var(--color-light);
  font-size: 16px;
  font-weight: 300;

}


.main-button {
    display: inline-block;
    border: 1px solid var(--color-secundair);
    padding: 15px 30px;
    transition: 250ms;
    font-family: var(--font-gotham);
    font-size: 17px;
    background-color: var(--color-secundair);
    color: var(--color-light);
    cursor: pointer;

}

.main-button span {
    width: 20px;
    height: 1px;
    background-color: var(--color-light);
    display: inline-block;
    transform: translateY(-5px);
    margin-right: 10px;
    transition: 250ms;
}
.main-button:hover span {width:30px}



.secundair-button:hover {
	 border-color: var(--color-light);
	 background-color: var(--color-light);
    color: var(--color-secundair);
}
.secundair-button:hover > span {background-color: var(--color-secundair);}


.primair-button {		 border-color: var(--color-primair);	 background-color: var(--color-primair);    color: var(--color-light);} 
.primair-button  > span {background-color: var(--color-light);}

.primair-button:hover {		 border-color: var(--color-light);	 background-color: var(--color-light);    color: var(--color-primair);} 
.primair-button:hover  > span {background-color: var(--color-primair);}


.section-1-reserveren {

  padding-top: 100px;

}

.section-1-reserveren h1, .section-1-reserveren .h1 {

  padding-top: 100px;
  color: var(--color-dark);
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width:767px){
	.section-1-reserveren h1, .section-1-reserveren .h1 { padding-top:0;}
}



/* Footer */

.main-footer {

  background-color: var(--color-primair);
	background-image:url('../images/bg-pattern-transparent.png');background-size:1920px auto;background-position:top center;
	
  position: relative;
  padding-top: 50px;

}

.main-footer .subtitle {

  text-align: left;
  position: relative;
  z-index: 50;

}

.main-footer h1, .main-footer .h1 {

  text-align: left;
  position: relative;
  z-index: 50;
  margin-bottom: 30px;
	color:var(--color-secundair)

}

.inner-footer-wrapper {

  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 100px;
  padding-bottom: 100px;

}

.inner-footer-wrapper > .left {

  width: 100%;
  height: 100%;
  padding-right: 100px;

}

.inner-footer-wrapper > .left .main-container {

  height: 100%;

}


.inner-footer-wrapper .right {

  width: 50%;
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0px;


}

.inner-footer-wrapper > .left .footer-inner-content-wrapper {

  height: 100%;

}

.inner-footer-wrapper > .left .footer-inner-content-wrapper .left {

  width: 50%;
  height: 100%;

}

.footer-form-wrapper {

  margin-top: 30px;

}

.footer-form-wrapper input {

  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid var(--color-light) ;
  color: var(--color-light);
  font-family: var(--font-gotham);

}

.footer-form-wrapper input::placeholder {

  color:var(--color-light);

}

.footer-form-wrapper textarea::placeholder {

  color: var(--color-light);

}

.footer-form-wrapper textarea {

  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid var(--color-light) !important;
  color: var(--color-light);
  font-family: var(--font-gotham);
  margin-bottom: 30px;

}

.input-column-2 {

  display: flex;
  flex-direction: row;
  margin-bottom: 20px;

}

.input-column-2 span {

  width: 50%;

}

.input-column-2 span:nth-child(odd) {

  padding-right: 10px;

}

.input-column-2 span:nth-child(even) {

  padding-left: 10px;

}

.footer-gegevens-wrapper {

  margin-top:90px;
}


.footer-gegevens-wrapper ul, .footer-gegevens-wrapper ul li {display:block}
.footer-gegevens-wrapper ul li {

  color: var(--color-light);
  font-size: 17px;
  position: relative;

}

.footer-gegevens-wrapper ul li a {

  color: var(--color-light);

}

.footer-gegevens-wrapper ul li a:hover {

  text-decoration: underline;

}
