/***********************************************************

 * CONTACT

 **********************************************************/

.contact h2	 {

	font-size: 30px;

	margin: 0 0 10px;

}

.contact h3,

.content-2column-1 .contact h2 {

	font-size: 16px;

	font-style: italic;

	margin: 10px 0 0;

}

.contact-kaart-radio {

	display: none;

}

.contact-schadv {

	height: 136px;

}

.contact-schadv-foto {

	margin: 32px 6px;

}

.contact-kaart-foto,

.contact-schadv-foto {

	height: 100px;

	width: 120px;

	position: relative;

  overflow: hidden;

}

.contact-kaart-regiokaart {

	position: absolute;

	top: 0;

	width: 100%;

	display: none;

}

.contact-kaart-foto:hover,

.contact-schadv-foto {

	overflow: visible;

}

.contact-kaart-foto:hover + .contact-kaart-regiokaart {

	display: block;

}

.contact-kaart-details,

.contact-schadv-details {

	height: 0px;

	width: 0px;

	background: var(--mot-white)EE;

	position: absolute;

	top: 0px;

	left: 0px;

	transition: none;

	z-index: -5;

	padding: 6px 6px 6px 72px;

	overflow: hidden;

}

.contact-schadv-details {

	padding-left: 128px;

}

.contact-kaart-details > * {

	transform: scale(0.01);

	transition: none;

}

.contact-kaart-foto:hover .contact-kaart-details,

.contact-schadv-foto .contact-schadv-details {

	height: 88px;

	width: 200px;

	transition: .6s ease;

	transform: scale(1.2);

}

.contact-kaart-foto:hover .contact-kaart-details  > *,

.contact-schadv-foto .contact-schadv-details > * {

	transform: scale(1);

	transition: .6s ease;

}

.contact-schadv-naam {

	font-size: 14px;

	font-weight: bold;

}

.contact-schadv-regio {

	font-size: 10px;

	font-style: italic;

	line-height: 12px;

	height: 26px;

    display: flex;

    align-items: center;

}

.contact-form input {

	width: 100%;

}

.contact-form input[type="submit"] {

	width: 33%;

	min-width: 120px;

	height: 40px;

	margin-top: 20px;

	font-size: 16px;

}

.contact-form textarea {

	width: 100%;

}

/***********************************************************

 * CONTACT - MOBILE

 **********************************************************/

@media screen and (max-width:900px) {

	.contact-kaart-foto,

	.contact-schadv-foto {

		transform: scale(1.1);

	}

}

@media screen and (max-width:800px) {

	.contact-kaart-foto,

	.contact-schadv-foto {

		transform: scale(1);

	}

}

@media screen and (max-width:600px) {

	.contact-kaart {

		width: 60%;

	}

	.contact-kaart-radio:checked + label .contact-kaart-foto {

		overflow: visible;

	}

	.contact-kaart-radio:checked + label .contact-kaart-details {

	height: 88px;

	width: 240px;

	top: -20px;

	left: -6px;

	transition: .6s ease;

	}

	.contact-kaart-radio:checked + label .contact-kaart-details  > * {

		transform: scale(1);

		transition: .6s ease;

	}

}