.btn { color: #fff; background: #f05a24; font-weight: 400; letter-spacing: 1px; font-size: 19px; line-height: 40px; padding: 6px 30px; border-radius: 26px; } 
.btn:hover { background: transparent; border: 1px solid #f05a24; color: #fff; } 
h1, h2, h3, h4, h5 {  font-family: 'Yeseva One', serif; }
h2.accordion-header { font-family: 'Roboto', sans-serif; }

p { font-size: 18px; font-weight: 300; line-height: 34px; }
p a { color: #f05a24; }

body {
  padding-bottom: 0;
  color: #000;
  font-family: 'Roboto', sans-serif;
}

header .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container.w1222 { max-width: 1222px; }

.table thead tr th { background-color: #c49c6f; border-bottom: 0; padding: 22px 40px; font-size: 20px; font-weight: 500; }
.table tbody tr td { border-bottom: 0; padding: 30px 40px; font-size: 20px; vertical-align: middle; }
.table tbody tr td strong { font-weight: 500; }
.table tbody tr:nth-child(odd) td { background: #e5d3bf; }
.table tbody tr:nth-child(even) td { background: #ede0d2; }


.carousel-control-prev-icon { background-image: url('img/arrowl.png'); height: 28px; width: 18px; }
.carousel-control-next-icon { background-image: url('img/arrowr.png'); height: 28px; width: 18px; }
.navbar-toggler-icon { background-image: url('img/menu-ico.png'); }
.navbar-toggler { padding-top: 14px; border: 0; }

.accordion-button { font-size: 20px !important; padding: 25px 35px;  }
.accordion-button, .accordion-item:last-of-type .accordion-collapse { border-radius: 0 !important; }
.accordion-button:not(.collapsed), .accordion-item .accordion-button.collapsed { background-color: #c59c6c !important; color: #fff; }
.accordion-body { background: #ecdece; font-size: 20px; padding: 60px 34px; } 
.accordion-button::after { background-image: url('img/acc-open.png') !important; width: 21px; height: 14px; }

header .headercontent { position: absolute; z-index: 10; width: 100%; padding-top: 50px; }
header .headercontent .nav-link { color: #fff; font-weight: 300; font-size: 19px; letter-spacing: 1px; padding: 0 28px 0px 0 !important; }
header .headercontent .navbar-nav .nav-link.active, header .headercontent .navbar-nav .nav-link.show { color: #f05a24; }
header .headercontent .navbar-nav .nav-link:hover { color: #f05a24; } 
header .headercontent .topbarRight { text-align: right; }
header .headercontent .topbarRight .btn { margin-right: 30px; }
header .headercontent .topbarRight .soc { line-height: 54px; margin-right: 30px; } 
header .headercontent .topbarRight .langbox { line-height: 54px; }
header .navbar-collapse .langbox { color: #fff; }
header .navbar-collapse .langbox a { color: #fff; text-decoration: none; }
header .navbar-collapse .langbox a:hover { color: #f05a24; }
header .headercontent .topbarRight .langbox a { color: #fff; font-weight: 200; font-size: 19px; letter-spacing: 1px; text-decoration: none; }
header .headercontent .topbarRight .langbox a.active, header .headercontent .topbarRight .langbox a:hover { font-weight: 600; }
header .headercontent .topbarRight .langbox span { color: #fff; font-weight: 200; font-size: 19px; letter-spacing: 1px; }
header .carousel .arrowdown { bottom: 40px; }
header .carousel .mobilebook { bottom: 100px; }

.gevoelBox { background: url('img/gevoel.png'), #c59c6c; background-position: right top; background-repeat: no-repeat; padding: 100px 0 200px 0; }
.gevoelBox h1 { text-align: center; color: #fff; font-size: 56px; }
.meetwoodsy { margin-top: -110px; padding-bottom: 120px; }
.meetwoodsy .images { text-align: center; }
.meetwoodsy .images a { margin-right: 15px; text-decoration: none; }
.meetwoodsy .images .slick-slide { margin: 0 10px; }
.meetwoodsy .images .slick-prev:before, .meetwoodsy .images .slick-next:before { color: #000; }
.meetwoodsy .images a:last-child { margin-right: 0; }
.meetwoodsy .boek { padding: 60px 0 120px 0; }
.meetwoodsy .boek .btn:hover { color: #000; }
.meetwoodsy .meet h2{ color: #f05a24; font-size: 60px; margin-bottom: 20px; }
.meetwoodsy .meet .textbox { padding-right: 30px; }
.meetwoodsy .meet .textboxr { padding-left: 30px; }

.gastenboek { overflow: hidden; background: #ff7bac; }
.gastenboek .container { position: relative; }

.gastenboek .container::after, .gastenboek .container::before { height:100%; content:' '; position: absolute; top: 0; width: 100%; }
.gastenboek .container::after { left: calc(50% + 40px); background: url(img/qbg.png); top: 100px; height: 390px; }
.gastenboek .container::before { left: -100%; background-color: #f05a24; }
.gastenboek .container > .row > div:first-child { background: #f05a24; }
.gastenboek .quote { padding: 135px 0; color: #fff; }
.gastenboek .quote h2 { font-size: 60px; }
.gastenboek .quote p { font-family: 'Reenie Beanie', cursive; font-size: 28px; line-height: 40px; padding-right: 100px; }
.gastenboek .idee h3 { font-size:58px; color: #fff; text-align: center; z-index: 1; position: relative; padding-left: 100px; }

.gastenboekmobiel .quote { padding: 50px 0; color: #fff; background: #ed5a2f; }
.gastenboekmobiel .quote h2 { font-size: 40px; }
.gastenboekmobiel .quote p { font-family: 'Reenie Beanie', cursive; font-size: 28px; line-height: 40px; }
.gastenboekmobiel .idee { background-color: #fc7cac; padding: 40px 0;  }
.gastenboekmobiel .ideeinner { background: url(img/qbg.png) repeat-x; }
.gastenboekmobiel .idee h3 { font-size: 30px; color: #fff; text-align: center; z-index: 1; position: relative; padding: 86px 18px;  }


.logosbox { padding: 120px 0; }
.logosbox img { width: auto !important; margin: 0 auto; max-width: 100%; }

.maintextbox { padding: 120px 0; }
.maintextbox .container { max-width: 920px; }
.maintextbox h2 { color: #f05a24; font-size: 60px; margin-bottom: 20px; }
.maintextbox p { margin-bottom: 40px; }

.renskeBox { background: url('img/bgrenske.png') repeat-x; padding-top: 80px; position: relative; }
.renskeBox .container { max-width: 1300px; }
.renskeBox.wider .container { max-width: 1360px; }
.renskeBox::after { right: 0; background: url(img/gevoel.png) no-repeat; height: 465px; content: ' '; position: absolute; top: 0; width: 648px; }
.renskeBox .textbox {  z-index: 100; position: relative; color: #fff; padding-left: 50px; }
.renskeBox .textbox h1 { font-size: 58px; }

.textboxes { padding-bottom: 180px; }
.textboxes .container { max-width: 1360px; }
.textboxes .contantlrbox { margin-top: 80px; }
.textboxes .contantlrbox h2 { font-size: 58px; color: #f05a24; }
.textboxes .container .contantlrbox:nth-child(even) .ctn { text-align: left; margin-left: 50px; }
.textboxes .container .contantlrbox:nth-child(odd) .ctn { text-align: right; margin-right: 50px; }
.textboxes .btn-verblijf { margin-top: 100px; }

.springbox .titel { background: #c59c6c; padding: 90px 0 180px 0; }
.springbox .titel h3 { font-size: 55px; color: #fff; margin-top: 40px; }
.springbox .under { margin-top: -100px; }
.springbox .under .container { max-width: 1396px; }
.springbox .under .ctn {max-width: 1000px; margin: 0 auto; text-align: center; padding-top: 70px; padding-bottom: 180px; }
.springbox .under .ctn .btn { margin-top: 70px; }
.springbox .under .ctn .btn:hover { color: #000; }

.faqbox { padding: 180px 0; }
.faqbox h3 { font-size: 58px; color: #f05a24; margin-bottom: 20px; }

.contactBox { background: #006837; position: relative; width: 100%; overflow: hidden;     height: 100vh;    min-height: 350px; color: #fff; }
.contactBox .container { max-width: 1140px;  }
.contactBox .arrowdown { bottom: 40px; }
.contactBox .cnt .row { height: 100vh; }
.contactBox h1 { font-size: 60px; margin-bottom: 20px;  }
.contactBox p { font-size: 19px; font-weight: 300; line-height: 40px; }
.contactBox img.icon { margin-bottom: 20px; }
.contactBox a { text-decoration: none; }
.contactBox .share { margin-top: 30px; }
.contactBox .share a { margin-right: 20px; }

.bookingBox { background: url('img/booking-bg.jpg'); background-size: 100%; position: relative; width: 100%; overflow: hidden;     height: 100vh;    min-height: 350px; color: #fff; }
.bookingBox .arrowdown { bottom: 40px; }
.bookingBox .cnt { height: 100vh;     display: flex;    flex-wrap: wrap; }
.bookingBox .cnt > div { width: 100%; }

.twocolbox { padding: 140px 0 100px; }
.twocolbox h1 { color: #f05a24; font-size: 60px; margin-bottom: 20px; }
.twocolbox .row > div:first-child { padding-right: 40px; }
.twocolbox .row > div:last-child { padding-left: 40px; }

.pricing { background: #f5eee7; padding: 100px 0 160px; }
.pricing h2 { color: #f05a24; font-size: 60px; margin-bottom: 20px; }
.pricing .tablebottom { margin-top: 40px; padding: 0 50px; }
.pricing .tablebottom img { margin-right: 20px; }

.maintfooter { padding-top: 75px; color: #fff; }
.maintfooter a { color: #fff; text-decoration: none; }
.maintfooter .footermenu li a { color: #fff; text-decoration: none; font-size: 18px; font-weight: 300; line-height: 30px;  }
.maintfooter .footermenu li a:hover { color: #000;  text-decoration: none; }
.maintfooter .newsletter p { margin-top: 10px; }
.maintfooter .textbox { padding-right: 80px; }
.maintfooter .contactbox { font-size: 18px; font-weight: 300; line-height: 40px; }
.maintfooter .contactbox a:hover { color: #000; }
.maintfooter .contactbox a.soc { margin-top: 10px; display: block; }
.maintfooter .newsletter input { background: #00502a; border: none; color: #fff; line-height: 32px; border-radius: 15px; margin-bottom: 15px; font-size: 18px; }
.maintfooter .newsletter input::placeholder { color: #006837; }
.maintfooter .newsletter button { float: right; background: transparent; border: 1px solid #fff; border-radius: 15px; line-height: 28px; font-weight: 300; font-size: 17px; margin-top: 5px; }
.maintfooter .newsletter button:hover { border-color: #000; color: #000; }
.maintfooter .bottomline { margin-top: 100px; padding-bottom: 30px; color: #a3c8b6; font-size: 14px; }
.maintfooter .bottomline a { color: #a3c8b6; text-decoration: underline; }
.maintfooter .bottomline a:hover { text-decoration: none; }

footer {  background: #006837; }


@media (min-width: 1600px) {
  .container { max-width: 1508px; }
  
}

@media (min-width: 1700px) {
	.logosbox .container { max-width: 1690px; }
	.headercontent .container { max-width: 1660px; }
}


@media only screen and (max-width: 600px) {
	
  .btn{ font-size: 16px; line-height: 30px; }
  .container { padding: 0 30px;  }
  header .headercontent { padding-top: 0 !important; }
  header a.logo img { width: 60%; }
  
  .meetwoodsy { padding-bottom: 60px; }
  .meetwoodsy .images { padding: 0 20px }
  .meetwoodsy .boek { padding: 10px 0 80px 0; }
  .meetwoodsy .meet h2 { font-size: 36px; margin-bottom: 5px; }
  .meetwoodsy .meet .textbox { padding-right: 0; }
  .meetwoodsy .meet .textboxr { padding-left: 0; }
  
  .gevoelBox h1 { font-size: 30px; }
  .gevoelBox h1 img { width: 30px; margin-bottom: 20px; }
  
  .faqbox { padding: 40px 0; }
  .faqbox h3 { font-size: 36px; } 
  .textboxes { padding-bottom: 40px; }
  .renskeBox { background-repeat: repeat; padding-top: 20px; }
  .renskeBox::after { display: none; }
  .textboxes .container .contantlrbox:nth-child(odd) .ctn { margin-right: 0; }
  .textboxes .container .contantlrbox:nth-child(even) .ctn { margin-left: 0; }
  .textboxes .container .contantlrbox:nth-child(odd) .ctn { text-align: left; }
  .textboxes .container .contantlrbox .ctn { margin-top: 20px; }
  .textboxes .contantlrbox h2 { font-size: 36px; }
  .renskeBox .textbox h1 { font-size: 36px; }
  .renskeBox .textbox { padding: 20px 0; }
  
  .textboxes .contantlrbox { margin-top: 40px; }
  .table thead tr th { padding: 15px 21px; font-size: 16px; }
  .table tbody tr td { padding: 15px 21px; font-size: 16px; }
  
  .maintextbox { padding: 40px 0; }
  .maintextbox h2 { font-size: 36px; }
  
  .twocolbox  { padding: 40px 0; }
  .twocolbox h1 { font-size: 36px; }
  .twocolbox .row > div:first-child { padding-right: calc(var(--bs-gutter-x) * .5); } 
  .twocolbox .row > div:last-child { padding-left: calc(var(--bs-gutter-x) * .5); }
  
  .pricing {  padding: 40px 0; }
  .pricing h2 { font-size: 36px; }
  .pricing .tablebottom { padding: 0; }
  
  .springbox .titel h3 { font-size: 36px; }
  .springbox .under .images img { margin-bottom: 20px; }
  .springbox .under .ctn { padding-bottom: 40px; }
  
  .contactBox { padding-top: 200px; height: auto; }
  .contactBox h1 { font-size: 36px; }
  
  .logocontainer { margin-top: 0px; }
  
  .gastenboek .quote h2 { font-size: 40px; }
  .gastenboek .container::after { display:none; }
  
  .logosbox { padding: 40px 0; }
  .gastenboek .idee h3 { padding-left: 0;     font-size: 27px; }
  .gastenboek .idee { padding: 80px 70px; margin: 20px 0; }
  .gastenboek .idee { background: url(img/qbg.png) repeat-x; }
  
  .maintfooter { padding-top: 50px; font-size: 14px; }
  .maintfooter .container { padding: 0 35px; }
  .maintfooter .textbox p { font-size: 14px; line-height: 27px; }
  .maintfooter .footermenu li a { font-size: 14px; line-height: 20px; }
  .maintfooter .textbox { padding-right: 0; margin-top: 20px; }
  .maintfooter .contactbox { font-size: 14px; margin-top: 30px; }
  .maintfooter .newsletter { margin-top: 80px; font-size: 14px; }
  .maintfooter .newsletter p { font-size: 14px; line-height: 30px; }
  .maintfooter .footerlogo { margin: 100px 0 20px; }
  .maintfooter .bottomline { margin-top: 0; font-size: 11px; }
  
  
  
}