body{
	padding-top: 30vh;
	
	@media only screen and (max-width: 767px) {
		padding-top: 25vh;
	}
}

.content-tekst{
	.img-left{
		text-align: center;
		padding-right: 2rem;
		position: relative;
		&::after{
			content:'';
			position: absolute;
			background: url('images/beeldmerk.png');
			left: 25%;
			width: calc(100% + 5rem);
			bottom: 0;
			height: calc(100% + 6rem);
			background-size: contain;
			z-index: -1;
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		
		img{
			width: 100%;
			max-width: 250px;
			margin: 1rem auto;
		}
	}
	.tekst{
		*{
			color: white;
		}
	}
	
	&.two-columns{
		.tekst{
			padding-inline: 2rem;
		}
	}
	
	@media only screen and (max-width: 767px) {
		.img-left{
			padding-right: 0;
			
			&::after{
				left: 0;
				width: 100%;
				bottom: -3rem;
				height: calc(100% + 4rem);
			}
		}
	}
}

.coming-soon-section{
	padding-top: 8rem;
	position: relative;
	
	.text-container{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	
	@media only screen and (max-width: 767px) {
		padding-top: 5rem;
	}
}

.default-block{
	margin-bottom: 8rem;
	
	@media only screen and (max-width: 767px) {
		margin-bottom: 4rem;
	}
}

.cta-afbeelding .image-container {
	position: relative
}

.cta-afbeelding .image-container:after {
	position: absolute;
	content: "";
	width: 20vw;
	aspect-ratio: 1;
	border-radius: 100%;
	background-color: #abbcbf;
	right: 0;
	bottom: 0;
	z-index: -1;
	transform: translate(4vw, 4vw)
}

.cta-afbeelding .tekst {
	width: 200%;
	position: relative;
	z-index: 4
}

.cta-afbeelding .image {
	border-radius: 0px 0px 0px 10vw;
	width: 100%
}

.cta-afbeelding .beeldmerk-kleur {
	width: 150px;
	bottom: 0;
	transform: translate(-50%, 25%);
	left: 50%
}

@media only screen and (max-width: 767px) {
	.cta-afbeelding .tekst {
		width: 100%
	}
}

footer {
	margin: 0;
	background: #472616
}

footer .socials-title {
	color: #fff;
	margin-bottom: 0
}

footer .footer-content .footer-inner {
	padding: 1.25rem 0
}

footer .footer-content .footer-inner .footer-middle {
	margin-top: -3rem;
	margin-bottom: 3rem;
}

footer .footer-content .footer-inner .footer-middle img {
	height: 180px
}

@media only screen and (min-width: 992px) {
	footer .footer-content .footer-inner {
		padding: 9rem 0 5rem 0
	}

	footer .footer-content .footer-inner .footer-middle {
		margin-top: -8.75rem
	}

	footer .footer-content .footer-inner .footer-middle img {
		height: 15rem
	}
}

@media only screen and (max-width: 768px) {
	footer .footer-content .footer-inner .footer-middle {
		margin-bottom: 1rem;
	}
}

footer .footer-content:before {
	content: "";
	position: absolute;
	transform: translateX(-50%);
	top: -1.5rem;
	left: 50%;
	width: 9rem;
	height: 9rem;
	z-index: -1;
	border-radius: 100px;
	background: #472616
}

footer .footer-content .footer-item {
	margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
	
}

footer .footer-content .footer-item * {
	color: #fff
}

footer .footer-content .footer-item p strong a {
	text-decoration: none
}

footer .footer-content .footer-item p a {
	color: #fff;
	text-decoration: underline
}

footer .footer-content .footer-item p a:hover {
	color: rgba(255, 255, 255, 0.8)
}

footer .footer-content .footer-item ul {
	padding: 0;
	margin: 0;
	list-style: none
}

footer .footer-content .footer-item ul li {
	display: inline-block;
	width: 100%
}

footer .footer-content .footer-item ul li a {
	color: #fff
}

footer .footer-content .footer-item ul li a:hover,
footer .footer-content .footer-item ul li a:focus {
	color: rgba(255, 255, 255, 0.8)
}

footer .footer-content .footer-item .social-media {
	padding: 0;
	margin: 0
}

footer .footer-content .footer-item .social-media a {
	display: inline-flex;
	background-color: #fff;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center
}

footer .footer-content .footer-item .social-media a img {
	max-height: 16px
}

footer .footer-content .footer-item .social-media a:hover {
	opacity: 0.7
}

footer .footer-colofon {
	padding: 50px 0;
	font-size: 15px;
	border-top: 1px solid #b96943
}

footer .footer-colofon .footer-inner .bottom {
	margin-top: 4rem
}

footer .footer-colofon .round {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 100%
}

footer .footer-colofon a {
	color: #fff;
	font-size: 1em
}

footer .footer-colofon a:hover,
footer .footer-colofon a:focus {
	color: rgba(255, 255, 255, 0.7)
}

footer .footer-colofon ul {
	padding: 0;
	margin: 0;
	list-style: none
}

footer .footer-colofon ul li {
	display: inline-block;
	margin: 0 15px;
	color: white;
	font-size: 1em
}

footer .image-container {
	position: absolute;
	top: 0;
	opacity: 0.1;
	width: 100%;
	height: 100%;
	background-size: auto;
	z-index: 0
}