.bgwrap{
	padding-top: 70px;
	height: calc(80vh - 103px);
	position:relative;
}
@media(max-height:1000px) AND (max-width: 992px){
	.bgwrap{ 
		height: auto;  
		padding-top: 70px;
		padding-bottom: 50px;
	}
}
h1{
	color: white;
	font-weight: bold;
}
.blur{
	width: 100%;
	height: 100%;
	position:absolute; 
	top:0;
	left:0;
  background-color: rgba(0, 0, 0, 0.3); 
}
@media(min-width: 992px){		
	.blur{
		width: calc((50vw - 480px) + 560px); 
	}  
}
@media(min-width: 1200px){		
	.blur{
		width: 50%; 
	}  
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {  
  .blur { 
		backdrop-filter: brightness(1.1) blur(4px); 
    -webkit-backdrop-filter: brightness(1.1) blur(4px);  
  }
}

.z2{
	position:relative;
	z-index: 2;
}

.tegeltrends{
	border-bottom: 7px solid #F07C4B;
	position:relative;
	text-decoration: none;
	transition: padding 0.2s ease-in;
}
.tegeltrends:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: calc(100% - 15px); 
	background: rgba(255,255,255,.66);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	z-index:-1;
	transition: height 0.2s ease-in, background 0.2s ease-in ;
}
@media(max-width: 569px){ 
	.tegeltrends:after{ 
		height: 100% ;
	}
}

.tegeltrends img{
	position:relative;
	z-index: 2;
}
.tegeltrends h2{
	color: #F07C4B;
	transition: margin 0.2s ease-in;
}
.tegeltrends h4{
	color: #716C64;
}
@media(min-width: 992px){ 
	.tegeltrends:hover{
		padding-bottom: 15px;	
		transition: padding 0.2s ease-in;
	}
	.tegeltrends:hover h2{
		margin-bottom: 16px;
		transition: margin 0.2s ease-in;
	}
}
.tegeltrends:hover:after{
	content:'';  
	background: rgba(255,255,255,.86);
	transition: height 0.2s ease-in, background 0.2s ease-in ;
}
@media(min-width: 570px){ 
	.tegeltrends:hover:after{ 
		height: calc(100% - 5px);  
	}
}

.usp{
	height: 200px;
	padding-right: 210px; 
	padding-left: 15px;
	position:relative;
	font-weight: bold;
	display: flex;
	align-items:center;
	margin-bottom: 10px;
	font-size: 1.25rem; 
} 
@media(min-width: 768px){ 
	.usp{
		height: 160px;
		padding-right: 210px;
		padding-left: 152px;
		position:relative;
		font-weight: bold;
		display: flex;
		align-items:center;
		margin-bottom: 10px;
		font-size: 1.25rem; 
	}
	.usp:before{
		content:'';
		width: 112px;
		height: 100%;
		background: url(/images/check.svg) no-repeat center center;
		background-size: 38px auto;
		border-right: 1px solid white;
		position:absolute;
		top:0;
		left:0;
	}
}
@media(max-width: 768px){
	.usp{
		background-image: none !important;
		padding-right: 15px; 
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media(max-width: 570px){
	.square:after{
		display: none;
	}
	.square .squarecontent {
		position: static;
	}
} 

.reviews{
	height: 350px;  
	border-right: 1px solid white;
} 
.reviews .swiper{
	margin-left: 80px;
	margin-right: 80px; 
} 
.reviews .swiper .swiper-button{
	position: absolute;
	top: 0; 
	height: 100%;
	margin-top:0;
}
.reviews .swiper-button:after{
	font-size: 0;  
}
.reviews .swiper-button-next{
	right:0;
  background-image: url(/images/next2.svg);
  background-repeat: no-repeat;
  background-size: 38px auto;
  background-position: center;
	width: 80px !important;
}
.reviews .swiper-button-prev{ 
	left:0;
  background-image: url(/images/prev2.svg);
  background-repeat: no-repeat;
  background-size: 38px auto;
  background-position: center;
	width: 80px !important;
}


.videowrapper{ 
	border-left: 9px solid #F07C4B;   
}



.reviewinset{
	border:0;
}
.reviewinset:hover{
	padding-bottom: 16px !important;	
	transition: padding 0.2s ease-in,  background 0.2s ease-in;
	background: rgba(255,255,255,.92);
}
.reviewinset:hover h2{
	margin-bottom: 16px !important;	
	transition: margin 0.2s ease-in;
} 
@media(max-width: 767px){
	.reviewinset{
		display: block
	}		
	.reviewinset p {
		text-align: left;
	}
	.reviewinset .reviewtitle br{
		display: none !important;
	}
}

@media(min-width: 992px){
	.h-md-50{
		height: 50% !important;
	}
	.h-md-25{
		height: 25% !important;
	}
}

@media(max-width: 767px){
	.boek{
		margin-top:20px;
	}
}