/* ---- FRONT-END ---- */
.container {
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

#backgroundcolor-image-text-incl-url-smal-wrapper {
	padding: 0 15px;
	margin-bottom: 70px;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-image-wrapper {
	position: relative;
	height: 0;
	padding-bottom: 50%;
	z-index: 15;
}
												  
#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-image-wrapper img {
	position: absolute;
    top: 0;
    left: -30px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-image-wrapper.right img {
	left: 30px;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper {
	padding: 50px 0;
}

	body.single-producten #single-page-wrapper #backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper {
		font-size: 22px;
		line-height: normal;
	}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper.links {
	padding-right: 20px;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper.rechts {
	padding-left: 20px;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper h2.backgroundcolor-image-text-incl-url-smal-title {
	font-size: 38px;
	line-height: 42px;
	color: #031835;
	margin-bottom: 40px;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a {
	padding-bottom: 3px;
	border-bottom: 2px solid #EA9D83;
}

#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a:hover,
#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a:focus {
	color: #EA9D83;
	text-decoration: none;
}



@media(max-width: 767px) {
	/* ---- FRONT-END ---- */
	#backgroundcolor-image-text-incl-url-smal-wrapper {
		margin-bottom: 70px!important;
	}
	
	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-image-wrapper {
		left: -30px;
		width: calc( 100% + 60px );
		padding-bottom: 75%;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-image-wrapper img {
		left: 0;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper {
		padding: 70px 0;
	}
	

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper.links {
		padding: 30px 0 0 0!important;
	}
													
	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper.rechts {
		padding: 30px 0 0 0!important;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper h2.backgroundcolor-image-text-incl-url-smal-title {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 36px;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a {
		padding-bottom: 3px;
		border-bottom: 2px solid #EA9D83;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a:hover,
	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a:focus {
		color: #EA9D83;
		text-decoration: none;
	}
}



@media only screen
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
	/* ---- FRONT-END ---- */
	#backgroundcolor-image-text-incl-url-smal-wrapper {
		margin-bottom: 70px!important;
	}
	
	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper {
		padding: 90px 0;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper.links {
		padding: 90px 30px 0 0!important;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper.rechts {
		padding: 70px 0 0 30px!important;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper h2.backgroundcolor-image-text-incl-url-smal-title {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 42px;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a {
		padding-bottom: 3px;
		border-bottom: 2px solid #EA9D83;
	}

	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a:hover,
	#backgroundcolor-image-text-incl-url-smal-wrapper #backgroundcolor-image-text-incl-url-smal-content-wrapper a:focus {
		color: #EA9D83;
		text-decoration: none;
	}
}





/* ---- PREVIEW BACK-END ---- */
#background-image-text-incl-url-wrapper.preview {
	height: inherit;
	padding: 0;
	background-color: #E0D2CD80;
}

#background-image-text-incl-url-wrapper.preview #background-image-text-incl-url-content-wrapper {
	height: inherit;
}