html, body{margin:0;padding:0;width: 100%;height:100%;scroll-behavior: auto !important;}
body{overflow-x: hidden; font-family: "Poppins", sans-serif;}

header{width:100%;}
header .header-inner{width:100%;padding:50px 0 35px 0;display: flex;align-items:flex-end;}
header .header-inner .logo{width:150px;margin-right:50px;}
header .header-inner .logo img{width: 100%;transition: transform 0.7s;}
header .header-inner .logo a:hover img{transform: scale(1.1);}
header .header-inner nav{width:calc(100% - 250px);display: flex;justify-content: flex-end;align-items:flex-end;}
header .header-inner nav a{display: inline-block;padding:5px 13px;padding-bottom:0;color:#8F7D70;text-decoration: none;line-height: 1.2;font-weight: 300;position: relative;}
header .header-inner nav a:after{background-color: #8F7D70;height: 2px;width: 0;content: "";display: inline-block;position: absolute;bottom: -5px;left: 0;margin-left: 13px;margin-right: 13px;transition: width 0.7s;}
header .header-inner nav a:hover:after{width: calc(100% - 26px);}
header .header-inner nav a.mobile-btn{display: none;visibility: hidden;}
.mobile-nav{display: none;visibility: hidden;}
header .header-inner nav .language-switcher{display: flex;margin-left:10px;}
header .header-inner nav .language-switcher a{padding: 5px 2px 0 0;text-transform: uppercase;color:#d2cbc5;}
header .header-inner nav .language-switcher a:hover, header .header-inner nav .language-switcher a.active{color:#8F7D70;}
header .header-inner nav .language-switcher a:before{content:"/";padding:0 2px 0 0;display: inline-block;}
header .header-inner nav .language-switcher a:first-child:before{display: none;visibility: hidden;}
header .header-inner nav .language-switcher a:hover:after{width: auto;}

.banner{width: 100%;background-color:#ede8e3;position: relative;margin-bottom: 35px;}
.banner-quote{font-weight: 200;font-size:30px;width:60%;padding-top:175px;padding-bottom:175px;line-height: 1.2;position: relative;z-index: 2;}
.banner-quote span{font-style: italic;}
.banner img{position: absolute;width:100%;height:100%;bottom:0;right:0;object-fit:cover;z-index: 1;}
.banner img.half{width:55%;}

.quote{display:flex;align-items:center;flex-direction:column;text-align: center;padding-top:45px;padding-bottom: 45px;font-weight: 200;font-size:40px;line-height: 1.2;width:80%;margin:auto;padding-right:50px;}
.quote .button{background-color:#EDE8E3;display: inline-block;font-size:14px;padding:5px 12px;text-decoration: none;color:inherit;margin-top:25px;transition: background-color 0.5s, color 0.4s;}
.quote .button:hover{background-color:#8F7D70;color:white;}
.quote .button img{width: 20px;margin-left:5px;}

.text-container{display: flex;padding-top:45px;padding-bottom: 45px;}
.text-container .left{width: calc(50% - 50px);padding: 35px 50px 35px 0;}
.text-container .left .img-container{height:100%;width:60%;float: right;margin-right:10%;position: relative;}
.text-container .left .img-container img{height:100%;width:100%;object-fit:cover;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.text-container .left p{font-size: 14px;font-weight: 300;}
.text-container p b, .text-container p strong{font-weight: 600;}
.text-container .left .troeven{color:#8F7D70;font-size:18px;}
.text-container .right{width: calc(40% + 50px);border-left:1px solid #1d1d1c;padding: 35px 0 35px 50px;}
.text-container .center{width: calc(40% + 70px);padding: 0 35px;margin:auto;}
.text-container .right p, .text-container .center p{font-size: 14px;font-weight: 300;}
.text-container .right p u{font-weight:400;}
.text-container .right p a{font-weight:400;text-decoration: none;color:inherit;}
.text-container .right p.title{font-size: 14px;font-weight: 600;}
.text-container .right p:last-child{margin-bottom: 0;}
.hide-lg{display: none;visibility: hidden;}

.use-cases .title{font-size: 14px;font-weight: 600;text-align: center;margin-top:75px;}
.use-cases .quote{font-size:25px;padding-right:0;}
.use-cases .quote+.quote{padding-top:0;}
.use-cases .quote+.quote:before{display: inline-block;height:50px;width:1px;background-color:black;content:"";margin-bottom:45px;}

.contact-container{justify-content: space-around;}
.intro-contact{text-align: left;font-size:16px;font-weight: 300;}
.intro-contact .title{font-weight: 600;}
.intro-contact a{color:inherit;text-decoration: none;}
form#contactus .hidden{display: none;visibility: hidden;}
form#contactus{width: 100%; max-width:500px;}
form#contactus .form-group{margin-bottom: 10px;}
form#contactus input, form#contactus textarea{width:100%;padding:5px 12px;color:#8F7D70;font-size:14px;font-weight:300;border:1px solid #8F7D70;margin:0;outline:none;border-radius:3px;background-color:white;}
form#contactus textarea{height: 150px;}
form#contactus .form-group p{margin-top:5px;}
form#contactus button[type=submit]{border:none;background-color:#EDE8E3;display: inline-block;font-size:14px;padding:5px 12px;text-decoration: none;color:inherit;transition: background-color 0.5s, color 0.4s;width:auto;}
form#contactus button[type=submit]:hover{background-color:#8F7D70;color:white;}
form#contactus button[type=submit] img{width: 20px;margin-left:5px;}
form#contactus .form-group.error input, form#contactus .form-group.error textarea{border:2px solid #bd2026;}
form#contactus p.error{color:#bd2026;font-weight: 600;font-size:14px;}
form#contactus p.succes{color:#708f7d;font-weight: 400;font-size:14px;}
form#contactus .form-group.error p.error{padding-left:12px;padding-right:12px;}
form#contactus .form-group.error p.error:before{content:"* ";}
form#contactus .loading{margin-bottom: 10px;}
form#contactus .loading img{width: 30px;margin-right:5px;}
form#contactus .loading span{font-size:12px;font-weight: 300;color:#002C54;}

/*

.contact form .form-group p{margin-top:5px;}
.contact form input[type=submit]{display:inline-block;width:auto;background-color:white;border:1px solid #4c6b87;transition:border 0.8s, background 0.8s, color 0.6s;color:#4C6B87;font-weight:400;}
.contact form input[type=submit]:hover{background-color:#002C54;color:white;border:1px solid #002C54;}
.contact form .form-group.error input, .contact form .form-group.error textarea{border:2px solid #bd2026;}
.contact form p.error{color:#bd2026;font-weight: 600;font-size:14px;}
.contact form p.succes{color:#26bd20;font-weight: 600;font-size:16px;}
.contact form .form-group.error p.error{padding-left:12px;padding-right:12px;}
.contact form .form-group.error p.error:before{content:"* ";}
.contact .loading{margin-bottom: 10px;}
.contact .loading img{width: 30px;margin-right:5px;}
.contact .loading span{font-size:12px;font-weight: 600;color:#002C54;}
*/


footer{background-color: #ede8e3;display: flex;align-items: flex-end;margin-top:35px;}
footer .footer-inner{padding: 75px 0 50px 0;display: flex;flex-wrap: wrap;}
footer .footer-inner .logo{width: 40%;}
footer .footer-inner .logo img{max-width: 170px;width:100%;}
footer .footer-inner .contact{width:35%;display: flex;flex-direction: column;justify-content: space-between;}
footer .footer-inner p{font-size: 18px;font-weight: 200;margin-bottom: 20px;}
footer .footer-inner p.btw{font-size:14px;}
footer .footer-inner p a{color:inherit;text-decoration: none;}
/*footer .footer-inner .contact .bottom{padding-bottom: 5px;}
footer .footer-inner .contact .bottom a{font-size:13px;color:inherit;text-decoration: none;display: block;margin:0;padding:0;}*/
footer .footer-inner .troeven{width: 25%;}
footer .footer-inner .troeven .troevenlijst{font-weight: 400;margin-bottom:0; color:#8F7D70;}
footer .footer-inner .bottom{width: 100%;padding-left:40%;font-size: 14px;padding-top: 35px;font-size: 12px;color:#1d1d1c;}
footer .footer-inner .bottom a{display: inline-block;color:#8F7D70;text-decoration: none;}
footer .footer-inner .bottom a:after{content:"-";display: inline-block;padding-left:5px;padding-right:5px;}
footer .footer-inner .bottom a:last-child:after{display: none;visibility: hidden;}
.grecaptcha-badge{display: none;visibility: hidden;}

@media (min-width: 1920px){
	.banner-quote{font-size:35px;padding-top:230px;padding-bottom:230px;}
}
@media (min-width: 1600px){
	.banner-quote{padding-top:200px;padding-bottom:200px;}
	.text-container .right p{font-size: 16px;}
	.text-container .right p.title{font-size: 16px;}
	.text-container .left p{font-size: 16px;}
	.text-container .left p.title{font-size: 16px;}
	.text-container .left .troeven{font-size:20px;}
}
@media (max-width: 1199px){
	.banner-quote{font-size:26px;padding-top:150px;padding-bottom:150px;}
	.text-container .right{width:calc(45% + 50px);}
	.text-container .left .img-container{width: 75%;}
}
@media (max-width: 991px){
	header .header-inner .logo{width:150px;margin-right:30px;}
	header .header-inner nav{width:calc(100% - 180px);}
	header .header-inner nav a{padding: 5px 8px;padding-bottom:0;}
	header .header-inner nav a:after{margin-left:8px;margin-right:8px;}
	header .header-inner nav a:hover:after{width: calc(100% - 16px);}
	.banner-quote{font-size:22px;padding-top:135px;padding-bottom: 135px;}
	.text-container .left{width:calc(50% - 35px);padding: 25px 35px 25px 0;}
	.text-container .left .troeven{font-size:16px;}
	.text-container .right{width:calc(50% + 35px);padding: 25px 0 25px 35px;}
	.quote{padding-right: 35px;font-size:32px;padding-top:35px;padding-bottom:35px;}
	.text-container .left .img-container{width:100%;margin-right:0;}
	footer .footer-inner{padding-bottom: 35px;}
	footer .footer-inner .logo{width: 35%;}
	footer .footer-inner .logo img{max-width: 75%;}
	footer .footer-inner p{font-size: 16px;}
	footer .footer-inner p.btw{font-size:13px;}
	footer .footer-inner .contact{width: 30%;}
	footer .footer-inner .troeven{width: 35%;}
	footer .footer-inner .troeven .troevenlijst{font-size:16px;}
	footer .footer-inner .bottom{padding-left: 35%;padding-top: 25px;}
	.text-container .center{width: calc(60% + 70px);}
	.contact-container{flex-direction: column;align-items: center;text-align: center;}
	.intro-contact{text-align: center;margin-bottom: 30px;}
}
@media (max-width: 767px){
	.container{max-width:calc(100% - 50px);}
	header .header-inner nav{width:calc(100% - 150px);}
/* 	header .header-inner{max-width:100%;} */
	header .header-inner nav a{font-size: 14px;}
	header .header-inner .logo{width:120px;}
	.banner-quote{font-size:20px;width:65%;padding-top:120px;padding-bottom:120px;}
	.banner img.half{width:40%;}
	.use-cases .quote{font-size:20px;}
	.text-container .center{width: calc(70% + 70px);}
}
@media (max-width: 679px){
	header .header-inner nav a{font-size: 14px;}
	.banner-quote{font-size:20px;width:60%;padding-top:50px;padding-bottom:50px;}
	.banner-quote br{display: none;visibility: hidden;}
	
	.banner+.text-container .left{margin-top: 50px;}
	.banner+.text-container .left:before{display: none;visibility: hidden;}
	.text-container{flex-wrap: wrap;padding:0;text-align: center;}
	.text-container .right{width:100%;padding: 0 50px 0 50px;border:none;}
	.text-container .right:before{display: block;width:1px;height:50px;content:"";background-color:black;margin: 50px auto;}
	.text-container .right:after{display: block;width:1px;height:50px;content:"";background-color:black;margin: 50px auto;}
	.quote{padding:0;font-size:24px;}
	
	.text-container .left:before{display: block;width:1px;height:50px;content:"";background-color:black;margin: 50px auto;}
	.text-container .left{width: 80%;padding:0;margin:auto;}
	.text-container .left .img-container{width: 70%;height: 350px;float:none;margin:auto;}	
	
	.hide-sm{display: none;visibility: hidden;}
	.hide-lg{display: block;visibility: visible;}
	
	.banner + .text-container .left + .quote:before{display: block;width:1px;height:50px;content:"";background-color:black;margin: 50px auto;}
	.hide-sm + .text-container .left:before{display: none;visibility: hidden;}
	
	header .header-inner{padding:35px 0;}
	header .header-inner nav a{display: none;visibility: hidden;}
	header .header-inner nav a.mobile-btn{display: block;visibility: visible;padding:0;}
	header .header-inner nav a.mobile-btn+.language-switcher{display: none;visibility:hidden;margin-left:0;}
	header .header-inner nav a.mobile-btn img{width: 40px;}
	header .header-inner nav a:hover:after{display: none;visibility: hidden;}
	.mobile-nav{display: none;visibility:hidden;width: 100%;height:100%;position:fixed;top:0;left:0;z-index: 200;background-color:#EDE8E3;opacity: 0;}
	.mobile-nav.open{display: block;visibility: visible;}
	.mobile-nav .close-btn{width:40px;position: absolute;top:35px;right:35px;}
	.mobile-nav .list{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;width: 100%;}
	.mobile-nav .list a{display: inline-block;padding: 10px 18px;margin-top:15px;margin-bottom: 15px;color:#8F7D70;text-decoration: none;font-size:20px;font-weight: 300;text-align: center;}
	.mobile-nav .close-btn img{width: 100%;}
	.mobile-nav .list .language-switcher{display: flex;margin-left:10px;}
	.mobile-nav .list .language-switcher a{padding: 5px 7px 0 0;text-transform: uppercase;font-size:16px;}
	.mobile-nav .list .language-switcher a:before{content:"/";padding:0 7px 0 0;display: inline-block;}
	.mobile-nav .list .language-switcher a:first-child:before{display: none;visibility: hidden;}
	.mobile-nav .list .language-switcher a:hover:after{width: auto;}
	.mobile-nav .list .language-switcher a{padding: 5px 2px 0 0;text-transform: uppercase;color:#d2cbc5;}
	.mobile-nav .list .language-switcher a:hover, .mobile-nav .list .language-switcher a.active{color:#8F7D70;}
	
	body.no-scroll{overflow: hidden;}
	
	.use-cases .quote{font-size:18px;}
	.use-cases .quote:last-child{margin-bottom: 30px;}
	.use-cases .quote+.quote:before{margin-top:30px;margin-bottom:30px;height:30px;}
	.use-cases+.container{margin-top:50px;}
	
	.for-steps+.container{margin-top:50px;}
}
@media(max-width: 600px){
	footer .footer-inner .logo{width: 100%;text-align: center;max-width: 170px;margin:auto;}
	footer .footer-inner .contact{text-align: center;width: 100%;margin-top: 15px;}
	footer .footer-inner .contact span{display: none;visibility: hidden;}
	footer .footer-inner .troeven{display: none;visibility: hidden;}
	footer .footer-inner .bottom{width: 100%;padding-left:0;text-align: center;}
}

@media (max-width: 575px){
	.banner-quote{font-size:18px;width: 55%;font-weight: 200;}
	.banner img.half{width:55%;}
	.text-container .right{padding: 0 30px;}
	.text-container .center{width: calc(80% + 70px);}

}