/*
Theme Name:   Kolk interieurs
Theme URI:    https://www.rootcase.nl
Author: 	Rootcase
Author URI: https://www.rootcase.nl
Description:  Custom built template
Version: 1.0

*/

html {
	smooth-behavior: smooth;
}


.fp-auto-height,
.fp-auto-height .fp-tableCell {
	height: auto !important;
	min-height: unset !important;
}

:root {
  --offwhite: #ededed;
  --matzwart: #0d0d0d;
  --taupe: #736d65;
  --bloed: #993f15;
  --kastanje: #3d312b;
  --fontsize: 13.5pt;
  --fontsize24: 1.3334rem;
  --fontsize30: 1.666665rem;
  --fontsize38: 1.866665rem;
  --fontsize47: 2.61111rem;
  --fontsize60: 3.3329rem;
  --fontsize66: 3.666669rem;
  --fontsize114: 6.356669rem;
  --gapS: 4rem;
  --gapM: 8rem;
  --gapL: 12rem;
  --topBlock: 16rem;
}

body, html {
	margin: 0px;
	padding: 0px;
	font-size: var(--fontsize);
	line-height: 150%;
	color: black;
	font-family: "dm-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
}

body.dark {
	color: white;
}

/* 
font-family: "kepler-std", serif;
font-weight: 400;
font-style: italic; */

ul {
	list-style-position: outside;
	margin-left: 0;
	padding-left: 1em;
}

body * {
	position: relative;
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
}

section {
	width: 100%;
}

.sectioninner0 {
	padding: 0 2rem;
	min-height: 100%;
}

.sectioninner1 {
	padding: 0 var(--gapL);
}

.sectioninner2 {
	min-height: 100dvh;
	padding: 0 var(--gapL);
}

.sectioninner3 {
	min-height: 100dvh;
	padding: 0 var(--topBlock);
}

.fp-bg {
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	inset: 0;
}


.fp-bg-vid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flexcontainer {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items:center;
}


section.menu {
	padding: var(--gapS) 2rem;
	font-size: 1.25rem;
	position: fixed;
	inset: 0;
	z-index: 999;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}

.menuactive .menu {
	opacity: 1;
	pointer-events: auto;
}


.menutoggle {
	transition: color .25s;
	cursor: pointer;
}

.menutoggle:hover {
	color: var(--bloed);
}


section.menu .flexwrap {
	display: flex;
	flex-direction: column;
	color: white;
	height: 100%;
}

section.menu .sectioninner0 {
	height: 100%;
}

.menuclose svg {
	fill:white;
	height: 1rem;
	width: auto;
	transition: fill .25s;
}
.menuclose svg:hover {
	color: var(--bloed);
}


section.menu .fp-bg::after {
	background: var(--kastanje);
	opacity: .85;
	position: absolute;
	inset: 0;
	z-index: 1;
	content:'';
}

.menuhold {
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: var(--topBlock);
	left:var(--gapS);
	transition: left .75s;
}

.menuactive section.menu .menuhold {
	left: 0;
}

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

.menuhold ul li {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	font-weight: 600;
	padding-right: 2rem;
}

.menuhold ul li:last-of-type {
	margin-bottom: 0;
}

.menuhold ul li.bullet:not(:has(+ li.bullet)) {
	margin-bottom: 3rem !important;
}

/* .menuhold ul li.bullet:not(:has(+ li.bullet))::before {
	display: none;
} */

.menuhold ul li a {
	transition: color .25s;
}

.menuhold ul li a:hover {
	color: #7f7f7f;
}

.menuhold ul li.bullet {
	padding-left: 2rem;
}

.menuhold ul li.bullet::before {
	content: '';
	width: .75rem;
	height: .75rem;
	display: block;
	position: absolute;
	left: 0;
	top:.5rem;
	vertical-align: middle;
	background: var(--bloed);
}

.menuhold ul li.tiny {
	font-size: 1rem;
	font-weight: 300;
	margin-bottom: 1rem;
}

.menuhold ul li .sub-menu {
	position: absolute;
	top: 0;
	right: -100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s;
	width: 100%;
	padding-left: 2rem;
	white-space: nowrap;
	border-left: 1px solid white;
}

.menuhold ul li:hover .sub-menu {
	opacity: 1;
	pointer-events: all;
}

.menuhold ul li .sub-menu li {
	font-weight: 400;
}

section.top {
	position: fixed;
	z-index: 100;
	top:0;
	padding: var(--gapS) 2rem 0 2rem;
	font-size: 1.25rem;
	transition: padding .25s;
}

.scrolled section.top {
	padding: 0rem 0;
}

.logohold svg {
	display: block;
	height: var(--gapS);
	margin: auto;
}


.dark .top {
	color: white;
}


.light .logohold svg {
	fill:black;
}

.light .top {
	color: black;
}

.menu .logohold svg,
.dark .logohold svg {
	fill:white;
}


.top .logohold svg {
	opacity: 1;
	transition: opacity .25s;
}

.scrolled .top .logohold svg {
	opacity: 0;
}

.top .flexcontainer .flex13:first-of-type {
	text-align: left;
}

.top .flexcontainer .flex13:last-of-type {
	text-align: right;
}

.top .flexcontainer .flex13 {
	text-align: center;
}

.flex13 {
	width: calc(100% / 3);
	flex-grow: 0;
	flex-shink: 0;
}


section.visual_met_tekst_en_button {
	text-align: center;
	color: white;
	min-height: 100dvh;
}

section.visual_met_tekst_en_button .fp-bg::after {
	background: rgba(61,49,43, .52);
	position: absolute;
	inset: 0;
	z-index: 1;
	content:'';
}

section.visual_met_tekst_en_button h1 {
	font-size: var(--fontsize66);
	font-weight: 50000;
	line-height: var(--fontsize66);
	margin: 0;
}

section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst h1 {
	font-weight: bold;
	font-size: var(--fontsize114);
	line-height: 90%;
	margin-top: auto;
	padding-bottom: var(--gapS);
	white-space: nowrap;
}

section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst {
	text-align: left;
}

section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst p {
	padding-right: calc(50% + var(--gapM));
}

section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst *:last-child {
	margin-bottom: auto;
}

section.visual_met_tekst_en_button .sectioninner1 {
	margin-top: auto;
	transition: top 1.5s ease-out;
}
section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	justify-content: space-between;
	width: 100%;
}


section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst .nextsection {
	position: relative;
	inset: auto;
	margin: 0;
	margin-bottom: var(--gapS);
}

section.visual_met_tekst_en_button .sectioninner1 {
	top:0;
	text-shadow: 0 0 5px var(--kastanje);
}

section.visual_met_tekst_en_button .quotepart  {
	width: 100%;
	text-align: left;
	align-items: stretch;
}

section.visual_met_tekst_en_button .quotepart .content {
	width: 50%;
	font-weight: bold;
	display: flex;
	align-content: space-between;
	font-size: var(--fontsize24);
}

section.visual_met_tekst_en_button .quotepart .quote {
	width: 50%;
	font-size: var(--fontsize38);
	line-height: 140%;
	font-weight: bold;
	padding-left: var(--gapL);
	text-align: left;
}

section.visual_met_tekst_en_button .klantlogo {
	height: 3rem;
	width: auto;
	margin-top: auto;
}

.fp-section.alignbottom .fp-tableCell {
	vertical-align: bottom;
	padding-bottom: var(--gapS);
}
	
.fp-section.aligntop .fp-tableCell {
	vertical-align: top;
	padding-top: var(--gapM);
}

.quotepart {
	margin-top: auto;
	padding-top: 0;
	padding-bottom: var(--gapS);
}

.nextsection {
	position: absolute;
	bottom: var(--gapM);
	left: var(--gapL);
	font-family: "kepler-std", serif;
	font-weight: 300;
	letter-spacing: .07em;
	font-size: 1.3rem;
	font-style: italic;
	cursor: pointer;
	text-align: left;
}
.nextsection svg {
	display: inline-block;
	height: .75rem;
	fill:white;
	width: auto;
	margin-left: .75rem;
	top: .2rem;
	animation: bounceTop 2.4s infinite ease-in-out;
}

.nextsection.horizontal svg {
	width: .75rem;
	height: auto;
	top:0;
	animation: bounceRight 2.4s infinite ease-in-out;
}

@keyframes bounceTop {
	0% {
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-5px);
	}
}

@keyframes bounceRight {
	0% {
		transform: translateX(-5px);
	}
	50% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-5px);
	}
}
@keyframes bounceLeft {
	0% {
		transform: translateX(5px);
	}
	50% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(5px);
	}
}

section.visual_met_tekst_en_button h1 small {
	display: block;
	margin-bottom: 1rem;
	font-size: var(--fontsize30);
	line-height: var(--fontsize30);
	font-family: "kepler-std", serif;
	font-weight: 300;
	letter-spacing: .07em;
	font-style: italic; 
}

.button {
	display: inline-block;
	background: transparent;
	transition: background .25s, border .25s;
	font-family: "kepler-std", serif;
	font-weight: 300;
	letter-spacing: .07em;
	font-size: 1.3rem;
	font-style: italic;
	cursor: pointer;
	text-align: left;
}

.button svg {
	display: inline-block;
	height: .75rem;
	fill:white;
	width: auto;
	margin-right: .75rem;
	top: .2rem;
	animation: bounceLeft 2.4s infinite ease-in-out;
}

.footer .footflex {
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
}

.footer {
	line-height: .65rem;
	font-size: .55rem;
}

.footerback {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.footerback::after {
	background: rgba(0,0,0,.29);
	position: absolute;
	inset: 0;
	z-index: 1;
	content:'';
}


.footerhold {
	color: white;
	padding: 3rem 0;
}

.footer .footerhold {
	border-top: 1px solid white;
}

.footer .flexcontainer {
	align-items: stretch;
}

.footer .sectioninner2 {
	min-height: auto;
}

.footercol1 {
	width: 20%;
	border-right: 1px solid white;
}

.footerlogo {
	height: 2.5rem; 
	width: auto;
	fill:white;
	display: inline-block;
	margin-bottom: 1rem;
}

.footercol2 {
	width: 10%;
	margin-left: 10%
}

.footercol2 p:first-of-type {
	margin-top: 0;
}

.footerbutton {
	background: var(--bloed);
	padding: .5rem .75rem;
	font-size: 1rem;
	transition: background .25s, border .25s;
	border: 1px solid var(--bloed);
	display: inline-block;
}

.footerbutton:hover {
	background: none;
	border: 1px solid white;
}

.socials {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 2.5rem;

}

.footercol2 a {
	display: inline-block;
	font-weight: bold;
	font-size: .75rem;
	margin-bottom: 1rem;
}

.socials a {
	margin-right: 1rem;
}

.socials svg {
	fill:white;
	width: auto;
	height: 1rem;
	transition: fill .25s;
}

.socials a:hover svg {
	fill:var(--bloed);
}

.links_onderaan {
	margin-top: 2.5rem;
}

.footer a {
	transition: color .25s;
}

.footer a:hover {
	color: var(--bloed);
}


.content h2 {
	margin-top: 0;
	font-weight: bold;
	padding-left: var(--gapS);
	font-size: var(--fontsize60);
	line-height: var(--fontsize60);
	margin-bottom: var(--gapS);
}

h3 {
	margin-top: 1rem;
	font-weight: 700;
	font-size: var(--fontsize);
	line-height: var(--fontsize);
	margin-bottom: 0;
	font-style: italic;
}

.content h3:first-of-type,
.content h3 + p,
.content p:first-of-type {
	margin-top: 0;
}

.content p:last-of-type {
	margin-bottom: 0;
}



.team h2 {
	margin-top: var(--gapS);
	margin-bottom: var(--gapS);
	font-size: var(--fontsize60);
	line-height: var(--fontsize60);
	padding-left: var(--gapS);
}

.team .sectioninner2 {
	padding-top: var(--gapS) !important;
}

.team .flexcontainer {
	flex-wrap: wrap;
	align-items: stretch;
	padding-bottom: var(--gapS);
	gap: 0 1rem;
}

.teamitem {
	width: calc((100% - 5rem) / 6);
	flex-shrink: 0;
	flex-grow: 0;
}

.teamfoto img {
	width: 100%;
	height: auto;
	display: block;
	transition: opacity .5s;
}

.teamitem:hover .teamlogo,
.teamitem:hover img {
	opacity: 0.5;
}

.teamlogo {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	fill:white;
	height: 2rem;
	width: auto;
	transition: opacity .5s;
}

.teamdesc {
	position: absolute;
	inset: 1rem;
	font-size: .7rem;
}

.teammeta b {
	font-weight: 600;
	font-size: 1rem;
}

.teammeta {
	margin-top: .5rem;
	font-size: .75rem;
	margin-bottom: 1rem;
}


.dark .projectovericht-particulier section.projectoverzicht {
	color: white;
}

section.projectoverzicht .flexcontainer {
	justify-content: center;
	flex-wrap: wrap;
	gap:2rem;
	margin-top: var(--gapS);
	margin-bottom: 2rem;
}

section.projectoverzicht .sectioninner2 {
	height: auto;
	padding-bottom: 3rem;
}

.project_title1 {
	text-align: center;
	text-transform: uppercase;
}

section.projectoverzicht h1 {
	font-size: 4.5rem;
	font-weight: 600;
	line-height: 6.5rem;
	margin: 0;
	text-align: center;
}

.dark section.projectoverzicht .project_title1,
.dark section.projectoverzicht h1 {
	color: white;
}


.projectblok {
	width: calc((100% - 6rem) / 4);
	height: auto;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: .5rem .5rem .25rem rgba(0,0,0,0.35);
	color: white;
	transition: box-shadow .25s;
}

.projectblok:hover {
	box-shadow: .5rem .5rem .25rem rgba(0,0,0,0.55);
}

.projectblok::before {
	position: absolute;
	inset: 0;
	background: black;
	opacity: .5;
	transition: opacity .25s;
	content: '';
	z-index: 1;
}

.projectblok:hover::before {
	opacity: .25;
}

.projectblok .imghold {
	position: absolute;
	inset: 0;
	display: flex;
	z-index: 0;
}
.projectblok img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projectblok h2,
.projectblok .sub {
	z-index: 1;
	padding: 0 1rem;
	text-align: center;
}

.projectblok .sub {
	font-family: "kepler-std", serif;
	font-weight: 300;
	letter-spacing: .07em;
	margin-top: .25rem;
	font-size: 1.3rem;
	font-style: italic;
}

section.visual_met_tekst_en_button .sectioninner1.uitgebreide_tekst h1 {
	padding-left: var(--gapS);
}

.projectblok h2 {
	font-size: 1.5rem;
	margin: 0;
}

.projectblok .sub {
	font-size: 1.1rem;
}

.dark.single-particulier {
	color: white;
}

.quote .flexcontainer {
	width: 100%;
	align-items: flex-start;
	padding: 2rem 0;
}

.quote .flexcontainer .flex1 {
	width: 50%;
}

.quote .flexcontainer .flex1 {
	font-size: 1.1rem;
}

.quote .flexcontainer .flex1 b {
	font-size: 1.25rem;
}

.quote .flexcontainer .flex2 {
	width: 50%;
	font-size: 2.5rem;
	font-weight: bold;
	opacity: 0;
	transition: opacity 1.5s, right 1.5s;
	right: 2rem;
}

.quote.animateonce .flexcontainer .flex2 {
	opacity: 1;
	right: 0;
}

.afbeelding_groot .sectioninner2 {
	min-height: calc(100dvh - var(--gapL));
}

.afbeelding_groot .afbeeldinghold {
	display: flex;
	width: auto;
	height: auto;
	inset: 0 var(--gapL);
	padding: 3rem 0;
	position: absolute;
}

.afbeelding_groot .afbeeldinghold img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	top:6rem;
	opacity: 0;
	transition: top 2.5s, opacity 1.5s;
}

.afbeelding_groot.animateonce .afbeeldinghold img {
	opacity: 1;
	top:0;
}



.twee_afbeeldingen .sectioninner2 {
	height: 100dvh;
}

.twee_afbeeldingen .sectioninner2 .flexcontainer {
	height: 100%;
	justify-content: space-between;
}

.twee_afbeeldingen .afbeeldinghold {
	display: flex;
	width: calc(50% - 1.5rem);
	height: 100%;
	padding: 3rem 0;
	transition: width .5s ease-in-out;
	overflow: hidden;
}

.twee_afbeeldingen .afbcol1:hover {
	width: 300% !important;
	margin-right: 3rem !important;
} 
.twee_afbeeldingen .afbcol2:hover {
	width: 300% !important;
	margin-left: 3rem !important;
} 

.twee_afbeeldingen .style-two-two .afbeeldinghold {
	width: calc((100% - 3rem) / 2);
}

.twee_afbeeldingen .style-one-two .afbcol1,
.twee_afbeeldingen .style-two-one .afbcol2 {
	width: calc(((100% - 3rem) / 3) * 1);
}

.twee_afbeeldingen .style-one-two .afbcol2,
.twee_afbeeldingen .style-two-one .afbcol1{
	width: calc(((100% - 3rem) / 3) * 2);
} 


.twee_afbeeldingen .afbeeldinghold img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: left 2.5s, right 2.5s, opacity 1.5s;
}

.twee_afbeeldingen .afbeeldinghold:first-of-type img {
	left:-6rem;
}

.twee_afbeeldingen .afbeeldinghold:last-of-type img {
	right:-6rem;
}

.twee_afbeeldingen.animateonce .afbeeldinghold:first-of-type img {
	opacity: 1;
	left:0;
}

.twee_afbeeldingen.animateonce .afbeeldinghold:last-of-type img {
	opacity: 1;
	right:0;
}

section.back {
	padding-bottom: var(--gapS);
}

section.back .sectioninner2 {
	min-height: 0 !important;
}


.back.animateonce .button {
	opacity: 1;
}

section.contact {
	color: white;
	background: var(--kastanje);
	min-height: 100dvh;
}

section.contact h1 {
	font-size: var(--fontsize66);
	line-height: var(--fontsize66);
	font-weight: 600;
	padding-left: 2rem;
	line-height: 6.5rem;
	margin: 0;
}	

section.contact .flexcontainer {
	align-items: flex-start;
	padding-top: var(--gapS);
}

section.contact .adreshold {
	width: 50%;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 1.25rem;
}
section.contact .contenthold {
	width: 50%;
	flex-grow: 0;
	flex-shrink: 0;
}

section.contact p:first-of-type {
	margin-top: 0;
}


section.contact .contenthold p:not(form p) {
	margin-right: var(--gapS);
}

section.contact .socials {
	margin-left: 2rem;
	margin-top: var(--gapS);
}

section.contact .socials a {
	margin-right: 2rem;
}

section.contact .socials svg {
	height: 2rem;
}

.blockbutton {
	padding-left: 2rem;
	margin-bottom: 1rem;
	display: inline-block;
	margin-bottom: 2rem;
	transition: color .25s;
}

.blockbutton:hover {
	color: var(--bloed);
}

.vacature_overzicht_item .preheader {
	font-weight: 300;
	text-transform: uppercase;
	font-size: var(--fontsize30);
	line-height: 0;
	padding-left: var(--gapS);
}


section.vacature_overzicht h4 {
	font-size: var(--fontsize30);
	font-weight: 600;
	font-style: italic;
	margin-top: 0;
	line-height: var(--fontsize30);
}

section.vacature_overzicht_item .adreshold {
	padding-top: 0 !important;
}

.vacature_overzicht_item h2 {
	margin-top: 1.5rem;
	font-size: var(--fontsize47);
	padding-left: var(--gapS);
}

.vacaturelinks .blockbutton {
	font-weight: bold;
	font-size: 1.5rem;
	padding-left: 3rem;
}

.vacaturego {
	font-weight: bold;
	margin-left: var(--gapS);
}

.blockbutton::before {
	width: .75rem;
	height: .75rem;
	display: block;
	position: absolute;
	left: 0;
	top:.45rem;
	vertical-align: middle;
	background: var(--bloed);
	content:'';
	transition: background .25s;
}

.fullpagealigner {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	align-items: center;
}

section.content_met_afbeelding .content,
section.content_met_quote .content {
	width: 50%;
	padding-right: var(--gapS);
	flex-shrink: 0;
	flex-grow: 0;
}

section.slideinleft .content {
	left:var(--gapS);
	opacity: 0;
	transition: opacity .5s ease-in-out, left .5s ease-in-out;
}

section.slideinleft.animateonce .content {
	left: 0;
	opacity: 1;
}


section.slideinleft .quote,
section.slideinleft img {
	right:var(--gapS);
	opacity: 0;
	transition: opacity .5s ease-in-out, right .5s ease-in-out;
}

section.slideinleft.animateonce .quote,
section.slideinleft.animateonce img {
	right: 0;
	opacity: 1;
}



section.content_met_afbeelding .ctacontent {
	padding-top: var(--gapM);
	padding-right: 0 !important;
}


section.content_met_afbeelding .flexcontainer {
	align-items: flex-start;
}

section.content_met_afbeelding .content {
	padding-right: var(--gapS);
	display: flex;
	height: 100%;
	flex-direction: column;
}

section.content_met_afbeelding .logobalk {
	margin-top: auto;
	padding-top: var(--gapS);
	display: block;
}

section.content_met_quote .nextsection {
	inset: 0;
	position: relative;
	margin-left: 0 !important;
}

section.content_met_afbeelding .flexcontainer,
section.content_met_quote .flexcontainer {
	margin-top: auto;
}

section.content_met_quote .flexcontainer:first-of-type,
section.content_met_afbeelding .flexcontainer:first-of-type {
	padding-top: var(--gapM);
}

section.content_met_afbeelding .flexcontainer:last-of-type {
	margin-bottom: auto;
	padding-bottom: var(--gapL);
	align-items: stretch;
	margin-top: 0;
}

section.content_met_quote .flexcontainer:last-of-type {
	padding-top: var(--gapL);
	padding-bottom: var(--gapS);
	margin-top: 0;
}


section.content_met_quote .quote {
	font-size: var(--fontsize38);
	line-height: 140%;
	width: 50%;
	text-align: left;
	font-weight: bold;
	display: flex;
}

section.content_met_quote .quote .inner {
	margin-left: auto;
}

section.content_met_afbeelding .afbeelding_rechts {
	width: 50%;
	height: auto;
	padding-left: var(--gapS);
}

section.content_met_afbeelding .afbeelding_rechts img {
	width: 100%;
	height: auto;
}

.imgfit {
	display: flex;
	height: 100%;
	min-width: calc(100% - var(--gapS));
	position: absolute;
}

.fpimgfit {
	inset: 0;
}

.imgfit img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.blockbutton:hover::before {
 	background: var(--taupe);
}
 
 .wpcf7-form-control {
	font-family: "dm-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: white;
	 padding: .75rem 0rem;
	 background: none;
	 border: 0;
	 transition: background .25s, color .25s;
	 font-size: 1rem;
	 resize: none;
	 margin-top: .25rem;
	 width: 100%;
	 border-bottom: 1px solid white;
	 border-radius: 0 !important;
 }
 
 .wpcf7 textarea {
	 width: 100%;
	 height: var(--gapM);
	 padding-bottom: 1.75rem !important;
	 margin-bottom: -.25rem !important;
 }
 
 .wpcf7-form label {
	 font-weight: 500;
 }
 
 .wpcf7-form-control::placeholder {
	 color: white;
	 font-style: italic;
	 font-weight: 400;
 }
 
 .wpcf7-form-control:focus {
	 outline:none;
	 border-bottom: 1px solid var(--bloed);
 }

 
 .wpcf7-submit {
	 display: none !important;
 }

 .wpcf7-not-valid-tip {
	 position: absolute;
	 right: 0;
	 font-size: .9rem;
	 text-align: right;
	 color: white;
	 top:-.25rem;
	 color: var(--bloed);
 }
 
 .wpcf7 .nextsection {
	 margin-top: var(--gapS);
	 text-align: left;
	 margin-left: 0 !important;
 }
 

 section.vacature_overzicht .flexcontainer {
	 align-items: flex-start;
 }
 
 section.vacature_overzicht .flexcontainer:last-of-type {
	 padding-bottom: var(--gapS);
 }
  section.vacature_overzicht h1 {
	  font-size: 5.5rem;
	  font-weight: 600;
	  line-height: 6.5rem;
	  margin: 0;
  }	
  
  section.form .adreshold,
  section.vacature_overzicht .adreshold {
	  width: 50%;
	  flex-grow: 0;
	  flex-shrink: 0;
	  padding-top: var(--gapS);
	  padding-right: var(--gapS);
  }
  section.form .contenthold,
  section.vacature_overzicht .contenthold {
	  width: 50%;
	  flex-grow: 0;
	  flex-shrink: 0;
	  padding-left: var(--gapS);
	  padding-top: var(--gapS);
 }
 
 section.form h1 {
	font-weight: 600;
	font-weight: var(--fontsize66);
	line-height: var(--fontsize66);
 }
 
 section.form .flexcontainer {
	 align-items: stretch;
 }
 
 .contenthold p a {
 	color: var(--bloed);
 }
 
 section.vacature_overzicht .contenthold p:first-of-type {
	 margin-top: 0;
 }
 
 section.form h1 {
	 font-size: var(--fontsize66);
	 font-weight: bold;
	 margin-left: var(--gapS);
	 margin-bottom: 6rem;
 }
 
 section.form .flexcontainer {
	 font-size: 1.5rem;
 }
 
 section.form .ikwilgraag {
	 margin: 2rem 0;
	 font-size: 1.5rem;
	  font-weight: 600;
 }
 
 section.form .contenthold,
 section.form .adreshold {
	 padding-top: 0;
 }
 
 
 .verticalflex {
	 height: 100%;
	 display: flex;
	 flex-direction: column;
 	justify-content: space-between;
 }



section.twee_kolommen_tekst {
	 min-height: 100dvh;
 }
 
 
 .topblock {
	 height: var(--topBlock);
 }
 
 /* 
 section.projectoverzicht,section-0,
 section.vacature_overzicht.section-0,
  section.twee_kolommen_tekst.section-0 {
	 padding-top: var(--topBlock);
   }  */

section.twee_kolommen_tekst h1 {
  font-weight: 600;
  font-weight: var(--fontsize66);
  line-height: var(--fontsize66);
  margin: 0;
}	

section.twee_kolommen_tekst h2 {
	margin-bottom: 0;
	font-size: 1rem;
}

section.twee_kolommen_tekst h2 + p {
	margin-top: 0;
}

section.twee_kolommen_tekst .flexcontainer {
  align-items: stretch;
}

section.twee_kolommen_tekst .adreshold {
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 5%;
}
section.twee_kolommen_tekst .contenthold {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

 .flexcontainer.adresend {
	margin-top: auto;
	margin-left: auto;
	width: auto;
	margin-top: var(--gapS);
	flex-direction: column;
	padding-left: var(--gapS);
	justify-content: flex-end;
}

 .flexcontainer.adresend .blockbutton {
	margin-left: 2rem;
	margin-bottom: 1rem;
	display: inline-block;
}

.flexcontainer.adresend .blockbutton::before {
	top:.25rem;
}

.flexcontainer.adresend .blockbutton:first-of-type {
	margin-left: 0;
}

.flexcontainer.adresend .flexitem {
	margin-bottom: 0rem;
	display: flex;
	width: 100%;
}

.flexcontainer.adresend .socials {
	margin-top: 0;
	display: inline-flex !important;
	margin-left: 6rem;
	width: auto;
}

.flexcontainer.adresend .socials svg {
	fill:black;
	height: 1rem;
}

.dark .flexcontainer.adresend .socials svg {
	fill: white;
}

section.twee_kolommen_tekst a {
	font-weight: bold;
	transition: color .25s;
}

section.twee_kolommen_tekst a:hover {
	color: var(--bloed);
}

section.twee_kolommen_tekst {
	padding-bottom: 2rem;
}

section.cta .content {
	width: 50%;
	padding-top: var(--gapS);
	padding-bottom: var(--gapS);
}

.ctacontent .regel1 {
	font-family: "kepler-std", serif;
	font-weight: 300;
	letter-spacing: .07em;
	font-size: 1.3rem;
	font-style: italic;
}

.ctacontent .regel2 {
	font-size: var(--fontsize47);
	line-height: 140%;
	font-weight: bold;
}


.iScrollVerticalScrollbar {
	display: none !important;
} 

#cookiebar {
	position: fixed;
	bottom: var(--gapS);
	width: 100%;
	left: 0;
	right: 0;
	z-index: 999999998;
	opacity: 0;
	animation: fadeIn 1.4s forwards ease-in;
}
	
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#cookiebar .sectioninner2 {
	min-height: auto;
}

#cookiebar .flexcontainer {
	align-items: flex-end;
	flex-direction: column;
}

.cookiewrap {
	background: white;
	padding: 1.5rem 1rem;
	font-weight: 400;
	color: var(--kastanje);
	font-size: .8rem;
}

.cookiewrap span {
	font-family: "kepler-std", serif;
	font-weight: 700;
	font-style: italic;
	font-size: var(--fontsize30);
}

.cookiewrap .buttonwrap {
	display: flex;
	margin-top: 1rem;
}

.cookiewrap .buttonwrap button {
	border: 1px solid var(--kastanje);
	padding: .75rem;
	font-size: .9rem;
	background: none;
	margin-right: 1rem;
	cursor: pointer;
	color: var(--kastanje);
}

.cookiewrap .buttonwrap button#cb-accept {
	background: var(--kastanje);
	color: white;
}

.cookiewrap a {
	color: var(--bloed);
}

.nowrap {
	white-space: nowrap;
}