.loader {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
    border: 0.2em solid #C17606; /* Light grey */
    border-top: 0.2em solid #fff; /* Blue */
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: spin 0.4s linear infinite;
            animation: spin 0.4s linear infinite;

}




@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@font-face {
  font-family: 'paradox';
  src:  url('../fonts/paradox.eot?fdw5y1');
  src:  url('../fonts/paradox.eot?fdw5y1#iefix') format('embedded-opentype'),
    url('../fonts/paradox.ttf?fdw5y1') format('truetype'),
    url('../fonts/paradox.woff?fdw5y1') format('woff'),
    url('../fonts/paradox.svg?fdw5y1#paradox') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'paradox' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paradox-logo:before {
  content: "\e900";
}
.paradox-hamburger:before {
  content: "\e907";
}
.paradox-hamburger_close:before {
  content: "\e908";
}
.paradox-arrow_l .path1:before {
  content: "\e901";
  color: rgb(49, 49, 49);
}
.paradox-arrow_l .path2:before {
  content: "\e902";
  margin-left: -1.240234375em;
  color: #212121;
}
.paradox-arrow_r .path1:before {
  content: "\e903";
  color: inherit;
}
.paradox-arrow_r .path2:before {
  content: "\e904";
  margin-left: -1.240234375em;
  color: inherit;
}
.paradox-pause:before {
  content: "\e905";
}
.paradox-play:before {
  content: "\e906";
}



.container{ opacity: 0; overflow: hidden;}
.animate .container{opacity: 1; transition:opacity 0.7s ease 0.3s;}
.animate .loader{opacity: 0; transition:opacity 0.4s ease 0s;}



/*::-webkit-scrollbar {
    display: none;
}
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	height: auto;
}

html { -webkit-text-size-adjust: 100%; 
  position: relative; float: left; width: 100%; 
  font-size: 16px; font-weight: 400; 
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: overlay; 
   font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body{	
	position: relative;
	float: left; 
	display: block;
	font-size: 1em;
	line-height: 1.75em;
  height: auto;
	margin:0; padding: 0; 
	width: 100%;
	color: #212121;
	background-color: #fff;
	min-height: 10em;
}


.hidden{width: 0; height: 0; overflow: hidden;}


input, textarea{  font-size: 1em; border-radius: 0;}
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

a{color: inherit; text-decoration: none; }
.noline a{text-decoration: none;}
i, cite, em, var, dfn {
    font-style:normal;
}
b, strong {font-family: 'Outfit', sans-serif; font-weight: 600; }

p strong{font-size: 1.5em; line-height: 1.75em;}

ul, li{position: relative;  display: inline-block;}

button {
  background: transparent;
    background-color: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  cursor: pointer;
  font-size: 1em;
}

/* basics */

h1, h2, h3, h4, h5, h6{ position: relative; display: inline-block;  width: auto; font-family: "Outfit", sans-serif; letter-spacing: 0.12em; font-weight:800; clear: both; line-height: 1.43em;  }
h1{font-size:3em; text-transform: uppercase; line-height: 1.07em; margin-bottom: 2.6rem}
h2{font-size:1.75em; text-transform: uppercase; margin-bottom: 1.3rem; }
h3{font-size:1em; text-transform: uppercase; margin-bottom:0.7rem; width: auto;}
h4{font-size:1.5em; margin-bottom:1.5rem; width: auto;}
h5{font-size:1em; margin-bottom:5rem; width: auto;}

/*/////////////// Basics ///////////////*/

section, div, header, main, footer, nav, article, ol, ul, li, p, img, blockquote, form, button, input, label{position: relative; float: left; width: 100%; height: auto; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ font-size: 1em; font-family: "Outfit", sans-serif; letter-spacing: 0.12em; line-height: 1.625em; margin-bottom: 1.6em; }

p a, article ul li a{display: inline-block; position: relative; text-decoration: underline;}
article img{margin-bottom: 1.75rem;}


.floatr{position: relative; width:auto; float: right; display: block;}
.floatl{position: relative; width:auto; float: left; display: block;}
.smaller{font-size: 0.85em;}

.abso{position: absolute; top:0; left: 0; width:100%; height:100%;}
.middle{ position:absolute; left:50%; top: 50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.acenter{text-align: center;}
.aright{text-align: right;}

.b{}
.b15{width: 15%;}
.b20{width: 20%;}
.b25{width: 25%;}
.b75{width: 75%; }
.b30{width: 30%;}
.b60{width: 60%; }
.b35{width: 35%;}
.b40{width: 40%;}
.b41{width: 41.6666%;}
.b42{width: 42%;}
.b65{width: 65%; }
.b50{width: 50%;}
.b55{width: 55%;}
.b58{width: 60%;}
.b60{width: 58%;}
.b55{width: 55%;}
.b45{width: 45%;}
.b33{width: 33.33%;}
.b66{width: 66.66%;}
.b100{width: 100%;}

.viceversa .b50{float: right;}

.widthxlarge{float: none; margin: 0 auto; width: 100%; max-width: 100em; }
.widthlarge{float: none; margin: 0 auto; width: 100%; max-width: 90em; }
.widthmedium{float: none; margin: 0 auto; width: 100%; max-width:80em;  }
.widthmediumsmall{float: none; margin: 0 auto; width: 100%; max-width:68em;  }
.widthsmall{float: none; margin: 0 auto; width: 100%; max-width: 55em; }

.paddingx1{ padding-left: 1rem; padding-right: 1rem;}
.paddingx2{ padding-left: 2rem; padding-right: 2rem;}
.paddingx3{ padding-left: 3rem; padding-right: 3rem;}
.paddingx4{ padding-left: 4rem; padding-right: 4rem;}
.paddingx5{ padding-left: 5em; padding-right: 5rem;}

.paddingy1{ padding-bottom: 1rem; padding-top: 1rem;}
.paddingy2{ padding-bottom: 2rem; padding-top: 2rem;}
.paddingy3{ padding-bottom: 3rem; padding-top: 3rem;}
.paddingy4{ padding-bottom: 4rem; padding-top: 4rem;}
.paddingy5{ padding-bottom: 5rem; padding-top: 5rem;}
.paddingy6{ padding-bottom: 6rem; padding-top: 6rem;}

.paddingl1{ padding-left: 1rem;}
.paddingl2{ padding-left: 2rem;}
.paddingl3{ padding-left: 3rem;}
.paddingl4{ padding-left: 4rem;}
.paddingl5{ padding-left: 5rem;}

.paddingr1{ padding-right: 1rem;}
.paddingr2{ padding-right: 2rem;}
.paddingr3{ padding-right: 3rem;}
.paddingr4{ padding-right: 4rem;}
.paddingr5{ padding-right: 5rem;}

.paddingbottom4{padding-bottom: 3.2rem;}

.marginbottom05{margin-bottom: 0.5rem;}
.marginbottom1{margin-bottom: 1rem;}
.marginbottom2{margin-bottom: 2rem;}
.marginbottom3{margin-bottom: 3rem;}
.marginbottom4{margin-bottom: 4rem;}
.marginbottom5{margin-bottom: 5rem;}
.marginbottom6{margin-bottom: 6rem;}

.margintop05{margin-top: 0.5rem;}
.margintop1{margin-top: 1rem;}
.margintop2{margin-top: 2rem;}
.margintop3{margin-top: 3rem;}
.margintop4{margin-top: 4rem;}
.margintop5{margin-top: 5rem;}
.margintop6{margin-top: 6rem;}

.maxw1{max-width: 14rem;}
.maxw2{max-width: 22rem;}
.maxw3{max-width: 33rem;}
.maxw4{max-width: 44rem;}
.maxw5{max-width: 55rem;}

/*/////////////// Backgrounds ///////////////*/

.bgblack{background-color:#212121;}
.bgbeige{background-color:#F2EDE8;}

/*/////////////// Buttons ///////////////*/

.btn{position: relative; display: inline-block;  text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 0.875em; font-weight: 800; border-radius: 0.45em; letter-spacing: 0.08em;}
.btnbase{ background-color: #FFB300; color: #212121; padding: 0.4em 3em;}
.btnline{ background:none; box-shadow:inset 0px 0px 0px 2px ; color: inherit; padding: 0.4em 3em;  }

.btnline2{ background:none; border-bottom:2px solid; border-radius: 0; color: inherit; padding: 0.3em 0;  box-sizing: border-box;}

.videoWrapper{background-color: #F6F6F6; }
video{}

article ul{margin-bottom:2em; margin-top:0.25em; font-size:1em; }
article ul li{padding-left: 1.6em; margin-bottom:0.6em; text-align:left; font-size:1em; }
article ul li::before{position: absolute; left:0em; top: -0.25em; content: "•"; font-size: 3.4em; line-height: 1em; text-align: left; color: inherit;}

.thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.flex{display: flex; flex-flow: row wrap; align-items: stretch;}
.flexreverse{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}

.pusher{height: 9em; }
main{min-height: 1vh;}

.viceversa .b50{float: right;}

table{position: relative; float: left; width: 100%; margin-bottom: 1.75em;}
table * {
    
}

table{width: 100%; margin-bottom: 1.3rem; font-size: 1em; text-align: left;  border-collapse: collapse; background-color: #fff; font-family: "Outfit"; font-weight: 500;}
table tr, table tbody{width: 100%; font-size: 1em; margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box; /* Ensures elements are sized including border and padding */}
table td, table th{font-size: 1em; line-height: 1.75em; padding-top:0.3em; padding-bottom:0.3em; vertical-align:top; margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box; /* Ensures elements are sized including border and padding */}
  
table td:first-child, table th:first-child{}

p, li , a, button, input{font-family: "Outfit", sans-serif; letter-spacing: 0.12em;}

table p a{text-decoration: none;}
/*/////////////// LAZYLOAD ///////////////*/

img.lazyload {
    opacity: 0;
    transition: opacity 1s;
}

img.lazyload.fade-in {
    opacity: 1;
}

/*/////////////// Header ///////////////*/

.logo{position: relative; float: left; display: block; z-index: 2; top:0.2rem; font-size: 2.1em; width: 5.3em; height: 1em;}
.logo::before{font-family: "paradox"; content: "\e900"; position: absolute; left: 0; top:0; font-size: 1em; line-height: 1em; transform: translateY(0); transition: color 0.7s ease 0.3s, transform 0.6s ease 1s, opacity 0.6s ease 1s;}

header{position: fixed; z-index: 98; padding:1.8em 0em 1.1em; color: #fff; user-select: none; transform: translateY(0em); transition: transform 0.3s ease;}
header .bg{position: absolute; width: 100%; height: 100%; background-color: #212121; opacity: 0; top: 0; left: 0; transform:translateY(-100%); transition:opacity 0.2s ease 0s, transform 0s ease 0.2s, box-shadow 0.2s ease 0.4s;}
header nav{position: absolute; left: 0; top:0.5em; width: 100%; text-align: center; display:flex; flex-flow: row nowrap; justify-content:center; gap: 1em 4%;}
header nav a{position: relative; display: inline-block; float: none; font-weight: 500; font-size: 1.125em; letter-spacing: 0.04em; line-height:1.3em; transition: color 0.3s ease; }

/* inline */
header nav a.active{color: #FFB300; transition: color 0.1s ease;}
/* inline */

header .hamburger{display:none; margin-left: 1.4em; position: relative; cursor: pointer; font-size: 1em; float: right; margin-top:0.3em; width: 2.2em; height: 2em; }
.hamburger::after{font-family: "paradox"; color: inherit; font-size:1.6em; position: absolute; left: 0; top:0em; content: "\e907"; }
.notop header {transform: translateY(-0.7em);}
.notop header .bg{transform: translateY(0);}
.notop header .bg {
  opacity: 1;
  box-shadow: 0px 6px 64px -39px rgba(0,0,0,0.15);
   transition:opacity 0.3s ease 0s, transform 0s ease, box-shadow 0.3s ease 0.3s;
}

.navi{position: fixed; width: 100%; height:100vh; right:0; color: #fff; z-index: 99;  top:0; opacity: 0; transform: translateY(-100%); transition: transform 0s ease 0.5s, opacity 0s ease 0.5s;  }
.open .navi{opacity: 1; transform: translateY(0); transition: transform 0s ease, opacity 0s ease; }
.navi .inner{min-height: 100vh; width:20em; transform: translateX(100%); background-color: #212121; float: right; transition: transform 0.3s ease 0s}
.open .navi .inner{transform: translateX(0);  }
.navi .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#212121; opacity:0; transition: opacity 0.3s ease 0.1s;}
.open .navi .bg{opacity:0.6; transition: opacity 0.3s ease 0s; cursor: pointer;}
.navi .mobilenav{position: absolute; width:100%; height: auto; padding:0 2em; top:50%; transform: translateY(-50%) }
.navi .mobilenav a{position: relative; float:left; clear: both; font-size:1.6em; text-transform: uppercase; font-family: 'Outfit', serif;  font-weight: 800; line-height:1.3em; margin:0.3em 0; transition: color 0.3s ease; }
.navi .mobilenav a.active{color: #909A72; transition: color 0.1s ease;}
.navi .close{position: absolute; top:1.3em; right:2em; transform: translateY(0); opacity:0; cursor: pointer; font-size: 1em; float: right; margin-top: 1em; width: 2.2em; overflow: hidden; height: 2em; transition: transform 0.3s ease; }
.navi .close::after{font-family: "paradox"; color: #fff; font-size:1.7em; position: absolute; left: 0; top:0em; content: "\e908"; }
.open .navi .close{opacity: 1; }
.notop .navi .close{transform: translateY(-1em);}

/*/////////////// Slick sliders ///////////////*/

.slick-slider{}
.slick-list{float: left;  }
.slick-dots {
  position:absolute;
  left: 50%; transform: translateX(-50%);
  bottom: 2.4em;
  display: block;
  list-style: outside none none;
  padding: 0;
  z-index: 2;
  text-align: center;
  width: auto;
  white-space: nowrap;
}
.slick-dots li{margin: 0 0.5em; height:14px; width:14px; white-space: nowrap; float: none;}
.slick-dots li button{padding:0 0em; font-size: 1em; width:15px; height:14px;}
.slick-dots li button::before{color: #fff; font-size: 2.5em;  opacity: 1; width:14px; height:14px;}

.slick-dots li.slick-active button::before{color: #FFB300; }
.slickbtn{position: relative; cursor: pointer;}

.slickie-prev{font-size: 3em; width: 1.3em; height: 1em; cursor: pointer; position: absolute; left: 0.15em; top:50%; transform: translateY(-50%); opacity: 1; transition: opacity 0.3s ease;}
.slickie-prev::before{position: absolute; width: 100%; height: 100%; line-height: 1em;  top:0; left:0; font-family:"paradox"; content:"\e901"; color:#212121;}
.slickie-prev::after{position: absolute; width: 100%; height: 100%; line-height: 1em;  top:0; left: 0;font-family:"paradox"; content:"\e902"; color:#FFB300;}

.slickie-next{font-size: 3em; width: 1.3em;height: 1em;  cursor: pointer; position: absolute; right: 0.15em; top:50%; transform: translateY(-50%); opacity: 1; transition: opacity 0.3s ease;}
.slickie-next::before{position: absolute; width: 100%; height: 100%; top:0; right:0; line-height: 1em; font-family:"paradox"; content:"\e903"; color:#212121;}
.slickie-next::after{position: absolute; width: 100%; height: 100%; top:0; right: 0;  line-height: 1em; font-family:"paradox"; content:"\e904"; color:#FFB300;}
.slick-disabled{opacity: 0; cursor: auto;}

article .slick-slider  ul li::before{position: relative; left: auto; top: auto; content: ""; font-size: inherit; line-height: inherit; text-align: inherit; color: #909A72;}
article .slick-slider  ul{margin: 0;}

/*/////////////// Harmonica ///////////////*/

.harmonica{margin: 0rem 0 2rem;}
.harmonica-item{margin-bottom: 0.3rem;}
.harmonica-title {cursor: pointer; font-size: 1em; border-bottom: 2px solid #FFB300; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 800; line-height: 1.3em; padding: 0.7rem 0 1.1rem 0rem;  }

.no-touch .harmonica-title:hover{color: #FFB300; }
.harmonica-title.active{color: #FFB300; }
.harmonica-title.active::before{transform: rotate(90deg);}
.harmonica-content { display: none; padding: 1rem 0 2rem 0rem;}
.harmonica-content p{font-size: 1.1em}



/* content */

.btngroup a{margin: 0 1.3em 1em 0; float: left; }
.blockphotointro img{object-fit: cover; height: 37vw; max-height: 37em; min-height: 37em;}
.page-home .blockphotointro img{object-fit: cover; height: 50vw; max-height: 50em; min-height: 30em;}
.blockphotointro img.imgdesktop{display: block;}
.blockphotointro img.imgmobile{display: none;}
.blockintrotext{color: #008241;}
.blockintrotext .btngroup a{margin: 0 1em 1em 1em; float: none; }
.blockintrotext article .btngroup{margin-top: 1.6em;}

.blockphotointro .videoWrapper{cursor: pointer;}
.blockphotointro video{width: 100%; height: 100%;}
.blockphotointro .play-button{color: #FFB300;}

footer .column, footer .column nav, footer .column .socials, footer .column p{width:auto;}
footer .column{min-width: 10em;}
footer .firstpart .column nav a{width:auto; position:relative; float: left; display:block; clear: both; font-weight: 600;}
footer .socials{margin: 7em 0 0em; float:left; clear: both;}
.socials a {width: auto; font-size: 1.3em; margin-right: 0.6em;}
footer .column p{float: left; clear: both;}
footer a{text-decoration: none; color:inherit;}
footer .map{width:10em; height:auto; position: absolute; right:-2em; top:0; border-radius: 50%; overflow:hidden;}
footer .flex{gap:5%;}
footer .secondpart nav{width:auto; margin-right:2em;}
footer .secondpart nav a{width:auto; position:relative; float: left; display:block; font-weight: 600; margin-right: 1.5em;}
footer .copyright{width:auto; position:relative; display:block; font-weight: 500; width:auto}

footer .beeldmerk{position: absolute; right: 2rem; bottom: 2.6rem; width: 1em; height: 1em; font-size: 3em; color: #212121;}

.slick-slider .slick-track, .slick-slider .slick-list{overflow: visible!important;}

.blockfeatures .slider .slide .inner{background-color: #F6F6F6; padding-bottom:56.25%; height:0; border-radius:0.9em; overflow: hidden;}
.blockfeatures .inner .topcontent{position:absolute;width:100%; text-align:center; top:2em; left: 0;}
.blockfeatures .inner .topcontent h2{ text-align:center; width:auto; padding: 0.4em 0; display:inline-block; text-transform: uppercase; float:none; font-size:1.3em; }
.blockfeatures .inner .topcontent h2{ border-bottom:2px solid;}
.blockfeatures .inner .topcontent h2 span{color: #212121;}
.blockfeatures .content{pointer-events: none;}
.blockfeatures .slider .slide .inner .thumb{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.blockfeatures .slider .slide .inner .content{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.blockfeatures .bottomcontent{position: absolute; bottom: 0; padding:5em 8%; pointer-events: none;}
.blockfeatures .bottomcontent .nexttrigger{float: right; width: auto; cursor: pointer; pointer-events:auto;}
.blockfeatures article{padding: 8em 8% 8% 8%; width:calc(100% - 20em); max-width: 48em; box-sizing:border-box; }
.blockfeatures article .btngroup{margin-top: 0.6em; pointer-events: auto;}
.blockfeatures article .btngroup a{margin: 0 1.3em 1em 0; float: left; clear: both;}
.blockfeatures article h2{position: relative; float: left; clear: both; font-size: 3.5em; text-transform: uppercase; line-height: 1.07em;}
.blockfeatures article h4{position: relative; float: left; clear: both; font-size: 1.06em; text-transform: uppercase; margin-bottom: 0.6rem;}
.blockfeatures .videohand{position: absolute; right: 0; border-bottom: 0; width: 50%; height: 100%; bottom:0; max-height: 70em;}
.blockfeatures .videohand .hand{position: absolute; top:50%; left: 50%; pointer-events: none; transform: translate(-50%, -50%); width: 100%; max-width: 40em; height: 100%; background-image:url("../img/elements/iphonehand.png"); background-size: cover;  background-position:center center; }
.blockfeatures .videohand video{position: absolute; height:62%;  width:auto; pointer-events: none; top:50%; left: 50%; transform: translate(-50%, -50%);}
.blockfeatures .videohand .fallback-poster{position: absolute; height:62%!important;  width:auto!important; min-height: auto!important; max-height: auto!important;  pointer-events: none; top:50%; left: 50%; transform: translate(-50%, -50%);}
.blockfeatures .videothumb .play-button::after{color: #FFB300;}
.blockfeatures .videothumb{position: absolute; width: 100%; height: 100%; left: 0; s: 0; padding-bottom: 0; min-height: 0; border-radius: 0;}
.blockfeatures .firstvideo video{width: 100%; height: 100%;}
.blockfeatures .btngroup .btnline{color: #FFB300;}

.blockfeatures .solotext article{width: 100%!important; max-width: 50rem; text-align: center; padding: 9em 10% 8% 10%; left: 50%; transform: translateX(-50%);}
.blockfeatures .solotext article h2{font-size: 2.4em!important; width: 100%;}

.blocklabel h4{font-size: 1.125em; text-transform: uppercase; margin-bottom: 0; border-bottom: 2px solid; line-height: 2em; padding-right: 2em; min-width: 10em;}
.blocksuccesstories .article {width: 100%;}
.blocksuccesstories .article .image{width: 100%; height: 0; min-height: 12em;}
.blocksuccesstories .article .image .thumb{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
.blocksuccesstories .article h2{text-transform: uppercase; font-size: 1.3125em;}
.blocksuccesstories .article .preview{background-color: #272727; color: #fff; padding: 2em 2.2em 2.2em;}
.blocksuccesstories .article.hero .preview{padding: 6% 6%;}
.blocksuccesstories .article.hero .inner2{display:flex; flex-flow: row wrap; align-items: stretch;}
.blocksuccesstories .article.hero .image, .blocksuccesstories .article.hero .preview{width: 50%; height: auto; padding-bottom: auto;}
.blocksuccesstories .article.normal{width: 33.333%;}
.blocksuccesstories .article.hero h2{text-transform: uppercase; font-size: 2em;}
.blocksuccesstories .article{margin-bottom: 2em;}
.blocksuccesstories .storiesslider{ width:calc(100% + 2em); left:-1em;  }
.blocksuccesstories .storiesslider .article{padding:0 1em;}
.blocksuccesstories .storiesslider .article .inner2{border-radius: 0.8em; overflow: hidden;}
.blocksuccesstories .article .btn{color: #FF5820; margin-bottom: 0; margin-top: -0.4em;}
.blocksuccesstories .slick-dots{bottom: -2em;}
.blocksuccesstories .storiesslider .slick-list{overflow:hidden!important;}
.blocksuccesstories .storiesslider .slick-dots li.slick-active button::before {color: #FF5820;}
.blocksuccesstories .storiesslider .slick-dots li button::before {color: #212121;}

.blockconcepts .allconcepts .inner{width: calc(100% + 2em); left: -1em;}
.blockconcepts .singleconcept{width: 50%; padding: 0 1em 2em; }
.blockconcepts .singleconcept .inner2{border-radius:0.7em; overflow: hidden;}
.blockconcepts .preview span{color: #fff;}
.blockconcepts .singleconcept .image{width: 100%; height: 0; padding-bottom: 70%;}
.blockconcepts .singleconcept .image .thumb{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
.blockconcepts .singleconcept h2{text-transform: uppercase; font-size: 1.6em; line-height: 1.6em; margin-bottom: 0; border-bottom: 2px solid; width: auto; text-align: center; display: inline-block; float: none;}
.blockconcepts .singleconcept .preview{background-color: #272727;  padding: 2.2em 2.2em 2.8em; text-align: center;}
.blockconcepts .singleconcept h4{font-size: 0.875em; text-transform: uppercase; margin-bottom: 0.5rem;}

.blockcases .allcases h2{font-size: 2.875em; text-transform: uppercase; max-width:11em; line-height:1.1739em; }

.blockcases .allcases .headtitel{text-align: center; margin-top: -2.8em; margin-bottom: 3rem;}

.blockcases .allcases .slidercases .singlecase .preview{text-align: left;}
.videothumb{position: relative; float: left; width: 100%; height: 0; padding-bottom: 56.25%; min-height: 10em;border-radius:0.9em; overflow: hidden;}
.videothumb iframe{position: absolute; left:0; top:0; width: 100%; height: 100%;}

.blockcases .allcases .slidercases .singlecase h2{border-bottom: 2px solid; margin-top: 2rem; margin-bottom: 1.6rem; width: auto; font-size: 2em; line-height: 1.125em; padding: 0 0 0.3em; float: left; text-align: left; max-width:50em; /*left:50%; transform: translateX(-50%);*/}
.blockcases .allcases .slidercases .singlecase h2 span{color: #212121;}
.blockcases .allcases .slidercases .singlecase p{text-align: left; color: #212121;  max-width: 50em; float: left; clear: both;}
.blockcases .allcases .slidercases .singlecase .preview{opacity: 0; transition: opacity 0.5s ease;}
.blockcases .allcases .slidercases .singlecase.slick-active .preview{opacity: 1;}
.blockcases .allcases .slidercases .slickie-next{ top: 10em; margin-top: 3em; right: 1rem}
.blockcases .allcases .slidercases .slickie-prev{ top: 10em; margin-top: 3em; left: 1rem}
.blockcases .videothumb video{width: 100%; height: 100%; position: absolute; left:0; top: 0;}
.blockcases .allcases .slickbtn::after{color: #ED78B0;}

.blockbrands{color: #fff;}
.blockbrands .thumb img{object-fit: contain;}
.blockbrands .slick-list{overflow: hidden!important;}
.blockbrands .inner .singlebrand .thumb{padding-bottom: 60%}
.blockbrands .slickie-next{right: -0.3em;}
.blockbrands .slickie-prev{left: -0.3em;}
.blockbrands .inner .slickbtn::after{color: #fff;}


.play-button{ font-size: 10em; width: 1em; height: 1em; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); display: none; cursor: pointer; pointer-events: none;}
.play-button::after{position: absolute; left: 0; top:0; line-height: 1em; text-align: center; content: "\e906"; font-family: "paradox";}
.videothumb iframe{pointer-events: none;}
.videothumb{cursor: pointer;}
.videothumb.paused .play-button {
   display: block;
}
.videothumb.paused .play-button::after {
   content: "\e906";
}


.blockstorypreview .thumb{height: 55vw;}
.blockstorypreview .content{width: auto; text-align: center; top:auto; bottom: 3em;}
.blockstorypreview .btn{background-color: #461FDB; color: #fff;}
.blockstorypreview .btngroup a{margin: 0 1em 1em 1em; float: none; }

.logobig{position: relative; float: none; display: inline-block; z-index: 2; top:0rem; margin-bottom: 1.8rem; margin-top: 5.8rem; font-size:4em; width: 5.3em; height: 1em;}
.logobig::before{font-family: "paradox"; content: "\e900"; color: #fff; position: absolute; left: 0; top:0; font-size: 1em; line-height: 1em; transform: translateY(0); transition: color 0.7s ease 0.3s, transform 0.6s ease 1s, opacity 0.6s ease 1s;}

footer{background-color: #212121; color: #FFB300;}
footer .logo{float: none; display: inline-block;}
footer .column {width: auto; margin-bottom: 2em;}
footer .column p, footer .column h3, footer .column a, footer .column nav{float: left; clear: both;}

blockquote{letter-spacing: 0em; font-family: "Trirong"; font-size: 2.375em; line-height: 1.315em; font-weight: 600; margin-bottom: 4rem;}
blockquote p{font-size: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; margin-bottom: 0;}
blockquote strong{font-family: inherit; letter-spacing: inherit;  font-size: 1.375rem; position: relative; float: left; display: block; line-height: 1.5em; margin-top: 3.6rem;}
blockquote strong::before{position: absolute; top:-0.5em; width: 1.8em; height: 2px; background-color: #FF5820; content: "";}

.blockdoublephoto .photo{width: 55%; margin-bottom: 1.75rem;}
.blockdoublephoto .photo:first-child{float: left;}
.blockdoublephoto .photo:last-child{float: right; margin-top: -30%;}
.blockdoublephoto .photo img{border-radius: 0.7em; margin-bottom: 0}
.blockdoublephoto .content{margin-top: 0.9em;}

.blockdoublephoto .content .zin1, .blockdoublephoto .content .zin2{line-height: 1.625em;letter-spacing: 0.12em;}
.blockdoublephoto .content .zin1{font-weight: 800; }

.blockphoto .content {
  margin-top: 0.9em;
}
.blockphoto img{margin-bottom: 0;}
.blockphoto .content .zin1, .blockphoto .content .zin2{line-height: 1.625em;letter-spacing: 0.12em;}
.blockphoto .content .zin1{font-weight: 800; }

.blockcta .paper {background-color: #212121; }
.blockcta .paper h2{color: #fff; margin-bottom: 2rem}

.wpcf7 label{text-transform: uppercase; font-weight: 800; line-height: 3em; display: block; position: relative;}
.page-default .wpcf7 input[type="submit"]{position: relative; display: inline-block; width: auto; line-height: 1.8em; text-transform: uppercase; box-sizing: border-box; font-size: 0.875em;font-weight: 800; border-radius: 0.45em; letter-spacing: 0.08em; background-color: #FFB300; color: #212121; padding: 0.4em 3em;}
/*/////////////// Uitzonderingen ///////////////*/

.default img{border-radius: 0.8em;}
.default p + blockquote {margin-top: 3rem;}
.default p + h2{margin-top: 3rem;}
.default p + h3{margin-top: 3rem;}
.default h1, .default h2, .default h3, .default h4, .default h5{float: left; clear: both;}
.default p + img{margin-top:2rem;}
.default img + p{margin-top:2rem;}
.default h2 + img{margin-top:2rem;}
.default img + h2{margin-top:2rem;}
.default blockquote + h2{margin-top: 4rem;} 
.default blockquote + h3{margin-top: 4rem;} 
.default blockquote + p{margin-top: 2rem;} 
.default p + .btngroup{margin-top: 1rem;}
.blockcta:last-child{margin-bottom: 8em;}

video.videodesktop{display: block; position: relative; width: 100%; float: left;}
video.videomobile{display: none; position: relative; width: 100%; float: left;}
.posterdesktop{display: block!important;}
.postermobile{display: none!important;}

.image img{border-radius: 0!important;}

.fallback-poster{position: absolute; left: 0; top:0; width: 100%!important; height: 100%!important; max-height: 100%!important; min-height: 100%!important; object-fit: cover;}
.videoWrapper video{ position: relative; }

.page-home .blockphotointro .videoWrapper{aspect-ratio: 16 / 9;}

.whatsappbtn{position: fixed; bottom: 4%; right: 4%; width:3.4em; height: 3.4em; background-color: #008241; cursor: pointer; border-radius: 50%; background-image: url('../img/elements/whatsapp.svg'); background-size: 65% ; background-position: center center; background-repeat: no-repeat;}
.whatsappbtn a{position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; border:none; text-decoration: none;}
/*/////////////// Media Queries ///////////////*/

@media screen and (min-width: 1200px) {
  
  
}

@media screen and (max-width: 1450px) {


}

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

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

  header nav{ gap: 1em 3%;}
  
}


@media screen and (max-width: 1260px) {
  footer .column {width: 30%;}
}

@media screen and (max-width: 1100px) {
  
  header .mainnav{display:none;}
  header .hamburger{display:block;}
  .blockfeatures .slider .slide .inner{padding-bottom: 100%}
  
  .blockfeatures article{max-width: 38em;}
  .blockfeatures .slider .slide .inner{height: auto; padding-bottom:0;}
  .blockfeatures video.videodesktop{display: none;}
  .blockfeatures video.videomobile{display: block;}
  .blockfeatures .slider .slide .inner .firstvideo{position: relative; float: left; width: 100%; padding-bottom: 100%;}
  .blockfeatures .slider .slide .inner .firstvideo video{position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
  .blockfeatures .slider .slide .inner .content{position: relative; float: left; height: auto;}

  .blockfeatures .videohand{max-height: 50em;}
  .blockfeatures .bottomcontent .nexttrigger{right: 50%; transform: translateX(50%);}
  .page-home .blockphotointro .videoWrapper{aspect-ratio: auto;}
  .blockfeatures .solotext .inner .content{padding-bottom: 7em!important;}
  .blockfeatures .bottomcontent{padding-bottom: 6.3em;}
}

@media screen and (max-width: 1020px) {

  html{font-size: 15px;}
  .blockstorypreview .thumb{height:100vw;}
  .blockstorypreview .logobig{font-size: 3em;}
  .blockfeatures article h2{font-size: 3em;}

} 

@media screen and (max-width: 980px) {
   footer .column {width: 40%;}
   .blockcases .allcases h2{font-size: 2.2em; margin-bottom: 0;}
  .blockcases .allcases .headtitel{margin-top: 3rem;}

}

@media screen and (max-width: 850px) {
   html{font-size: 14px;}
   .blocksuccesstories .article.hero .image, .blocksuccesstories .article.hero .preview{width: 100%;}
  .blocksuccesstories .article.hero .inner2{border-radius: 0.8em; overflow: hidden;}
    .blocksuccesstories .article .image{min-height: 13em;}
   .blocksuccesstories .article.hero .image{min-height: 26em;}
   footer .logo{float: left; display: block;}
   .blockfeatures .slider{width: calc(100% + 4rem); left: -2rem;}
   .blockbrands .allbrands .inner{width: calc(100% + 4rem); left: -2rem;}
   .blockfeatures .slider .slide .inner { border-radius: 0em; }
   .blockfeatures .slickie-next{ top:0.8em; transform:translateY(0); right:1em; z-index:3; }
   .blockfeatures .slickie-next::before{display: none;}
  .blockfeatures .slickie-prev{ top:0.8em; transform:translateY(0); left:1em; z-index:3 }
  .blockfeatures .slickie-prev::before{display: none;}
  .blockbrands .allbrands .slick-slide{opacity: 0.2; transition: opacity 0.3s ease;}

  .blockbrands .allbrands .slick-active{opacity: 1; }
  .blockbrands .allbrands .inner .slickie-next{ top:1.3em; transform:translateY(0); right:0.5em; z-index:3; display:none!important; }
  .blockbrands .allbrands .inner .slickie-next::before{display: none;}
  .blockbrands .allbrands .inner .slickie-prev{ top:1.3em; transform:translateY(0); left:0.5em; z-index:3; display:none!important;}
  .blockbrands .allbrands .inner .slickie-prev::before{display: none;}
  .blockconcepts .singleconcept{width: 100%;}
  .blockcases .allcases .slidercases .singlecase h2{font-size: 1.8em;}
  .blockcases .allcases h2{font-size: 1.8em;}
  .blockphotointro img{height: 120vw;
  max-height: 50em;}
  .blockphotointro img.imgdesktop{display: none;}
  .blockphotointro img.imgmobile{display: block;}
  video.videodesktop{display: none;}
  video.videomobile{display: block;}
  .posterdesktop{display: none!important;}
.postermobile{display: block!important;}
   .blockcases .videothumb{position: relative; float: left; width: 100%; padding-bottom: 100%;}
 
}

@media screen and (max-width: 820px) {
  .blockfeatures article{max-width: 100%; width: 100%;}
  .blockfeatures .videohand{width: 100%;}
  .blockfeatures .slider .slide .inner .content{padding-bottom: 42em;}
  .blockfeatures .solotext article{text-align: left; padding: 9em 8% 8% 8%;}

  .blockfeatures article .btngroup a{position: relative; clear: none; float: left; display: block;}
  .blockfeatures article h2{font-size: 2.6em;}
}

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

@media screen and (max-width: 650px) {
 footer .column {width: 70%;}
}

@media screen and (max-width: 560px) {
  .blockcases .allcases .slidercases .slickie-next{ display:none!important; }
  .blockcases .allcases .slidercases .slickie-prev{ display:none!important; }
  .blockcases .allcases .slidercases .slickie-next::before{display: none;}
  .blockcases .allcases .slidercases .slickie-prev::before{display: none;}
  .blocksuccesstories .article.hero h2{font-size: 1.8em;}
  .blockconcepts .singleconcept h2{font-size: 1.4em;}
  .blockfeatures .inner .topcontent h2{font-size: 1.4em;}
  html{font-size: 13px;}
  p strong{font-size: 1.3em;}
  .blockconcepts .singleconcept .preview{padding: 1.6em 1.4em 2em;}
}

@media screen and (max-width: 450px) {

  html{font-size: 12px;}

}

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

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

  html{ font-size: 11px;}

}

@media screen and (max-height:950px) {
 
}

@media screen and (max-height:760px) {

}

@media screen and (max-height:720px) {

}

@media screen and (max-height:600px) {


}