/* Home */
.home-intro-wrapper { background-color:#F5F5F5; }
.text-foto-wrapper { background-color:#1C364D; }
.intro-row, .foto-row > .col, .banner-content { background-repeat:no-repeat; }

.home-intro-wrapper, .content-wrapper, .text-foto-wrapper, .product-wrapper, .blogbanner-wrapper { margin-bottom:30px; }

.link-box { 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end; 
	
}

.link-box h3 { line-height:1.1;letter-spacing:0.2px }

.banner-content { background-color:#A5E2F9;padding:40px;background-position:right bottom; }
.smaller-buttons .btn { padding:9px 12px; }


.foto-row > .col { background-position:center center;background-size:cover; }
.swiper-pagination {
    position: unset;
}
/*
.merken .swiper-button-next:after {
    content: '\F135';
} 
.merken .swiper-button-prev:after {
    content: '\F12C';
}
*/
@media (min-width: 1024px) {
	.intro-row {
    	background-position: bottom right;
    	background-size: 50%;
    }
	.infopart {
        padding-bottom: 20px;
    }
	h1 {  }
	.link-boxes .swiper-wrapper .swiper-slide { display: flex;flex-direction: column;  }
	.link-boxes .swiper-wrapper .link-box { height:375px;padding:20px; }
	.link-boxes .swiper-wrapper .link-box .btn {  }
	.banner-content .tekst { font-size:26px;font-weight:400;line-height:1.3;color:#373737; }
	.banner-content > .row { min-height:200px; }
	.tekstfotorechts { padding:60px }
}

@media (min-width: 768px) and (max-width: 1023px) {
    
    .infopart {
        padding-bottom: 100px;
        padding-top: 20px;
    }
    .intro-row {
    	background-position: bottom right;
    	background-size: 60%;
    }
    .text-white {
    	padding: 20px;
    }
    .links .swiper-wrapper .link-box { height:320px;padding:15px; }
    .link-boxes.swiper-backface-hidden .swiper-slide, .blogs.swiper-backface-hidden .swiper-slide {
	    max-width: 240px;
	}
}

@media (max-width: 480px) {
    h1 { font-size:30px;letter-spacing:0.5px;line-height:34px; }
	.topbar {
		padding:10px;
	    background-color: inherit;
	    color: #1d1d1d;
	}

    .container.links { padding-top: 30px; }
	.intro-row {
		color: #fff;
	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	    padding:30px 10px 20px;
	    position:relative;
	    z-index: 1;
	}
	.link-boxes.swiper-backface-hidden .swiper-slide, .blogs.swiper-backface-hidden .swiper-slide {
	    min-width: 200px;
	}
	.merken .swiper-slide { width:135px !important;margin-right:10px !important; }

	.links .swiper-wrapper .link-box { height:240px;padding:15px; }

	.product-slider { margin-bottom:0px; }
    
	.dark-overlay { position:absolute;width:100%;height:100%;left:0;top:0;background-color: rgba(0,0,0, 0.25);z-index:-1 }
	.cat-item h3 {  }
	.background-col { min-height:350px; }
	.foto-row .text-white { padding: 20px 10px; }
	.banner-content { padding:20px;background-size:200px; }
	.banner-content h2 { font-size:26px; }
	.banner-content .tekst { font-size:16px; }
	.cat-item h3 {
	    font-size: 16px;
	    width: 290px;
	}
	.cat-item p { font-size:14px; }
	.allelink { font-size:14px; }
}
@media (max-width: 380px) {

    .merken .swiper-slide {
        width: 115px !important;
        margin-right: 5px !important;
    }
    .product-wrapper {
    	margin-bottom: 0;
    }

}