h1, .h1, h2, .h2, h3, .h3 {
}
h1, .h1 {
	font-size: 3.5rem;
	line-height: 4.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
h2, .h2 {
	position: relative;
	font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 700;
	margin-bottom: 2.8rem;
}
h3, .h3 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
h4, .h4 {
	font-family: "degular", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
    margin-bottom: 1.8rem;
}
h4.regular, .h4.regular {
	font-weight: 400;
}


blockquote {
	padding: 16rem 0 0 0rem;
	margin-top: 5rem;
	margin-bottom: 5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg id='Group_2993' data-name='Group 2993' transform='translate(-483 -3931)'%3E%3Cpath d='M23.252,64.647c.794,5.537-2.735,10.628-4.469,15.938-4.948,15.144,6.265,32.289,21.125,37.345s31.5.3,44.724-8.268a87.087,87.087,0,0,0,28.4-30.3c5.179-9.21,8.732-20.148,6.059-30.406-3.361-12.9-15.811-21.447-28.488-24.813-5.9-1.565-12.473-2.534-16.578-7.121-2.095-2.34-3.278-5.377-5.153-7.9C50.429-15.737-15.368,15.047,3.3,43.683c5.416,8.307,18.538,11.1,19.952,20.963' transform='translate(483 3931)' fill='%236ad9b9'/%3E%3Cpath id='Path_1995' data-name='Path 1995' d='M37.574,98.587C64.35,105.938,94.546,83.694,99.32,53.1a46.768,46.768,0,0,0-.37-17.865c-4.224-17.866-20.87-28.3-36.83-32.574-11.456-3.066-23.66-3.984-34.9-.034C-17.861,18.464-1.7,87.8,37.574,98.587' transform='translate(493 3941)' fill='%237b37e8'/%3E%3Cpath id='Path_1312' data-name='Path 1312' d='M8,2A6.007,6.007,0,0,0,2,8V23a6.007,6.007,0,0,0,6,6h9l5,6.667L27,29h9a6.007,6.007,0,0,0,6-6V8a6.007,6.007,0,0,0-6-6H8M8,0H36a8,8,0,0,1,8,8V23a8,8,0,0,1-8,8H28l-6,8-6-8H8a8,8,0,0,1-8-8V8A8,8,0,0,1,8,0Z' transform='translate(521 3971)' fill='%23ebe7dc'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 0 0;
}
blockquote p {
	margin: 0;
	color: var(--kleur-beige);
	font-size: 2.6rem;
	line-height: 3.6rem;
}
blockquote p + p {
	margin-top: var(--standaard-margin-bottom);
}



/* STIJLEN */



.button,
.button:hover,
.button:focus,
.mce-content-body a.button[data-mce-selected] {
	font-family: "degular", sans-serif;
	display: inline-block;
	text-decoration: none;
	color: var(--kleur-wit);
	background-color: var(--kleur-blauw);
	padding: 1.5rem 3.2rem 1.7rem;
	border: 0.2rem solid var(--kleur-roze);
	border-radius: 3rem;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1;

	animation-duration: 1s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
}

.button.klein,
.button.klein:hover,
.button.klein:focus,
.mce-content-body a.button.klein[data-mce-selected] {
	padding: 0.7rem 1.6rem 0.7rem;
	font-size: 1.2rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.24rem;
	line-height: 1;
}

.button:hover,
.button:focus {
	animation-name: rubberBand;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.05, 0.95, 1);
  }

  40% {
    transform: scale3d(0.75, 1.1, 1);
  }

  50% {
    transform: scale3d(1.05, 0.95, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.button.beige {
	background-color: var(--kleur-beige);
	border-color: var(--kleur-beige);
	color: var(--kleur-blauw);
}
.button.beige.rozerand {
	background-color: var(--kleur-beige);
	border-color: var(--kleur-roze);
	color: var(--kleur-blauw);
}
.button.roze {
	background-color: var(--kleur-roze);
	border-color: var(--kleur-roze);
	color: var(--kleur-beige);
}
.button.blauw {
	background-color: var(--kleur-blauw);
	border-color: rgba(235, 231, 220, 0.15);
	color: var(--kleur-beige);
}

.button i {
	margin-right: 0.5rem;
}

.contentblok ul,
ul.checklist {
    padding: 0 !important;
    list-style: none;
}
.contentblok ul li,
ul.checklist li {
	position: relative;
    padding-left: 3.2rem;
	margin-top: 1rem;
}
.contentblok ul li:first-child,
ul.checklist li:first-child {
	margin-top: 0;
}
.contentblok ul:not(.checklist) li::before {
	content: "•";
    position: absolute;
    top: 0rem;
	left: 0.7rem;
}
ul.checklist li::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0.9rem;
	width: 1.6rem;
	height: 1.3rem;
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1953.4,12.917l-.012-.006,0,0a1,1,0,0,1-.293-.2l-6-6a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l5.172,5.172,7.312-10.053a1,1,0,0,1,1.4-.22,1,1,0,0,1,.221,1.4l-8,11h0l-.018.023-.005.006-.011.014-.012.014,0,.006A1,1,0,0,1-1953,13,.991.991,0,0,1-1953.4,12.917Z' transform='translate(1960 0)' fill='%23ebe7dc'/%3E%3C/svg%3E%0A");
}

.highlight {
	position: relative;
	display: inline-block;
	margin: 0 0.4rem;
}
.highlight::before {
	content: "";
	position: absolute;
	width: calc(100% + 1.4rem);
	height: calc(100% - 0.4rem);
	/*height: 100%;*/
	z-index: -1;
	transform: translate(-50%, -50%) skew(-3deg, -1deg);
	left: 50%;
	top: 50%;
	margin-top: 0.3rem;
}


.highlight_groen {
	color: var(--kleur-blauw);
}
.highlight_groen::before {
	background: var(--kleur-groen);
}
.highlight_blauw {
	color: var(--kleur-beige);
}
.highlight_blauw::before {
	background: var(--kleur-blauw);
}
.highlight_roze {
	color: var(--kleur-beige);
}
.highlight_roze::before {
	background: var(--kleur-roze);
}


.link_met_pijl {
	position: relative;
	display: inline-block;
	font-family: "degular", sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 3rem;
	color: var(--kleur-beige);
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.link_met_pijl::after {
	content: "";
	width: 4rem;
	height: 1rem;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='11.207' viewBox='0 0 41 11.207'%3E%3Cpath id='Path_1307' data-name='Path 1307' d='M40,10H80L70,0' transform='translate(-39.5 0.707)' fill='none' stroke='%23ebe7dc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A");
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-left: 3rem;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a.link_met_pijl:hover {
	padding-left: 0.8rem;
	color: var(--kleur-beige);
}
a.link_met_pijl:hover::after {
	margin-left: 2.2rem;
	transform: translateX(-0.8rem);
}

h3 + p.p_groter,
.h3 + p.p_groter {
	margin-top: 3.2rem;
}
p.p_groter {
	font-size: 2rem;
	line-height: 3rem;
	margin-bottom: 3rem;
}


@media (min-width:768px) {

	.button,
	.button:hover,
	.button:focus,
	.mce-content-body a.button[data-mce-selected] {
		padding: 1.5rem 3.2rem 1.7rem;
	}

	.highlight {
		margin: 0 0.7rem;
		padding: 0 0.6rem;
	}
	.highlight::before {
		width: calc(100% + 1.4rem);
		height: calc(100% - 0.3rem);
		margin-top: 0.2rem;

	}



	p.p_groter {
		font-size: 2.2rem;
		line-height: 4rem;
		margin-bottom: 5.5rem !important;
	}

	.wp-caption {
		position: relative;
	}
	.wp-caption p {
		position: absolute;
    	bottom: 0;
		left: 0;
    	padding: 1.3rem 2rem;
	}
	blockquote {
		width: 100%;
		margin-left: 0;
		background-position: 5rem 0;
		padding: 0 5rem 0 24rem;
		min-height: 12rem;
	}
	blockquote p {
		font-size: 3rem;
		line-height: 5rem;
		font-family: "alverata-informal", sans-serif;
	}
}