.overlbpd-foto .inner {
	max-width: 1100px;
	margin:0 auto;
}
.overlbpd-foto .over-img .row > div {
	width: 100%;
}
.overlbpd-foto .over-img .row {
	position: relative;
	display: flex;
	min-height: 500px;
}
.overlbpd-foto .over-img {
	/*display: flex;
	flex-wrap:wrap;
	position: relative;*/
}

.overlbpd-foto img {
	position: relative;
	z-index: 1;
	width: 100%;
}

.overlbpd-foto .center .over-img-float{
	width: 120%;
    left: -10%;
    right: 0;
    top: 15%;
}
.overlbpd-foto .topleft .over-img-float{
	left:-40px;
	top:-40px;
}
.overlbpd-foto .bottomleft .over-img-float{
	left:-40px;
	bottom:-40px;
}

.overlbpd-foto .topright .over-img-float{
	right:-40px;
	top:-40px;
}
.overlbpd-foto .bottomright .over-img-float{
	right:-40px;
	bottom:-40px;
}
.overlbpd-foto .over-img-float {
	z-index: 0;
	position: absolute;
	height: 70%;
	width:70%;
}
.overlbpd-foto .red .over-img-float {
	background-image: url(/img/patroon-rood.png)
}
.overlbpd-foto .white .over-img-float {
	background-image: url(/img/patroon-wit.png)
}
.overlbpd-foto .orange .over-img-float {
	background-image: url(/img/patroon-oranje.png)
}

.overlbpd-foto .over-img .row .img2 {
	position: absolute;
	right: 0;
	top:100px;
}
.overlbpd-foto .over-img .row .img3 {
	position: absolute;
	left: 50px;
	top:100px;
}
.overlbpd-foto .over-img .row .img4 {
	position: absolute;
	right: 0;
	top:250px;
}
.overlbpd-foto .over-img .row .img5 {
	position: absolute;
	left: 100px;
	top:100px;
}


.overlbpd-foto .over-img .row:last-of-type {
	min-height: 361px;
}

.overlbpd-foto .over-img .row > div {

}
@media (min-width: 981px) and (max-width: 1100px){
	.over-img .row {
		min-height: 340px !important;
	}
	.over-img {
	    max-width: 775px;
	    margin:0 auto;
	}
}
@media(min-width: 981px){
	.over-img {
		padding-left: 30px;
		padding-right: 30px;
	}
} 
@media(max-width: 981px) { 
	.overlbpd-foto .over-img .row:last-of-type {
		margin-bottom: 0px !important;
	}
	.overlbpd-foto .over-img .row:last-of-type {
		padding-top: 40px;
		display: block;
		min-height: auto;
		
	}
}
@media (min-width: 768px) and (max-width: 981px) { 

/*	.overlbpd-foto .over-img {
	    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content; 
	    margin: 0 auto;
	    max-width: 100%;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.overlbpd-foto .clearfix:after {
		display: none !important;
	}
	.overlbpd-foto .over-img .row:last-of-type {
		margin-top: 90px;
	}
	.overlbpd-foto .over-img .row {
		position: relative;
		margin-bottom: 63px !important;
		display: grid;
		grid-template-rows: auto auto;
		grid-row-gap: 46px;
	}
	.overlbpd-foto .over-img .row > div{
		position: relative !important;
	}
	.overlbpd-foto .topright .over-img-float,
	.overlbpd-foto .topleft .over-img-float {
    	left: -22px;
	    top: -22px;
	    margin-left: 22px;
	    margin-right: 22px;
	}
	.overlbpd-foto .center .over-img-float {
	    top: 5% !important;
	    left: 0;
	    right: 0;
	    width: 100% !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		width: 100%;
		height:90%;
		left: -22px;
		bottom: -32px;
		margin-left: 22px;
	}

	.overlbpd-foto .over-img .row .img2 .over-img-float,
	.overlbpd-foto .over-img .row .img1 .over-img-float {
		width: 90%;
    	height: 80%;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		width: 90%;
    	height: 80%;
	}

	.overlbpd-foto .over-img .row .img5.topleft .over-img-float {
		left: unset;
		right: -22px;
	}
	.overlbpd-foto .over-img .row .img5 img {
		padding-right: 22px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img4 img {
		padding-left: 34px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img3 img {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img2 img,
	.overlbpd-foto .over-img .row .img1 img {
		padding-left: 20px;
    	box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img1 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img2 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img3 {
		position: absolute;
		left: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img4 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img5 {
		position: absolute;
		left: unset;
		top:unset;
	}*/
	.over-img {
    	max-width: 646px;
    	margin: 0 auto;
	}
	.over-img .row {
    	min-height: 265px !important;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		left:-20px !important;
		bottom:-20px !important;
	}
	.overlbpd-foto .topleft .over-img-float {
		left:-20px !important;
		top:-20px !important;
	}
	.overlbpd-foto .topright .over-img-float {
		right:-20px !important;
		top:-20px !important;
	}
}
@media (min-width: 501px) and (max-width: 767px) { 
	/*.overlbpd-foto .over-img-float {
		display: none;
	}*/
	.overlbpd-foto .over-img {
	    width: fit-content;width: -webkit-fit-content;width: -moz-fit-content; 
	    margin: 0 auto;
	    max-width: 100%;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.overlbpd-foto .clearfix:after {
		display: none !important;
	}
	.overlbpd-foto .over-img .row:last-of-type {
		margin-top: 90px;
	}
	.overlbpd-foto .over-img .row {
		position: relative;
		margin-bottom: 63px !important;
		display: grid;
		grid-template-rows: auto auto;
		grid-row-gap: 46px;
	}
	.overlbpd-foto .over-img .row > div{
		position: relative !important;
	}
	.overlbpd-foto .topright .over-img-float,
	.overlbpd-foto .topleft .over-img-float {
    	left: -22px;
	    top: -22px;
	    margin-left: 22px;
	    margin-right: 22px;
	}
	.overlbpd-foto .center .over-img-float {
	    top: 5% !important;
	    left: 0;
	    right: 0;
	    width: 100% !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		width: 100%;
		height:90%;
		left: -22px;
		bottom: -32px;
		margin-left: 22px;
	}

	.overlbpd-foto .over-img .row .img2 .over-img-float,
	.overlbpd-foto .over-img .row .img1 .over-img-float {
		width: 90%;
    	height: 80%;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		width: 90%;
    	height: 80%;
	}

	.overlbpd-foto .over-img .row .img5.topleft .over-img-float {
		left: unset;
		/*top:unset;*/
		/*bottom: -22px;*/
		right: -22px;
	}
	.overlbpd-foto .over-img .row .img5 img {
		padding-right: 22px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img4 img {
		padding-left: 34px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img3 img {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img2 img,
	.overlbpd-foto .over-img .row .img1 img {
		padding-left: 20px;
    	box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img1 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img2 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img3 {
		position: absolute;
		left: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img4 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img5 {
		position: absolute;
		left: unset;
		top:unset;
	}
}
@media (max-width: 500px){ 
	/*.overlbpd-foto .over-img-float {
		display: none;
	}*/
	.overlbpd-foto .clearfix:after {
		display: none !important;
	}
	.overlbpd-foto .over-img .row:last-of-type {
		margin-top: 90px;
		display: block;
		min-height: auto;
		margin-bottom: 90px;
	}
	.overlbpd-foto .over-img .row {
		position: relative;
		margin-bottom: 63px !important;
		display: grid;
		grid-template-rows: auto auto;
		grid-row-gap: 46px;
	}
	.overlbpd-foto .over-img .row > div{
		position: relative !important;
	}
	.overlbpd-foto .topright .over-img-float,
	.overlbpd-foto .topleft .over-img-float {
    	left: -22px;
	    top: -22px;
	    margin-left: 22px;
	    margin-right: 22px;
	}
	.overlbpd-foto .center .over-img-float {
	    top: 5% !important;
	    left: 0;
	    right: 0;
	    width: 100% !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		width: 100%;
		height:90%;
		left: -22px;
		bottom: -32px;
		margin-left: 22px;
	}

	.overlbpd-foto .over-img .row .img2 .over-img-float,
	.overlbpd-foto .over-img .row .img1 .over-img-float {
		width: 90%;
    	height: 80%;
	}
	.overlbpd-foto .bottomleft .over-img-float {
		width: 90%;
    	height: 80%;
	}

	.overlbpd-foto .over-img .row .img5.topleft .over-img-float {
		left: unset;
		/*top:unset;*/
		/*bottom: -22px;*/
		right: -22px;
	}
	.overlbpd-foto .over-img .row .img5 img {
		padding-right: 22px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img4 img {
		padding-left: 34px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img3 img {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img2 img,
	.overlbpd-foto .over-img .row .img1 img {
		padding-left: 20px;
    	box-sizing: border-box;
	}
	.overlbpd-foto .over-img .row .img1 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img2 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img3 {
		position: absolute;
		left: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img4 {
		position: absolute;
		right: unset;
		top:unset;
	}
	.overlbpd-foto .over-img .row .img5 {
		position: absolute;
		left: unset;
		top:unset;
	}
}