/* Blok: Contactformulier. */
.block-contact{padding:54px 0;}
.block-contact__inner{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start;}
.block-contact__main h2{color:var(--td-blue);font-size:32px;line-height:1.2;font-weight:600;margin:0 0 14px;}
.block-contact__intro{color:var(--td-text);margin-bottom:20px;}
.block-contact__info h3{color:var(--td-blue);font-size:21px;margin:0 0 12px;}
.block-contact__info p{margin:0 0 8px;color:var(--td-text);line-height:1.5;}
.block-contact__info a{color:var(--td-blue);text-decoration:none;}

/* CF7 formulier ------------------------------------------------------------ */
.block-contact .wpcf7{max-width:none;}

/* Veld-styling: lichtblauwe pil, geen rand (net als het origineel) */
.block-contact input:not([type=submit]),
.block-contact textarea,
.block-contact select{
	width:100%;box-sizing:border-box;
	background:#eaf2f9;border:0;border-radius:30px;
	padding:16px;margin:0;
	font-family:var(--td-font-btn);font-size:14px;line-height:normal;color:#000;
	-webkit-appearance:none;appearance:none;
}
.block-contact textarea{min-height:150px;height:150px;}
.block-contact ::placeholder{color:#000;opacity:1;font-family:var(--td-font-btn);}
.block-contact input:focus,.block-contact textarea:focus{
	outline:none;box-shadow:0 0 0 2px rgba(28,113,185,.28);
}

/* Verstuurknop: blauwe pil */
.block-contact .wpcf7-submit{
	display:inline-block;
	font-family:var(--td-font-btn);font-size:15px;font-weight:500;line-height:1.7em;
	color:#fff;background:var(--td-blue);border:2px solid var(--td-blue);
	border-radius:100px;padding:.3em 30px;cursor:pointer;transition:background .2s,color .2s;
}
.block-contact .wpcf7-submit:hover{background:#fff;color:var(--td-blue);}
.block-contact .wpcf7-spinner{margin:0 24px;}
.block-contact .wpcf7 form .wpcf7-response-output{border-radius:8px;margin:12px 0 0;}

/* Formulier "Kom in contact" — indeling uit het origineel (.formAlles-markup).
   Rij-afstand komt van de p-padding (1em) zoals in Divi; velden 48% + 4% tussenruimte. */
.block-contact .formAlles{margin:0;}
.block-contact .formAlles p{margin:0;padding:0 0 1em;}
.block-contact .formAlles p:last-of-type{padding-bottom:0;}
.block-contact .formAlles > p:last-of-type{text-align:right;}
.block-contact .formMailTel{margin:0;}
.block-contact .formAlles .wpcf7-form-control-wrap{display:inline;margin:0;}
.block-contact .formText{
	font-family:var(--td-font-head);font-size:30px;line-height:1.9em;font-weight:500;
	color:var(--td-blue);margin:0 0 -1%;
}
.block-contact input.formFirstName,
.block-contact input.formEmail{width:48%;margin-right:4%;}
.block-contact input.formLastName,
.block-contact input.formTel{width:48%;}
.block-contact input.formCompanyName{margin:2% 0;}
.block-contact textarea.formTextArea{margin-top:3%;resize:none;}
.block-contact .formAlles .wpcf7-submit{margin-top:1%;margin-right:-5.5%;}

/* Witte kaart die het blok erboven (de kaart) overlapt ---------------------- */
.block-contact--card{padding:0 0 54px;background:none;}
.block-contact--card .block-contact__inner{display:block;position:relative;z-index:1;margin-top:-200px;}
.block-contact--card .block-contact__main{
	background:#fff;border-radius:5px;overflow:hidden;
	padding:4% 3%;
	box-shadow:0 2px 6px rgba(0,0,0,.3);
}

/* Tablet / mobiel --------------------------------------------------------- */
@media (max-width:980px){
	.block-contact__inner{grid-template-columns:1fr;gap:30px;}
	.block-contact--card{padding:0 0 50px;}
}
@media (max-width:767px){
	.block-contact .formText{font-size:25px;line-height:1.7em;}
	.block-contact--card{padding:0 0 10px;}
	.block-contact--card .block-contact__inner{width:90%;padding:10px 0;}
	.block-contact--card .block-contact__main{padding:17% 5%;}
}