/*///// Basis template fixes /////*/

.sc-1tu9fip-2 .fYHk{max-width: calc(100% - 0px);}
.sz-introslider{background:none!important; min-height:0em!important;}
.sz-introslider::after{display: none!important;}

/*///// Basis elementen /////*/

.bgyellow{background-color: #FFBB28; color: #fff;}
.bgred{background-color: #FF674F; color: #fff;}
.bgpurple{background-color: #9282AF; color: #fff;}
.bgblue{background-color: #54B9CB; color: #fff;}

.widthlarge{ margin: 0px auto; width: 100%; max-width: calc(100% - 48px);}


/*///// slider elementen /////*/

.sz-introslider .sz-slide{height: 40svw; min-height: 30em; max-height: 36em; display: flex!important; flex-flow: row wrap; align-items: stretch; overflow: hidden;}
.sz-introslider .sz-slide .widthlarge{display: flex!important; flex-flow: row wrap; align-items: stretch;}
.sz-introslider .sz-slide .sz-inner{position: relative; padding-left:8px; padding-right:8px; padding-top: 40px; padding-bottom: 40px; display: flex!important; flex-flow: row wrap; align-items: center; box-sizing:border-box; width: 100%;}

.sz-introslider .sz-slide .sz-content{position: relative; float: left; width:30em; display: block!important; z-index: 2;} 
.sz-introslider .sz-slide .sz-title{font-size: 54px; font-weight: 500; line-height: 1.1em; letter-spacing: -0.01em; margin-bottom: 0.7em;}
.sz-introslider .sz-slide .sz-title span{display: inline!important; float: none;}
.sz-introslider .sz-slide .sz-title strong{font-weight: 600; position: relative; float: none; display: inline!important; width: auto;}

.sz-btn{position: relative;	display: block;	float: left; width: auto; background: none; color: inherit; margin: 0px; font-size: 18px; line-height: 1.2em; font-weight: 600; font-style: normal; text-transform: none; font-family: custom_915; text-align: center; border-radius: 4px; text-decoration: none; padding: 13px 17px; border: 2px solid; }

.sz-introslider .sz-slide .sz-persoon{ max-height: 40em; height: 100%; width:24em; position: absolute; left: 50%; transform: translate(-50%); bottom: 0; overflow:hidden;/* transition:transform 0s ease 0.6s; */}
.sz-introslider .sz-slide .sz-persoon img{position: absolute; width: 100%; height: auto; left: 0; top: 2em;  }

.sz-introslider .sz-slide .sz-quote{position: absolute;   width:17em; right: 0; bottom: 5em; display: block!important; z-index: 2;transform: translate(0, -2em); opacity: 0;  transition: transform 0s ease 0.6s, opacity 0s ease 0.6s; } 
.sz-introslider .sz-slide .sz-quote-frase{font-size: 1.8em; font-weight: 600; line-height: 1.25em; }
.sz-introslider .sz-slide .sz-quote-name{font-size: 1em; font-weight: 400;  margin-top: 0.7em;}
.sz-introslider .sz-slide .sz-quote-name strong{font-size: 1em; font-weight: 600; position: relative; display: inline-block!important; width: auto; float: none;}
.sz-introslider .sz-slide .sz-quote-name span{display: inline!important; float: none;}
.sz-introslider .sz-slide .sz-read-more a{text-decoration: none; font-weight: 600; color: inherit; margin-top: 0.7em; font-size: 1em; }
.sz-introslider .sz-slide .sz-read-more a span{position: relative; display: inline-block!important; font-weight: 400; font-size: 1.2em; top: 0.09em; margin-left: 0.15em;}

/*///// Animaties /////*/

.sz-introslider .slick-current .sz-quote{transform: translate(0,0); opacity: 1;transition: transform 0.5s ease 0.5s, opacity 0.5s ease 0.5s;}



/*///// Slick /////*/

.slick-dots {
	position: absolute; 
	left:0;
	z-index: 3;
	box-sizing: border-box;
	bottom: 1.5em;
}

.slick-dots .inner{
	position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0 8px;
}

.slick-dots li {
  width: auto;
  height: 5px;
  position: relative;
  display: block;
  float: left;
  margin: 0 8px 0 0;
}

.slick-dots li button{
	position: relative;
	display: block;
	width: 34px;        
  	height: 5px;     
  	opacity: 1;  
  	cursor: pointer;
}

.slick-dots li button::after {
	content:'';
	position: absolute;
	bottom: 0;	
	left: 0;
	display: block;
  	padding: 0;
  	width: 100%;
  	height: 1px;
  	background: #fff;
  	border: none;
  	border-radius: 0;
	opacity: 1;        
	transition: height 0.3s ease;
}

.slick-dots li button:before {
  content: "";
  display: none !important; /* verwijder standaard slick rondje */
}

.slick-dots li.slick-active button{
	opacity: 1; 
}

.slick-dots li.slick-active button::after {
  height: 4px;      /* 3px */
  opacity: 1;          /* actief ook volledig zichtbaar */
  background: #fff;
}



@media only screen and (min-width: 768px) {
	.jIYAZB, .dbJNvX { max-width: calc(100% - 48px); }
}


@media only screen and (min-width: 992px) {
  	.widthlarge {max-width: 920px;}
}

@media only screen and (min-width: 1200px) {
  	.widthlarge {max-width: 1152px;}
}

@media only screen and (min-width: 1400px) {
	.jIYAZB, .dbJNvX {max-width: 1300px;}
	.widthlarge {max-width: 1300px;}
}
@media only screen and (max-width: 1325px) {
	.sz-introslider .sz-slide .sz-title{font-size: 50px;}	
}

@media only screen and (max-width: 1025px) {
	.sz-introslider .sz-slide .sz-title{font-size: 40px;}
}

@media only screen and (max-width: 992px) {
	.sz-introslider .sz-slide .sz-inner{align-items: flex-start;}
	.sz-introslider .sz-slide{min-height: 40em;}
	.sz-introslider .sz-slide .sz-persoon{max-height: 34em;}
	.sz-introslider .sz-slide .sz-persoon img{object-fit: cover;}
}

@media only screen and (max-width: 700px) {
	/*.sz-introslider .sz-slide .sz-inner{align-items: stretch;}
	.sz-introslider .sz-slide .sz-content .sz-btngroup{position: absolute; left: 0; bottom: 11.2em;}*/
	.sz-introslider .sz-slide{min-height: 38em;}
	.sz-introslider .sz-slide .sz-persoon{width: 20em;}
	.sz-introslider .sz-slide .sz-persoon img{top: 9em;}
	.sz-introslider .sz-slide .sz-quote .sz-quote-frase{display: none!important;}	
	.sz-introslider .sz-slide .sz-quote{width: 14em; bottom: 4.5em; right: auto; left: 8px;}
	.sz-btn{font-size: 16px; padding: 11px 15px;}
}
@media only screen and (max-width: 500px) {
	.sz-introslider .sz-slide .sz-title{font-size: 35px;}

}
@media only screen and (max-width: 420px) {
	.sz-introslider .sz-slide .sz-title{font-size: 33px;}
	.sz-btn{font-size: 15px; padding: 10px 14px; border: 1px solid;}
	.sz-introslider .sz-slide .sz-inner{padding-top:38px; }

	.gVEdnx{max-height: 35%;}
	.ciZwhu{}
	.ciZwhu{min-height: 60px!important;padding-top: 12px!important; padding-bottom: 12px!important;}
	.kpbPYm{padding: 2em 0!important;}
}