/*!
Theme Name: vivrekinderthuiszorg
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vivrekinderthuiszorg
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vivrekinderthuiszorg is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font-family: 'Quicksand', sans-serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
    scroll-behavior: smooth;
    color:#141414;
  }

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.selector {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

img {
    pointer-events: none;
}

::selection {
    color: #fff;
    background: #EA82B3;
}

p {
    font-weight: 400;
}

/* main items */
.container-width {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1295px;
}

.container-width-small {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 800px;
    position: relative;
}

.container-width-vaca {
    margin: 0 auto;
    padding: 0 400px 0 30px;
    max-width: 630px;
    position: relative;
}
a {
    text-decoration: none;
}
/* end main items */

/* btn items */
.btn {
    color:#fff;
    background: linear-gradient(270deg, #EA82B3 0%, #F2B3D1 100%);
    border-radius: 15px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    padding:8px 17px;
    position: relative;
    z-index: 2;
}

.btn.plain {
    padding:7px 17px;
    border:solid 1px #fff;
    background: none;
}

.btn.dark-plain {
    padding:7px 17px;
    border:solid 1px #7A8A87;
    background: none;
    color:#7A8A87;
}


.btn:hover{
    opacity: 0.6;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.btn.right-arrow {
    padding-right:35px;
    position: relative;
}

.btn.down-arrow {
    padding-right:35px;
    position: relative;
}

.fina-cta-edit {
	margin-top:20px;
	display:inline-block;
}

.fina-cta-edit .cta-btn {
	float:left;
}
.right-arrow:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 17px;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 12px;
}

.down-arrow:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 17px;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(135deg);
    bottom: 15px;
}
/* end btn items */

/* desktop header */
.desktop-header {
    width: 100%;
    border-top:solid 5px #E4E8E7; 
    box-shadow: 0px -60px 58px 39px rgba(0, 0, 0, 0.25);
    padding-bottom: 20px;
    position: fixed;
    z-index: 100;
    background-color: #fff;
    overflow:hidden;
}

.desktop-header:before {
    content: "";
    top: 0;
    width: 50%;
    height: 41px;
    right: 0;
    z-index: -2;
    position: absolute;
    background-color: #E4E8E7;
    overflow:hidden;
}

.desktop-header .container-width {
    background-color: #fff;
    padding:0;
}

.header-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 2fr;
    grid-template-columns: 3fr 2fr;
    grid-gap: 30px;
}

.header-left {
    position: relative;
}

.logo {
    width:113px;
    height:65px;
    position: absolute;
    left:0; 
    top:0;
}

.logo:hover {
    opacity: 0.6;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.logo.logo-img {
    width: 100%;
    height:100%;
}
.header-left {
    margin:20px 0 0 0;
}

.header-right {
    position: relative;
}

.header-left ul{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
    list-style: none;
    margin-left:120px;
    padding:25px;
}

.header-right ul{
    display: inline-block;
    text-align: right;
    float:right;
    list-style: none;
    padding:10px 0 15px 10px;
    background-color: #E4E8E7;
    border-radius: 0px 0px 0px 15px;
}

.header-left ul li,
.header-right ul li {
    display: inline-block;
}

.header-left ul li a {
    margin: 0 25px;
    font-size: 16px;
    font-weight: 600;
    color:#7A8A87;
    position: relative;
}

.header-right ul li a {
    margin: 0 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    color:#7A8A87;
    position: relative;
}

.header-left ul li:last-child a,
.header-right ul li:last-child a{
    margin-right:0;
}

.header-left ul li a:hover,
.header-right ul li a:hover{
    color:#EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.header-left ul li.current_page_item a:before,
.header-right ul li.current_page_item a:before {
    content:"";
    bottom:-5px;
    width: 100%;
    height:3px;
    left:0;
    position: absolute;
    background-color: #EA82B3;
}
.header-left ul li.menu-item-has-children,
.header-right ul li.menu-item-43 {
    position: relative;
}

.header-left ul li.menu-item-has-children .sub-menu{
	display: none;
	border:solid 1px #D9D9d9;
	position: fixed;
    top: 69px;
    margin: 0;
    background-color: #fff;
    width: 160px;
    padding: 10px;
	border-radius: 10px;
}

.header-left ul li.menu-item-has-children.current_page_item ul li a:before {
	display: none !important;
}

.header-left ul li.menu-item-has-children:hover .sub-menu{
	display: block;
}

.header-left ul li.menu-item-has-children .sub-menu li {
    display: inline-block;
    padding: 10px 0;
}

.header-left ul li.menu-item-has-children .sub-menu li a {
    font-size: 14px;
    margin:0 10px;
}

.header-left ul li.menu-item-has-children:after{
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 8px;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(135deg);
    bottom: 6px;
}

.header-right ul li.menu-item-43 {
    margin-right: 13px;
}
/*
.header-right ul li.menu-item-43:after{
    content: "!";
    font-size: 13px;
    background-color:#EA82B3;
    color:#fff;
    height: 13px;
    padding: 1px;
    width: 13px;
    position: absolute;
    top: -2px;
    text-align: center;
    right: -20px;
    border-radius: 50%;
}*/
.header-btn {
    position: absolute;
    right:0;
    bottom:-3px;
    font-size: 14px;
}

.header-btn.vacat-btn {
	right:140px;
}
.menu-vacat-btn {
	background-color: #fff;
    width: calc(100% - 40px);
    display: inline-block;
    text-align: left;
    padding: 10px 20px;
    margin-top: 10px;
}

.menu-vacat-btn:before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    top: 13px;
    color: #fff;
}
/* end desktopheader */

/* folds */
.home-fold-section {
    position: relative;
    padding:280px 0 330px 0;
}

.default-fold-section {
    position: relative;
    padding:270px 0 240px 0;
}

.default-small-fold-section {
    position: relative;
    padding:210px 0 150px 0;
}

.default-fold-section .container-width,
.default-small-fold-section .container-width{
    position: relative;
}

.default-fold-section .container-width .arrow-down-btn,
.default-small-fold-section .container-width .arrow-down-btn{
position: absolute;
bottom:-200px;
left:30px;
z-index: 2;
}

.default-small-fold-section .container-width .arrow-down-btn {
    bottom:-130px;
}

.arrow-down-btn:hover circle,
.arrow-down-btn:hover circle{
    fill: #F1B7D2;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.gradient {
    position: relative;
}
.gradient:before{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    content:"";
    background: linear-gradient(89.25deg, #7A8A87 0.46%, rgba(122, 138, 135, 0) 99.28%);
    z-index: -1;
}

.gradient-gray-to-gray {
    position: relative;
}
.gradient-gray-to-gray:before{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    content:"";
    background: linear-gradient(-89.89deg, #D9D9D9 0.09%, rgba(122, 138, 135, 0.79) 99.89%);
    z-index: -1;
}

.gradient-white:before{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    content:"";
    background: linear-gradient(92.33deg, #FFFFFF 1.96%, #FFFFFF 39.99%, rgba(255, 255, 255, 0) 98.05%);
    z-index: -1;
}

.gradient-pink:before{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    content:"";
    background: linear-gradient(89.8deg, #EA82B3 0.12%, rgba(234, 130, 179, 0) 99.79%);
    z-index: -1;
}

.gradient-pink-half:before{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    content:"";
    background: linear-gradient(89.25deg, #EA82B3 0.46%, rgba(234, 130, 179, 0.1) 52.43%, rgba(122, 138, 135, 0) 99.28%);
    z-index: -1;
}

.bg-layer {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    z-index: -2;
    opacity: 0.6;
}

.bg-layer-half-white {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top:0;
    right:0;
    height:100%;
    width: 50%;
    z-index: -2;
    opacity: 1;
}

.ademtuimte {
    width: 100%;
    height:105px;
    display: block;
}
.wave {
    position: relative;
    height: 0;
}

.wave svg {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    z-index: 3;
}

.home-fold-section .wave svg{
    bottom:-331px;
}

.fold-wave {
    position: relative;
    height: 0;
}

.fold-wave svg{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    bottom:-241px;
    right:0;
}

.default-small-fold-section .fold-wave svg {
    bottom:-180px;
}

.tekst-wave {
    position: relative;
    height: 0;
}

.tekst-wave svg{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    top:-150px;
    right:0;
}
/* end folds */

/* video fold */
#fold-video {
    width: 100%;
    height: 100%;
    overflow:hidden;
    position:absolute;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2;
    opacity: 0.6;
  }
/* end video fold */

/* fold texts */
.fold-tekst.een-drie{
    width: 33%;
}

.home .fold-tekst.een-drie {
	width:45%;
}

.fold-tekst.een-twee{
    width: 50%;
}

.fold-tekst.white{
    color:#fff;
}

.fold-tekst.white span{
    color:#FFD7EA;
}

.fold-tekst h1 {
    font-size:50px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.2;
}

.fold-tekst p {
    font-size:16px;
    line-height:1.7;
    margin-right:30px;
}

.btn-contain {
    margin-top:50px;
    display: block;
}

.btn-contain a:nth-child(2){
    margin-left:15px;
}

.wit-blok.tekst-blok {
    position: relative;
    padding-bottom: 140px;
}

.wit-blok.terminaal-blok {
    background-color: #E4E8E7;
	z-index:-4;
}

.wit-blok.terminaal-blok .bg-layer-gradient-white {
    background: linear-gradient(92.33deg, #E4E8E7 1.96%, rgba(255, 255, 255, 0.63) 54.67%, rgba(255, 255, 255, 0) 98.05%);
}

.terminaal-blok h3{
	color:#EA82B3;
}
/* end fold texts */

/* tekst spliter */
.tekst-split {
    grid-gap: 50px;
    display: -ms-grid;
    display: grid;
}

.deel-vier {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.deel-drie {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.deel-twee {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.deel-een-twee {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
}

.deel-twee-een {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
}
/* end tekst splitter */

/* intro text */
.intro-tekst {
    margin-bottom: 100px;
}

.intro-tekst h2 {
  font-weight: 500;
  font-size:24px;
  line-height: 1.6;  
}

.intro-tekst h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

.intro-tekst p {
    font-size: 16px;
    line-height: 1.7;
    margin-right: 50px;
}

.intro-part.extra-push {
    margin-top:40px;
}
/* end intro text */

/* zorg cards */
.zorg-card {
    border-radius: 10px;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
    padding:30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:430px;
}

.zorg-card:hover {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.zorg-card:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: -1;
    border-radius: 10px;
}

.zorg-card:hover:before {
    height: 100%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.zorg-card h3 {
    color:#fff;
    font-weight: 500;
    font-size:24px;
    line-height: 1.6;  
    margin:20px 0 15px 0;
}

.zorg-card-line {
    width: calc(100% - 12px);
    height:2px;
    background-color: #EA82B3;
    position: relative;
}

.zorg-card-line:after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 12px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #EA82B3;
    border-right: 2px solid #EA82B3;
    transform: rotate(-45deg);
    bottom: -5px;
    right:-12px;
}

.zorg-card:hover .zorg-card-line:after {
    transform: rotate(135deg);
    bottom: -5px;
    right:-13px;
}

.zorg-card-content {
    background-color: #fff;
    width: calc(100% - 100px);
    margin-top:25px;
    padding:20px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.7;
    margin-right: 50px;
    color:#7A8A87;
    position: absolute;
    bottom:30px;
    left:30px;
    opacity: 0;
    min-height:200px;
}

.zorg-card:hover .zorg-card-content p {
    font-size: 14px;
}

.zorg-card:hover .zorg-card-content {
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.zorg-card-content .lees-btn {
    color:#EA82B3;
    text-decoration: underline;
    margin-top:10px;
}

.zorg-card-top {
    position: absolute;
    top:290px;
    left:30px;
    width: calc(100% - 60px);
}

.zorg-card:hover .zorg-card-top{
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    bottom:inherit;
    top:30px;
	opacity:0;
}

.tekst-blok .zorg-card-top h3,
.zorg-card-top h3{
	font-size: 19px;
	letter-spacing:-0.5px;
}

.zorg-card svg {
    opacity: 1;
}

.zorg-card:hover svg {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.go-right {
    text-align: right;
}
/* end zorg cards */

/* verhaal / review blok */
.verhalen-blok {
    margin:150px 0;
}

.verhalen-blok .container-width{
    position: relative;
	max-width:1050px;
}

.verhalen-blok .container-width{
    position: relative;
	max-width:1050px;
}

.verhaal-contain {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.verhaal-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    margin-top: -20px;
    position: relative;
}

.verhaal-img img {
    position: absolute;
    bottom:-60px;
    left:-60px;
    width: 262px;
}

.verhaal-tekst {
    border-radius: 0 10px 10px 0;
    background-color: #E4E8E7;
    padding:50px;
}

.verhalen-blok.switch .verhaal-tekst {
    border-radius:  10px 0 0 10px;
}

.verhaal-tekst h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.verhaal-tekst h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin:20px 0;
}

.verhaal-tekst p {
    font-size: 16px;
    line-height: 1.7;
}

.background-vorm {
    position: absolute;
    z-index: -1;
    top:-65px;
    left:5px;
    width: 100%;
}

.verhalen-blok.switch .background-vorm {
    position: absolute;
    top:-55px;
    left:inherit;
    right:5px;
    width: 100%;
    transform: rotateY(180deg);
}

.verhalen-blok.switch .verhaal-img img {
    left:inherit;
    right:-60px;
}
/* end verhaal / review blok */

/* tekst blok */
.tekst-blok {
    padding:100px 0;
}

.gradient-pink-bg {
    background: linear-gradient(-90deg, rgba(234, 130, 180, 0.2) -9.02%, rgba(234, 130, 179, 0.05) 99.77%);
}

.gradient-pink-bg-switch {
    background: linear-gradient(130deg, rgba(234, 130, 180, 0.2) -9.02%, rgba(234, 130, 179, 0.05) 99.77%);
}

.gradient-gray-bg {
    background: linear-gradient(270.35deg, rgba(122, 138, 135, 0.24) -9.02%, rgba(122, 138, 135, 0) 99.77%);
}

.tekst-blok h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.tekst-blok h2,
.tekst-blok h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin: 20px 0;
}

.tekst-blok p {
    font-size: 16px;
    line-height: 1.7;
}

.tekst-blok p a {
    text-decoration: underline;
    color:#7A8A87;
}

.tekst-blok p a:hover{
    color:#EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.img-part.split {
    position: relative;
}

.img-part.split .spliter-imger {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
}

.img-part.split .spliter-imger.big {
    width: 100%;
    height:100%;
    z-index: 1;
    position: relative;
}

.img-part.split .spliter-imger.een {
    width: 80%;
    height:100%;
    float:right;
    z-index: 1;
    position: relative;
}
.img-part.split .spliter-imger.een:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(48.61deg, rgba(3, 3, 3, 0.47) -8.99%, rgba(0, 0, 0, 0) 69%);
    z-index: 1;
    border-radius: 10px;
}
.img-part.split .spliter-imger.twee {
    width: 40%;
    height:50%;
    top:25%;
    z-index: 2;
    position: relative;
}

.img-part.split p {
    position: absolute;
    bottom:-40px;
    right:0;
    text-align: right;
    color:#EA82B3;
    font-size: 14px;
}
.img-part.split p a {
    color:#EA82B3;
    text-decoration: underline;
}

.img-part.split p a:hover{
    color:#7A8A87;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.logo-over {
    position: absolute;
    right:20px;
    bottom:20px;
    width: 116px;
}

.kaart-blok .tekst-split {
    grid-gap: 220px;
}

.kaart-over {
    margin-top:60px;
	width:100%;
}
/* end tekst blok */

/* owl slider mikmak */
/* slider */
.carousel-wrap {
    padding: 0;
    width: 100%;
    position: relative;
  }
  
  /* fix blank or flashing items on carousel */
  .owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
    position: relative;
    background-position: center center;
  }
  
  /* end fix */
  .owl-nav>div {
    margin-top: 0;
    position: absolute;
    top: -68px;
    color: #cdcbcd;
  }
  
  .owl-nav>div:hover {
    color: #1c1c1c;
  }
  
  .owl-nav i {
    font-size: 24px;
  }
  
  .owl-nav .owl-prev {
    padding:12px 15px;
    background-color: #7A8A87;
    left: -17px !important;
    top: calc(50% - 17px);
    border-radius: 50%;
  }
  
  .owl-nav .owl-next {
    padding: 12px 15px;
    background-color: #7A8A87;
    right: -17px;
    left: inherit !important;
    top: calc(50% - 17px);
    border-radius: 50%;
  }
  
  .owl-nav .owl-prev:hover,
  .owl-nav .owl-next:hover {
    background-color: #EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  
  .owl-nav .owl-prev:before {
    content: "";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 10px solid #7A8A87;
    width: 0;
    height: 0;
    display: inline-block;
  }
  
  .owl-nav .owl-next:before {
    content: "";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 10px solid #7A8A87;
    width: 0;
    height: 0;
    display: inline-block;
  }
  
  .owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
  }
  
  .owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
  }
  
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
  }
  
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
  }
  
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
  }
  
  .owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
  }
  
  .owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d
  }
  
  .owl-carousel .owl-dot,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
  }
  
  .owl-carousel.owl-loaded {
    display: block
  }
  
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block
  }
  
  .owl-carousel.owl-hidden {
    opacity: 0
  }
  
  .owl-carousel.owl-refresh .owl-item {
    display: none
  }
  
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
  }
  
  .owl-carousel.owl-rtl {
    direction: rtl
  }
  
  .owl-carousel.owl-rtl .owl-item {
    float: right
  }
  
  .no-js .owl-carousel {
    display: block
  }
  
  .owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }
  
  .owl-carousel .owl-animated-in {
    z-index: 0
  }
  
  .owl-carousel .owl-animated-out {
    z-index: 1
  }
  
  .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
  }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1
    }
  
    100% {
      opacity: 0
    }
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1
    }
  
    100% {
      opacity: 0
    }
  }
  
  .owl-height {
    transition: height .5s ease-in-out
  }
  
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
  }
  
  .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
  
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #1c1c1c
  }
  
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
  }
  
  .owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
  }
  
  .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
  }
  
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
  }
  
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
  }
  
  .land-white {
    float: left;
    width: 100%;
  }
  .owl-nav.disabled {
    display: none;
  }
  
  
  @keyframes slide-right {
    from {
      margin-left: -100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }
  
  @keyframes slide-left {
    from {
      margin-left: 100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }
/* slider edits */
.bedrijven-top {
    margin-top:30px;
}

.bedrijf-logo {
    margin:30px 0;
    padding:30px 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.slider-bg .container-width{
    position: relative;
}

.slider-bg .hart-tekening-grijs {
    position: absolute;
    top: -110px;
    right: 30px;
    width: 300px;
}
/* end slider edits */
/* end owl slider mikmak */

/* footer style */
.footer-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:360px;
}

.footer-wave {
    position: relative;
    height:0;
    height:360px;
}

.footer-wave svg {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -1px;
    z-index: 3;
}

.gradient-layer {
    background: linear-gradient(89.25deg, rgba(122, 138, 135, 0.62) 0.46%, rgba(122, 138, 135, 0) 99.28%);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.bg-layer-gradient-white {
    background: linear-gradient(92.33deg, #FFFFFF 1.96%, rgba(255, 255, 255, 0.63) 54.67%, rgba(255, 255, 255, 0) 98.05%);
    position: absolute;
    top:0;
    right:0;
    width: 50%;
    height: 100%;
    z-index: -1;
}

footer .container-width {
    position: relative;
}

footer {
    background-color: #7A8A87;
}

footer .container-width .footer-icon {
    position: absolute;
    top:-55px;
    left:30px;
    z-index: 3;
}

.footer-content {
    padding:80px 0 0 0;
    color:#fff;
}

.footer-part ul{
    list-style: none;
    line-height: 2.5;
    font-size: 16px;
}

.footer-part h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 160%;
    margin-bottom: 15px;
}
.footer-part ul li a {
    color:#fff;
}
.footer-part ul li a:hover {
    color:#EA82B3;
}
.footer-btns {
    margin-top:10px;
}
.cta-btn {
    background-color: #859391;
    color:#fff;
    padding:6px 15px;
    display: block;
    margin:15px 0;
    width: fit-content;
    border-radius: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.cta-btn svg {
    margin-right:10px;
}

.cta-btn:hover {
    background-color: #EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.footer-under {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin:80px 0 0 0;
    padding:30px 0 30px 0;
    border-top:solid 2px #859391;
    color:#CAD0CF;
    grid-gap: 50px;
}
.footer-under ul{
    text-align: left;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.footer-under a {
    color:#CAD0CF;
}

.footer-under a:hover{
    color: #EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}


.footer-under ul li{
    display: inline-block;
    margin-right:20px;
}

.under-right {
    text-align: right;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    display: flex;
}

.under-right a {
    text-decoration: underline;
}

.under-right img {
    width:115px;
    margin-left:10px;
}

/* end footer style */

/* na fold tekst */

.na-fold-section {
    padding:60px 0 10px 0;
}
.na-fold-content {
    grid-gap: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
}

.na-fold-tekst h4{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: right;
    margin-top:10px;
}

.na-fold-tekst h2,
.na-fold-tekst h3{
    font-weight: 500;
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.na-fold-tekst p {
    font-size: 16px;
    line-height: 1.7;
}

.na-fold-item.na-fold-p {
    grid-gap: 50px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
.na-fold-section .container-width {
    position: relative;
}
.na-fold-section .container-width .hart-tekening-grijs {
    position: absolute;
    top: 80px;
    left: 120px;
    width: 300px;
}

.curve-edit {
    padding:60px 0 120px 0;
}

.na-fold-section .container-width .hart-tekening-grijs {
    top: 60px;
    left: 60px;
    width: 250px;
}
/* end na fold tekst */

/* onze waardes */
.onze-waardes-blok {
    padding: 30px 0 100px 0;
}
.waardes-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    margin-bottom: 12px;
}

.waardes-title h3 {
    font-size:20px;
    margin:0 0 0 10px;
}
/* end onze waardes */

/* personeel card */
a.personeel-card {
    color:#fff;
    width: 100%;
    height:100%;
    display: block;
}

.personeel-card-section .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height:480px;
    position: relative;
}

.personeel-info {
    position: absolute;
    left:30px;
    bottom:30px;
    width: calc(100% - 60px);
}

.personeel-info h3 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.6;
    margin: 20px 0 15px 0;
}

.personeel-info h3 span {
    color:#EA82B3;
}

.personeel-card-section .item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: -1;
    border-radius: 10px;
}

.personeel-card-section .item:hover:after {
    height: 100%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.personeel-card-section .item:hover .zorg-card-content {
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.personeel-card-section .item:hover .personeel-info {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    bottom: 310px;
}

.personeel-card-section .item:hover .zorg-card-line:after {
    transform: rotate(135deg);
    bottom: -5px;
    right:-13px;
}

.personeel-card-section .owl-nav .owl-next,
.personeel-card-section .owl-nav .owl-prev{
    background-color: #7A8A87;
}

.personeel-card-section .owl-nav .owl-next:hover,
.personeel-card-section .owl-nav .owl-prev:hover{
    background-color: #F2B3D1;
}
.owl-nav .owl-next:before {
    border-left: 10px solid #D9D9D9;
}
.owl-nav .owl-prev:before {
    border-right: 10px solid #D9D9D9;
}

.personeel-card-section .owl-nav .owl-next:hover:before {
    border-left: 10px solid #EA82B3;
}
.personeel-card-section .owl-nav .owl-prev:hover:before {
    border-right: 10px solid #EA82B3;
}

.personeel-card-section {
    padding:80px 0 120px 0;
    position: relative;
}

.personeel-card-section.white {
    padding:120px 0 120px 0;
}

.personeel-card-section:after {
    position: absolute;
    content:"";
    top: 0;
    right: 0;
    width: 100%;
    height: calc(50% - 20px);
    z-index: -1;
    background-color: #E4E8E7;
}

.personeel-card-section.white:after {
    display: none;
}

/* end personeel card */

/* start over villa blok */
.over-villa-blok  {
    position: relative;
}
.over-villa-blok .container-width {
    position: relative;
}
.over-villa-blok .tekst-part{
    padding:40px 120px 60px 0;
}

.over-villa-blok .tekst-split {
    grid-gap: 120px;
}

.img-layerer {
    position: absolute;
}

.img-layerer.one {
    right:0;
    bottom:-50px;
    z-index: -1;
}

.img-layerer.two {
    bottom:80px;
    left:calc(50% - 100px);
    z-index: 2;
}

.img-layerer.three {
    top:-60px;
    left:-40px;
    z-index: -1;
}
/* end over villa blok */

/* los */
.tekst-split.upper {
    margin:0 0 40px 0;
}
.tekst-split.upper h3{
    margin:0;
}
.tekst-split h3 span{
    color: #000;
	font-weight:600;
}
/* end los */


/* artikel-items */
.artikel-section {
    margin:80px 0;
}
.artikel-item .artikel-top{
    height:260px;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
    padding: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color:#fff;
}
.nieuws .artikel-item .artikel-top{
    height:200px;
}

.artikel-item .artikel-top:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: -1;
    border-radius: 10px;
}

.artikel-item h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.artikel-item h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin: 15px 0 0 0;
    color:#F2B3D1;
}
.artikel-item h3 span {
    color:#EA82B3;
}

.artikel-top-content {
    position: absolute;
    bottom:30px;
    left:30px;
    width: calc(100% - 60px);
}

.artikel-bottom {
    color:#7A8A87;
    padding:30px;
}

.artikel-bottom h2{
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    font-size: 24px;
    margin:0 0 20px 0;
}

.artikel-bottom .lees-btn {
    color:#EA82B3;
    text-decoration: underline;
    margin-top:20px;
}

.artikel-item:hover{
    opacity: 0.6;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
/* end artikel-items */

/* client verhalen pagina */
.verhalen-blok.group-part {
    margin:0;
}

.verhalen-blok.group-part .background-vorm {
    top:-55px;
}

.verhalen-blok.group-part .container-width {
    margin:140px auto;
}
.verhalen-blok.group-part.villa-edit .container-width {
	max-width: 1295px;
}
.verhalen-blok.group-part.plain-grey.plain .container-width {
    margin:90px auto 50px auto;
}

.verhalen-blok.group-part.switch .verhaal-tekst {
    order:1;
}
.verhalen-blok.group-part.switch .verhaal-img {
    order:2;
}
.pink .verhaal-tekst {
    background-color: #FCEDF4;
}

.verhalen-blok.pink .background-vorm path{
    fill:#FEF6FA;
    fill-opacity: 1;
}

.verhalen-blok.group-part.plain-grey {
    background: linear-gradient(270deg, #E4E8E7 0%, rgba(228, 232, 231, 0) 95.5%);
    padding:1px 0 ;
    display: block;
}

.verhalen-blok.group-part.plain-grey .verhaal-tekst,
.verhalen-blok.group-part.plain-grey.plain {
    background: None;
}

.verhalen-blok.group-part.plain-grey .background-vorm{
    display: none;
}

/* end client verhalen pagina */

/* pink tekst  blok*/
.pink-bg {
background-color: #FCEDF4;
}
.pink-bg .container-width {
    position: relative;
}
.pink-bg .tekst-wave svg{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    top:-160px;
    right:0;
}

.pink-bg .hart-tekening-fade {
    position: absolute;
    top: 0;
    right: 30px;
    width: 300px;
}

.layer-imager-pink {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top:0;
    left:30px;
    height:100%;
    width: calc(33% - 60px);
    border-radius: 10px;
    opacity: 1;
}
/* end pink tekst blok */

/* handelingen blok */
.handelingen h4{
margin-bottom: 20px;
}

.handelingen .upper,
.handelingen .tekst-split.downer {
    position: relative;
}

.handelingen .tekst-split.downer h3{
    margin:0;
}

.handelingen .upper:after{
    content:"";
    height:2px;
    width: calc(66% - 20px);
    position: absolute;
    bottom:8px;
    right:0;
    background-color: #E4E8E7;
}

.tekst-split.downer {
    margin: -10px 0 0 0;
    padding-top:50px;
}

.handelingen .downer:after{
    content:"";
    height:2px;
    width: calc(75% + 20px);
    position: absolute;
    top:5px;
    left:0;
    background-color: #E4E8E7;
}

.handelingen-content {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    display: -ms-grid;
    display: grid;
}
.handeling-item {
    border-radius: 10px;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
    padding: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 180px;
}

.handeling-item:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: -1;
    border-radius: 10px;
}

.handelingen-info {
    background-color: #fff;
    width: calc(100% - 80px);
    margin-top: 25px;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.7;
    margin-right: 50px;
    color: #7A8A87;
    position: absolute;
    bottom: 20px;
    left: 20px;
    opacity: 0;
}

.handeling-item:hover .handelingen-info {
    opacity: 1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.handelingen-info p {
    font-size: 12px;
	line-height:1.5;
}

.handelingen .handeling-item h3 {
    font-size: 18px;
    color:#fff;
    margin:10px 0;
}

.handelingen-top {
    position: absolute;
    bottom:20px;
    width: calc(100% - 40px);
    opacity: 1;
}

.handeling-item:hover .handelingen-top {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.handelingen-contain {
    height:470px;
    overflow: hidden;
}

.handelingen-contain.long{
    height: auto;
}

.down-arrow.flip:after{
    transform: rotate(-45deg);
    bottom:12px;

}
.btn.toggle {
    cursor: pointer;
    z-index: 1;
}
/* end handelingen blok */

/* Financiering page */
p.big-para {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.stappen {
    background: linear-gradient(180deg, #E4E8E7 2%, rgba(228, 232, 231, 0) 133.39%);
}

.waarde-nummer {
    font-size: 16px;
    font-weight: 600;
    border-radius: 50%;
    border:solid 2px #EA82B3;
    height:32px;
    width: 32px;
    display: flex;
  align-items: center;
  justify-content: center;
    display: flex;
}

.stappen-contain {
    padding:80px 0 0 0;
    border-top:dashed #D9D9D9 1px;
}

.stappen .upper{
margin-bottom:60px;
}

.stappen .tarief-balk-edit {
	padding:60px 0 0 0;
	margin:60px 0 0 0;
	border-top: dashed #D9D9D9 1px;
}

.stappen-contain .waardes-item{
	background-color:#fff;
	    padding: 25px;
    border-radius: 15px;
}

.stappen-contain .waardes-item .waardes-content p{
	font-size:15px;
}
/* end Financiering page */

/* villa vivre */
.verhaal-img img.bloem-tekening {
    position: absolute;
    top: -60px;
    left: -60px;
    width: 200px;
    z-index: -1;
}

.blokken-tekening {
    position: absolute;
    top: -190px;
    right: 0;
    width: 130px;
    z-index: 1;
}

.img-slider {
    padding:100px 0 120px 0;
}

.img-slider .item{
    height:280px;
    border-radius: 10px;
}
.counter-pink-edit .fold-tekst.white span {
    color: #7A8A87;
}

.counter-pink-edit .btn {
    padding: 7px 17px;
    border: solid 1px #fff;
    background:#7A8A87;
}

.counter-pink-edit .btn.plain {
    background: none;
}

.counter-pink-edit .na-fold-tekst h4 {
    margin: 0 0 20px 0;
    text-align: left;
}

.na-fold-section.counter-pink-edit .container-width .hart-tekening-grijs {
    top: 60px;
    left: 120px;
    width: 220px;
}
.tol-tekening {
    position: absolute;
    right:30px;
    bottom:-120px;
    z-index: 2;
    width: 150px;
}

.layer-imager-grey {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 40px;
    right: 30px;
    height: calc(100% - 100px);
    width: calc(33% - 60px);
    border-radius: 10px;
    opacity: 1;
}

.tekst-blok .deel-twee-een h3 {
    margin-bottom: 40px;
}

.grayder-fader {
    background: linear-gradient(270.43deg, rgba(228, 232, 231, 0.62) 0.42%, rgba(228, 232, 231, 0) 99.72%);
    position: relative;
    overflow: hidden;
}

.grayder-fader .container-width {
    position: relative;
}

.grayder-fader .img-layerer.one {
    z-index: 0;
    right: -100px;
    bottom: 0;
    overflow: hidden;
}

.gegevens-kaartjes.villa-editer {
	margin-bottom:170px;
}
/* end villa vivre */

/* plain page */
.plain-header {
    background-color: #E4E8E7;
    padding:180px 0 100px 0;
}

.plain-header.nieuws-edit {
    padding:180px 0 0 0;
    position: relative;
}

.plain-header.nieuws-edit:before{
    position: absolute;
    bottom:0;
    left:0;
    content:"";
    background-color: #fff;
    height:200px;
    width: 100%;
}

.plain-header .arrow-down-btn {
    bottom:-125px;
    position: absolute;
    left:30px;
}


.plain-header .fold-tekst h1 {
padding:0;
margin:0;
}
.bread-crumbs{
color: #7A8A87;
    font-size: 12px;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.bread-crumbs, .breadcrumbs {
    display: inline-block;
}

.bread-crumbs a {
    color: #7A8A87;
}

.plain-content {
    padding:80px 0 60px 0;
}

.plain-content p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.plain-content h1,
.plain-content h2,
.plain-content h3,
.plain-content h4,
.plain-content h5 {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.6;
}

.plain-content h1 {
    font-size: 45px;
}
.plain-content h2 {
    font-size: 32px;
}

.plain-content h4 {
    font-size: 18px;
}

.plain-content h5 {
    font-size: 16px;
}

.plain-content ul,
.plain-content ol {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
    margin-left:18px;
}

.plain-content ul ul,
.plain-content ul ul ul,
.plain-content ol ol,
.plain-content ol ol ol{
    margin-bottom: 0;
}

.plain-content .wp-block-table {
    overflow-x: auto;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.plain-content .wp-block-table table td{
    width: 20%;
    padding: 10px;
}

.plain-content img {
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    max-width: 800px;
}

.plain-content a {
    text-decoration: underline;
    color:#7A8A87;
}

.plain-content a:hover{
    color:#EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.plain-header-icon {
    width: 250px;
    position: absolute;
    right:-200px;
    top:0;
}

.goback-btn{
    color: #7A8A87;
        font-size: 12px;
        width: 100%;
        font-style: normal;
        font-weight: 600;
        line-height: 1.6;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    
    .goback-btn {
        display: inline-block;
    }
    
    .goback-btn a {
        color: #7A8A87;
        display: inline-block;
        position: relative;
        padding-left: 20px;
    }

    .goback-btn a:after{
        color: #7A8A87;
        display: inline-block;
        position: absolute;
        transform: rotate(225deg);
        bottom: 6px;
        left:5px;
        right:inherit;
    }

    .goback-btn a:hover{
        color:#EA82B3;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    }

    .nieuw-img {
        height:400px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        width: calc(100% + 80px);
        border-radius: 10px;
        margin-top:60px;
        margin-bottom: -30px;
        margin-left:-40px;
    }

    .nieuw-img:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        content: "";
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        z-index:1;
        border-radius: 10px;
    }

    .nieuw-img span {
        position: absolute;
        color:#fff;
        bottom:40px;
        left:40px;
        z-index: 2;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.6;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    .nieuws-slider-edit.personeel-card-section:after {
        height:290px;
    }

    .nieuws-slider-edit.personeel-card-section .owl-nav .owl-next, 
    .nieuws-slider-edit.personeel-card-section .owl-nav .owl-prev {
        top:120px;
    }

    .nieuws-slider-edit.personeel-card-section {
        padding-bottom: 100px;
    }
/* end plain page */

/* clientverhalen & verhalen detail */ 
.plain-footer-cta {
    padding:30px 40px;
    margin:80px 0 60px 0;
    border-radius: 10px;
    background-color: #E4E8E7;
}

.plain-footer-cta .cta-tekst {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.6;
    display: inline-block;
}

.plain-footer-cta .btn {
    float:right;
    display: inline-block;
    margin-top:5px;
    text-decoration: none;
    color:#fff;
}

.plain-footer-cta .btn:hover {
    color:#fff;
}

.plain-content img.big-block {
    height:480px;
    margin:20px 0 40px 0;
    object-fit: cover;
    object-position: center;
}

.pink-quote {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.6;
    color: #EA82B3;
    width: 66%;
    margin-bottom: 20px;
}

.start-tekst {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 30px;
}

h1.plain-title {
    margin-bottom: 20px;
    margin-top:-30px;
}

.big-banner-img {
    margin: 0 auto;
    height:500px;
    max-width: 1000px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 10px;
    z-index: 2;
}
.c-en-v-edit {
    position: relative;
}
.c-en-v-edit:before{
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    content:"";
    width: 100%;
    background-color: #fff;
    height:150px;
}

.big-banner-img:after{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%);
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    content:"";
    width: 100%;
    height:70%;
}

.titles-contain {
    position: absolute;
    bottom:60px;
    left:100px;
    z-index: 2;
    width: calc(100% - 200px);
}

.titles {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.6;
    color: #CAD0CF;
}

.boven-titles {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #7A8A87;
    margin-bottom: 15px;
}

.plain-header.c-en-v-edit {
    padding-bottom: 0;
}

.plain-header.c-en-v-edit .plain-header-icon {
    top:80px;
}

.c-en-v-wave {
    position: relative;
    height: 0;
}

.c-en-v-wave svg {
    width: 100%;
    height: auto;
    position: absolute;
    z-index:1;
    top: -150px;
    right: 0;
}

.quote-iconer {
    position: absolute;
    left:-24px;
    bottom:70px;
    z-index: 4;
}

.v-pink {
    background-color: #FCEDF4;
}

.v-pink .boven-titles {
    color:#fff;
}

.v-pink .titles {
    color:#F2B3D1;
    font-size: 24px;
}

.v-pink .titles span {
    color:#EA82B3;
}
/* end clientverhalen & verhalen detail */ 

/* usp balk */
.usp-section {
    padding:30px 0 120px 0;
}
.usp-contain {
    grid-gap: 35px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.usp-item {
    background-color: #FBE8F1;
    border:solid 1px #FFDEED;
    text-align: center;
    padding:45px 20px 30px 20px;
    position: relative;
    border-radius: 10px;
}

.usp-item svg{
    position: absolute;
    top:-25px;
    left:calc(50% - 25px);
}

.usp-item p {
    font-size: 16px;
    line-height: 1.7;
}

.usp-titles {
    font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 1.6;
margin-bottom: 15px;
}
/* end usp balk */

/* keurmerk-blok */
.keurmerk-blok {
    background: none;
}

.keurmerk-blok .layer-imager-pink {
    background: linear-gradient(100.13deg, rgba(217, 217, 217, 0.6) -1.8%, rgba(217, 217, 217, 0) 142.53%);
    align-items: center;
    justify-content: center;
    display: flex;
	background-size: cover;
    background-position: center center;
}

.keurmerk-blok .layer-imager-pink img {
    max-width: 230px;
}
/* end keurmerk-blok */

/* vacature pagina */
.plain-slider {
    padding:0;
}

.personeel-card-section.plain-slider:after {
    display: none;
}

.vacature-bar {
    background-color: #fff;
    border:solid 1px #FFDEED;
    border-radius: 10px;
    display: block;
    padding:25px 40px;
    grid-gap: 35px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px;
    grid-template-columns: 1fr 50px;
    margin-bottom: 15px;
}

.tekst-split .vacature-bar h3 span {
    color:inherit;
}
.vacature-bar:hover{
    background-color: #F1B7D2;
    border:solid 1px #fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.vacature-bar h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #141414;
    margin:0 0 15px 0;
}

.vacature-bar:hover h3,
.vacature-bar:hover p  {
    color:#fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.vacature-bar:hover circle{
    fill:#fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.vacature-bar p {
    color: rgba(0, 0, 0, 0.6);
    font-style: normal;
font-weight: 500;
font-size: 14px;
}

.vacature-bar .btn-vaca {
    align-items: center;
    justify-content: center;
    display: flex;
}

.vacature-bars {
    padding-bottom: 200px;
}
.vacature-bars .tekst-wave svg {
    top:inherit;
    bottom: -200px;
    z-index: 1;
}

h4.va-opval-titel {
	color: #fff;
	background-color: #F1B7D2;
    border: solid 1px #fff;
	font-size:14px;
	border-radius: 10px;
    padding: 7px 15px;
	display: inline-block;
	margin: 25px 0 20px 0;
}

#vacatures {
	position: absolute;
    width: 100%;
    height: 111px;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}
.usp-vaca-size {
	position:relative;
}
/* end vacature pagina */

/* vaca detail */
.vaca-detail-fold h1{
    font-weight: 400;
}

.vaca-detail-fold h1 span {
    font-weight: 700;
}

.vaca-detail-fold .goback-btn a,
.vaca-detail-fold .goback-btn a:after {
    color:#fff;
}

.vaca-detail-fold .goback-btn a:hover,
.vaca-detail-fold .goback-btn a:hover:after {
    color:#FFD7EA;
}

.vaca-btn {
    background: None;
    background-color: #FCEDF4;
    color:#EA82B3 !important;
    border:solid 1px #F1B7D2;
    z-index: 3;
    position: relative;
    text-decoration: none !important;
}

.vaca-btn svg {
    margin-bottom:-3px;
    margin-right: 5px;
}

.vaca-btn-contain .vaca-btn:first-child svg {
    margin-bottom:-2px;
}

.vaca-btn-contain {
    margin:60px 0 0 0;
}


.sc-btn {
    background: None;
    background-color: #FCEDF4;
    color: #EA82B3 !important;
    text-decoration: none !important;
}

.sc-btn:hover {
	background-color: #fff;
}

.sc-samen {
	margin-top:50px;
}

.plain-content-vaca {
    padding-bottom: 130px;
    margin-bottom: 100px;
    position: relative;
}

.vaca-plain-bg {
    width: 50%;
    height:900px;
    position: absolute;
    bottom:0;
    right:0;
    z-index: -2;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vaca-plain-bg:before{
    content:"";
    position: absolute;
    background: linear-gradient(92.33deg, #FFFFFF 1.96%, rgba(255, 255, 255, 0.63) 54.67%, rgba(255, 255, 255, 0) 98.05%);
    height:100%;
    width: 70%;
    top:0;
    left:0;
}

.vaca-plain-bg:after{
    content:"";
    position: absolute;
    background: linear-gradient(180.9deg, #FFFFFF 17.07%, rgba(255, 255, 255, 0.63) 60.6%, rgba(255, 255, 255, 0) 96.43%);
    height:50%;
    width: 100%;
    top:0;
    left:0;
}

.vaca-plain-bg svg{
    position: absolute;
    bottom:0;
    right:0;
    width: 100%;
    width: 100%;
    height: auto;
}

.container-width-vaca .arrow-down-btn{
    position: absolute;
    right:380px;
    bottom:-140px;
    z-index: 2;
}
.container-vaca-extra {
    position: absolute;
    right:-80px;
    top:-300px;
    max-width: 380px;
    z-index: 4;
}
.vaca-extra-blok {
    background: #FFFFFF;
box-shadow: 0px 0px 26px 1px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding:30px 40px 40px 40px;
width: 100%;
}

.vaca-extra-blok ul {
    text-align: left;
    list-style: none;
    margin:0;
}

.vaca-extra-blok ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 10px 0;
    padding:5px 0 10px 30px;
    border-bottom: 1px solid rgba(122, 138, 135, 0.2);
    width: 100%;
    position: relative;
}

.vaca-extra-blok ul li:first-child {
    font-size: 16px;
    font-weight: 700;
    padding-left: 0;
}

.vaca-extra-blok ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border:solid 0px #000;
}

.vaca-extra-blok ul li svg {
    position: absolute;
    left:0;
    top:5px;
}

.plain-content .vaca-extra-onder {
    padding:30px;
}

.plain-content .vaca-extra-onder p{
    font-size: 14px;
    margin-bottom: 5px;
}

.plain-content .vaca-extra-onder .cta-btns {
    padding-top:5px;
    display: block;
}

.cta-btns .cta-btn {
    background-color:#E4E8E7;
    text-decoration: none;
}

.cta-btns .cta-btn:hover {
    opacity: 0.6;
    color:#A2AEAB;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
/* end vaca detail *

/* vaca contact blok */
.vaca-contact-blok {
    padding:100px 0;
    position: relative;
}

.vaca-contact-blok:after {
    content:"";
    position: absolute;
    top:700px;
    left:0;
    height: calc(100% - 700px);
    width: 100%;
    background-color: #fff;
    z-index: -1;
}

.vaca-contact-blok .bg-layer {
    max-height:700px;
    opacity: 1;
}

.vaca-contact-blok .container-width {
    max-width: 600px;
}

.vaca-contact-top {
    color:#fff;
}

.vaca-contact-top h2{
    font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 1.4;
margin-bottom: 10px;
}

.vaca-contact-top h3{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.vaca-contact-top p{
    font-size: 16px;
line-height: 1.7;
}

.vaca-form {
    background-color: #fff;
    border-radius: 10px;
    border:1px solid #D9D9d9;
    padding:50px 50px 40px 50px;
    margin-top:40px;
}

.vaca-form h3,
.vaca-form-under h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.vaca-form form p,
.vaca-form-under p,
.plain-content p{
    color: #141414;
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 15px;
}

.vaca-form form p:nth-child(2),
.vaca-form form p:nth-child(3),
.vaca-form form p:nth-child(4),
.vaca-form form p:nth-child(5){
    width: calc(50% - 14px);
    display: inline-block;
}

.plain-content form p {
	width: calc(50% - 14px);
    display: inline-block;
}

.plain-content form p:nth-child(even) {
	margin-right:20px;
}

.plain-content form p:last-child,
.plain-content form p:nth-last-child(2),
.plain-content form p:nth-last-child(3),
.plain-content form p:nth-last-child(4){
	width: 100%;
    margin-right:0;
}

.vaca-form form p:nth-child(2),
.vaca-form form p:nth-child(4) {
    margin-right:20px;
}

.vaca-form form label,
.plain-content form label{
    color: #7A8A87;
    font-weight: 400;
    font-size: 14px;
}

.vaca-form form input.wpcf7-text, 
.vaca-form form textarea,
.plain-content form input.wpcf7-text, 
.plain-content form textarea {
    background-color: #E4E8E7;
    font-size: 16px;
    width: calc(100% - 30px);
    color: #7A8A87;
    border: none;
    border: solid 1px #CAD0CF;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 5px;
    height: 50px;
    transition-duration: 2s;
    transition-timing-function: linear;
    outline: none !important;
    font-family: 'Quicksand';
font-style: normal;
    font-weight: 300;
    padding: 0 15px;
}

.vaca-form form textarea,
.plain-content form textarea{
    height: 150px;
    padding-top: 15px;
}

.vaca-form form .wpcf7-submit,
.plain-content form .wpcf7-submit{
    color: #fff;
    background: linear-gradient(270deg, #EA82B3 0%, #F2B3D1 100%);
    border-radius: 15px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    padding: 8px 17px;
    border: solid 0px #fff;
    margin-top:20px;
}

.vaca-form form .wpcf7-submit:hover,
.plain-content form .wpcf7-submit:hover{
    opacity: 0.6;
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.vaca-form-under {
    padding:50px 50px 0 50px;
}

.vaca-form-under a {
    color: #7A8A87;
    display: inline-flex;
}

.vaca-form-under a:first-child {
    margin-right: 10px;
}

.vaca-form-under .cta-btns {
    margin-top:20px;
}

.contact-under-wave {
    position: absolute;
    left:0;
    top:0;
    height:700px;
    width: 100%;
    z-index: -1;
}

.contact-under-wave svg{
        width: 100%;
        height: auto;
        position: absolute;
        bottom: -1px;
        z-index: 3;
}
/* end vaca contact blok */

/* contactpage */
.contact-edit-side {
    position: absolute;
    top:-80px;
    right:0;
    width: calc(50% - 25px);
    z-index: 3;
}

.gegevens-kaartjes {
    padding:100px 0 0 0;
    background-color: #E4E8E7;
    position: relative;
}

.gegevens-kaartjes:before {
    content:"";
    height:250px;
    background-color: #fff;
    width: 100%;
    z-index: 1;
    left:0;
    bottom: 0;
    position: absolute;
}

.gegevens-kaartjes-contain {
    margin-top:40px;
    position: relative;
    z-index: 2;
}

.gegevens-kaart {
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 400px;    
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
}

.gegevens-kaart:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(60.06deg, #000000 4.09%, rgba(0, 0, 0, 0) 63.88%);
    z-index: 1;
    border-radius: 10px;
}

.gegevens-kaart-tekst {
    width: calc(100% - 60px);
    color:#fff;
    left:40px;
    bottom:25px;
    position: absolute;
    z-index: 2;
}

.gegevens-kaart-tekst ul {
    list-style: none;
    line-height: 2;
    font-size: 14px;
}

.tekst-blok .gegevens-kaart-tekst h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform:inherit;
}

.gegevens-kaart .btn {
    position: absolute;
    top:30px;
    right:35px;
    padding: 5px 16px 8px 17px;
}

.gegevens-kaart .vaca-btn svg {
    margin-bottom: -4px;
}

.handige-paginas ul{
    list-style: none;
    line-height: 2;
    font-size: 16px;
}

.handige-paginas a {
    background-color: #FCEDF4;
    color: #EA82B3;
    padding: 2px 15px 2px 45px;
    border-radius: 18px;
    display: inline-block;
    margin: 0 10px 10px 0;
    position: relative;
}
.handige-paginas a:before {
    content:url('media/link-icoon.png');
    width: 20px;
    height:20px;
    position:absolute;
    left:14px;
    top:7px;
}
.handige-paginas a:hover {
    opacity: 0.6;
    cursor: pointer;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.contact-social-btn .sc-btn{
	position:relative;
	padding-left:40px;
}

.contact-social-btn .sc-btn svg {
	position:absolute;
	top:8px;
	left:15px;
}
/* end contactpage */

/* faq blok */
.faq-blok details>summary {
    list-style-type: none;
    outline: none;
    cursor: pointer;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 10px 20px 55px;
    position: relative;
    background-color: #E4E8E7;
}
.faq-blok details:nth-child(even)>summary {
    background-color: #fff;
}

details > summary {
  list-style: none;
}

details > summary::marker, /* Latest Chrome, Edge, Firefox */ 
details > summary::-webkit-details-marker /* Safari */ {
  display: none;
}
.faq-blok details>summary::before {
    content: '+';
    position: absolute;
    left: 20px;
    top: 12px;
    font-size: 30px;
    text-align: center;
}

.faq-blok details>summary:hover {
    background-color: #FCEDF4;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.faq-blok details[open]>summary::before {
    content: '-';
}

.faq-blok details[open]>summary {
    background-color: #EA82B3;
    color:#fff;
    border-radius: 10px 10px 0 0;
}

.faq-blok .faq__content {
    padding: 20px 20px 20px 55px;
}

.faq-blok details[open] .faq__content {
    background-color: #FCEDF4;
}

.faq-blok .faq__content p {
    font-style: normal;
    font-size: 16px;
    line-height: 1.7;
}


.faq-page-blok {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #D9D9d9;
    padding: 50px 50px 50px 50px;
    margin-top: 0;
}

.personeel-card-section.faq-edit-push {
    padding-top:170px;
    margin-top:-170px;
}

.faq-edit-push.fold-wave svg {
    bottom: 0;
    z-index: -1;
}

.default-small-fold-section.faq-edit {
	padding-bottom:0;
}

.handelingen.faq-edit {
	background-color: #E4E8E7;
}
/* end faq blok */


/* mobile menu */
.mobiel-header {
    display: none;
    background-color: #fff;
    height:60px;
    border-top: solid 4px rgb(213, 219, 218);
    box-shadow: 0px -60px 58px 39px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    left:0;
    top:0;
    z-index: 99;
}

.mobile-menu-btn {
    background-color: #FFDEED;
    border:solid 1px #EA82B3;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mobiel-header .logo {
    width: 80px;
    height: 65px;
    position: absolute;
    left: calc(50% - 40px);
    top:5px;
}

.mobiel-header .btn {
    font-size: 12px;
    position: absolute;
    top:19px;
    right:30px;
    padding: 5px 10px;
}

.mobile-menu-btn svg:last-child,
.mobile-menu-btn.active svg:first-child {
    display: none;
}

.mobile-menu-btn.active svg:last-child {
    display: block;
}

.header-mobile-contain.active {
    left: 0;
}

.header-mobile-contain {
    background: linear-gradient(10deg, #7A8A87 3.72%, #FFFFFF 96.28%);
    top: 64px;
    left: -100%;
    position: fixed;
    width: 100%;
    color: #fff;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 98;
    height:100%;
    overflow:auto;
}

.header-mobile-contain ul {
    background-color: #fff;
    padding:20px;
    margin:30px 0 0 0;
    border-radius: 10px;
    box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.1);
}

.header-mobile-contain .second-menu ul {
    margin:10px 0 0 0;
}

.header-mobile-contain ul li {
    padding:10px 0;
    border-bottom: solid 1px #D9D9d9;
    font-size: 14px;
    position: relative;
}

.header-mobile-contain ul li.menu-item-has-children a{ 
	pointer-events:none;	
}

.header-mobile-contain ul li.menu-item-has-children {
	width:100%;
}
.header-mobile-contain ul li.menu-item-has-children li a{ 
	pointer-events: auto;
}

.header-mobile-contain ul li:before{
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    top:13px;
    color:#EA82B3;
}

.header-mobile-contain ul li:first-child:before{
    top:4px;
}
/*
.header-mobile-contain .second-menu ul li.menu-item-43:after{
    content: "!";
    font-size: 13px;
    background-color:#EA82B3;
    color:#fff;
    height: 13px;
    padding: 1px 1px;
    width: 13px;
    position: absolute;
    top: 10px;
    text-align: center;
    right:10px;
    border-radius: 50%;
}*/

.header-mobile-contain ul ul.sub-menu {
	margin-top:10px;
	display: none;;
}

.header-mobile-contain ul li.menu-item-has-children:hover ul.sub-menu {
	display: block;
}

.header-mobile-contain ul li a {
    font-size: 14px;
    font-weight: 500;
	display: inline-block;
	width: 100%;
    color: #7A8A87;
}

.header-mobile-contain ul li.current_page_item a{
    color: #EA82B3;
}

.header-mobile-contain ul li:last-child{
    padding:10px 0 0 0;
    border-bottom: solid 0px #D9D9d9;
}

.header-mobile-contain ul li:first-child{
    padding:0 0 10px 0;
}

.header-mobile-contain .footer-part{
    margin-top:30px;
}

.header-mobile-contain .footer-part h4 {
    color:#7A8A87;
    margin-bottom: 5px;
}

.header-mobile-contain .footer-part p {
    font-size: 14px;
    line-height: 1.7;
    color: #7A8A87;
}

.header-mobile-tekst {
    padding:20px;
    background-color: #E4E8E7;
    color:#7A8A87;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.1);
}
.header-mobile-tekst h4 {
    margin-bottom: 10px;
}

.header-mobile-tekst p{
    font-size: 14px;
    line-height: 1.7;
}

.header-mobile-tekst .btn {
    margin-top: 15px;
    display: inline-block;
}
/* end mobile menu */
@media screen and (max-width: 1430px) {
    .container-vaca-extra {
        max-width: 300px;
        right:30px;
    }
    .verhaal-img img {
        left:0;
    }
    .verhalen-blok.switch .verhaal-img img {
        right: 0;
    }
    .contact-edit-side {
        right:30px;
        width: calc(50% - 55px);
    }
}
@media screen and (max-width: 1300px) {
    .kaart-over{
        width: 100%;
    }
    .background-vorm svg {
        display: none;
    }
    .desktop-header .container-width {
        padding:0 30px;
    }
    .header-right ul {
        padding: 10px 35px 15px 10px;
        border-radius: 0px 0px 15px 15px;
    }
    .zorg-card:hover .zorg-card-top,
    .plain-header-icon{
        display: none;
    }
    
}

@media screen and (max-width: 1200px) {
    .fold-tekst.een-drie {
        width: 50%;
    }
	.home .fold-tekst.een-drie {
		width:50%;
	}
    .footer-part ul,
    .footer-under,
    .footer-btns,
    .header-left ul li a {
        font-size: 14px;
    }
    .header-left ul li a {
        margin: 0 15px;
    }
    .header-left ul li.menu-item-has-children:after {
        right: 0px;
    }
    .header-left ul {
        padding-right:0;
    }
    .header-left ul {
        margin-left: 100px;
    }
    .logo {
        width: 100px;
    }
    .logo-img {
        width: 100%;
    }
    .btn.header-btn {
        display: none;
    }
    .header-wrap {
        -ms-grid-columns: 4fr 3fr;
        grid-template-columns: 4fr 3fr;
        grid-gap: 20px;
    }
    .verhaal-tekst {
        padding: 60px 60px;
    }
    .container-width-vaca {
        padding: 0 500px 0 30px;
        max-width: 380px;
    }
    .vaca-extra-blok {
        padding: 20px 30px 30px 30px;
    }
}

@media screen and (max-width: 1030px) {
    .default-fold-section {
        padding: 200px 0 180px 0;
    }
    .default-fold-section .fold-wave svg {
        bottom: -180px;
    }
    .verhalen-blok.group-part .container-width {
        margin: 100px auto;
    }
    .tekst-split {
        grid-gap: 20px;
    }
    .intro-tekst p {
        margin-right:0;
        font-size: 14px;
    }
    .btn,
    .fold-tekst p,
    .na-fold-tekst p,
    .usp-item p,
    .vaca-contact-top p {
        font-size: 14px;
    }
    .over-villa-blok .tekst-split {
        grid-gap: 50px;
    }
    .over-villa-blok .tekst-part {
        padding-right:30px;
    }
    .intro-tekst h2,
    .zorg-card h3,
    .tekst-blok h2, 
    .tekst-blok h3,
    .start-tekst,
    .plain-footer-cta .cta-tekst,
    .vaca-form h3, .vaca-form-under h3,
    p.big-para,
    .na-fold-tekst h2, .na-fold-tekst h3,
    .vaca-contact-top h3 {
        font-size: 20px;
    }
    .footer-part h4 {
        font-size: 18px;
    }
    .home-fold-section {
        padding: 200px 0 200px 0;
    }
    .home-fold-section .wave svg {
        bottom: -200px;
    }
    .fold-tekst h1,
    .plain-content h1,
    .vaca-contact-top h2 {
        font-size: 40px;
    }
    .plain-header {
        padding: 140px 0 100px 0;
    }
    .big-banner-img {
        margin: 0 auto;
        height: 400px;
        width: calc(100% - 60px);
        margin:0 30px;
    }
    .titles-contain {
        width: calc(100% - 160px);
        bottom: 60px;
        left: 68px;
    }
    .boven-titles {
        color:#fff;
    }
    .plain-content img.big-block {
        height: 380px;
    }
    .pink-quote {
        width: 100%;
    }
    .plain-footer-cta {
        margin:40px 0;
    }
    .default-small-fold-section {
        padding: 180px 0 120px 0;
    }
    .default-small-fold-section .fold-wave svg {
        bottom: -120px;
    }
    .default-small-fold-section .container-width .arrow-down-btn,
	.default-fold-section .container-width .arrow-down-btn{
        bottom: -100px;
    }
    .vaca-form {
        padding: 30px 30px 20px 30px;
    }
    .vaca-form form input.wpcf7-text, .vaca-form form textarea,
	.plain-content form input.wpcf7-text, .plain-content form textarea,
    .faq-blok .faq__content p,
    .tekst-blok p,
    .verhaal-tekst p,
    .cta-btns,
    .plain-content p {
        font-size: 14px;
    }
    .faq-blok details>summary {
        font-size: 16px;
        line-height: 1.4;
    }
    .faq-page-blok {
        padding:40px;
    }
    .personeel-card-section.faq-edit-push {
        padding-top: 130px;
        margin-top: -200px;
    }
    .stappen-contain {
        padding: 0 0 0 0;
        border-top: dashed #D9D9D9 0px;
    }
    .plain-header.nieuws-edit {
        padding: 140px 0 0 0;
    }
    .owl-nav .owl-next {
        right:-15px;
    }
    .owl-nav .owl-prev {
        left: -15px !important;
    }
    .artikel-bottom {
        color: #7A8A87;
        padding: 30px 0;
    }
    .nieuws-slider-edit.personeel-card-section {
        padding:60px 0 60px 0;
    }
    .ademtuimte {
        display: none;
    }
    .tekst-wave svg,
    .container-width-vaca .arrow-down-btn {
        display: none;
    }
    .na-fold-item.na-fold-p {
        grid-gap: 20px;
    }
    .handelingen .handeling-item h3,
    .vacature-bar h3 {
        font-size: 16px;
    }
    .kaart-blok .tekst-split {
        grid-gap: 100px;
    }
    .na-fold-section.counter-pink-edit .container-width .hart-tekening-grijs {
        left:60px;
    }
    .img-slider {
        padding: 80px 0 100px 0;
    }
    .img-slider .item {
        height: 200px;
    }
    .usp-contain {
        grid-gap: 15px;
    }
    .usp-section {
        padding: 0 0 80px 0;
    }
    .vacature-bar .btn-vaca svg{
        height:30px;
        width: 30px;
    }
    .vacature-bar {
        -ms-grid-columns: 1fr 30px;
    grid-template-columns: 1fr 30px;
    padding: 25px 30px;
    }
    .plain-content h2 {
        font-size: 28px;
    }
    .container-width-vaca {
        padding: 0 500px 0 30px;
        max-width: 380px;
    }
}

@media screen and (max-width: 940px) {
		.contact-social-btn .sc-btn{
		padding-left:35px;
	}

	.contact-social-btn .sc-btn svg {
		position:absolute;
		top:4px;
		left:10px;
		width:18px;
	}
	.header-left ul li.menu-item-has-children .sub-menu {
		top:90px;
	}
    .fold-tekst.een-drie {
        width: 70%;
    }
	.home .fold-tekst.een-drie {
		width:100%;
	}
    .tablet-edit.deel-drie {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .tablet-edit.na-fold-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap:20px;
        text-align: left;
    }
    .tablet-edit-v2.deel-drie {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .tablet-edit-v2.na-fold-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap:0;
    }
    .na-fold-tekst h3 {
        margin-bottom: 20px;
    }
    .na-fold-tekst h4 {
        text-align: left;
    }
    .tablet-edit .intro-part:first-child{
        display: none;
    }
    .intro-tekst {
        margin-bottom: 60px;
    }
    .zorg-card {
        padding: 20px;
        height: 300px;
    }
    .zorg-card-top {
        position: absolute;
        top: 140px;
        left: 20px;
        width: calc(100% - 40px);
    }
    .zorg-card-line {
        display: none;
    }
    .zorg-card:before {
        height:100%;
    }
    .zorg-card-content {
        background-color: #fff;
        width: calc(100% - 40px);
        margin-top: 0;
        padding: 20px;
        border-radius: 10px;
        font-size: 12px;
        line-height: 1.7;
        margin-right: 0;
        bottom: 0;
        left: 0;
        min-height: 200px;
    }
    .verhalen-blok {
        margin: 100px 0;
    }
    .btn-contain {
        margin-top: 30px;
    }
    .btn-contain a{
        display: inline-block;
    }
    .btn-contain a:nth-child(2) {
        margin-left: 0;
        margin-top:20px;
    }
    .verhaal-tekst {
        padding: 40px 30px;
    }
    .img-part.split p {
        bottom:-60px;
    }
    .kaart-blok .tekst-split {
        grid-gap: 50px;
    }
    footer .deel-vier {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
            grid-gap: 30px;

    }
    .footer-under {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        margin: 30px 0 0 0;
    }
    .verhaal-img {
        padding:0;
        margin:0;
        border-radius:10px 0 0 10px;
    }
    .verhaal-img img{
        width: 120px;
        bottom:-10px;
        left:-10px;
    }
    .footer-image,
    .footer-wave {
        height: 250px;
    }
    footer .container-width .footer-icon {
        top:-40px;
    }
    .header-wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .header-right {
        order:1;
    }
    .header-left {
        order:2;
        margin:0;
    }
    .header-left ul {
        padding:20px 10px 10px 10px;
    }
    .desktop-header {
        padding-bottom: 10px;
    }
    .logo {
        top:-20px;
    }
    .plain-content img.big-block {
        width: 100%;
    }
    .quote-iconer {
        left: inherit;
        right:-10px;
        bottom: inherit;
        top:-10px;
    }
    .titles-contain {
        width: calc(100% - 60px);
        bottom: 30px;
        left: 30px;
    }
    .titles {
        font-size: 28px;
    }
    .plain-content {
        padding: 60px 0 60px 0;
    }
    .over-villa-blok .tekst-split {
        grid-gap: 30px;
    }
    .over-villa-blok .tekst-part {
        padding-right: 0;
    }
    .personeel-card-section {
        padding: 80px 0 80px 0;
    }
    .switch .verhaal-img {
        border-radius: 0 10px 10px 0;
    }
    .verhalen-blok.group-part .container-width {
        margin: 50px auto;
    }
    .verhalen-blok.group-part.plain-grey .verhaal-img {
        border-radius: 10px;
    }

    .verhalen-blok.group-part.plain-grey.plain .container-width {
        margin: 40px auto 0 auto;
    }
    .gegevens-kaartjes .tekst-split:first-child{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .vaca-form form p:nth-child(2),
    .vaca-form form p:nth-child(3),
    .vaca-form form p:nth-child(4),
    .vaca-form form p:nth-child(5){
        width: calc(100% - 0px);
        display: inline-block;
    }

    .vaca-form form p:nth-child(2),
    .vaca-form form p:nth-child(4) {
        margin-right:0;
    }
	
	.plain-content form p{
		width: 100%;
		margin-right:0;
	}

    .vaca-form {
        padding: 30px 20px 20px 20px;
    }
    .vaca-form form p, .vaca-form-under p,
	.plain-content form p, .plain-content p{
        margin-bottom: 10px;
    }
    .vaca-form form input.wpcf7-text,
	.plain-content form input.wpcf7-text{
        height: 40px;
    }
    .gegevens-kaartjes {
        padding: 200px 0 0 0;
    }
    .faq-page-blok {
        padding: 30px;
    }
    .faq-tablet-edit {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }
    .fold-tekst.een-twee {
        width: 70%;
    }
    .down-arrow:after {
        bottom:12px;
    }
    .curve-edit {
        padding: 60px 0 60px 0;
    }
    .personeel-card-section.white {
        padding: 60px 0 60px 0;
    }
    .nieuw-img {
        width: 100%;
        margin:40px 0 0 0;
    }
    .na-fold-section .container-width .hart-tekening-grijs {
        display: none;
    }
    .usp-contain {
        grid-gap: 15px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .vacature-bars .deel-een-twee {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .vacature-bars {
        padding-bottom: 80px;
    }
    .keurmerk-blok {
        padding-bottom: 0;
    }
    .keurmerk-blok .deel-drie {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .keurmerk-blok .layer-imager-pink {
        position: relative;
        top: 30px;
        left: 0;
        height: 200px;
        width: 100%;
    }
    .container-width-vaca {
        padding: 0 30px 0 30px;
        max-width: 1000px;
    }
    .container-vaca-extra {
        position: absolute;
        right: inherit;
        left:30px;
        top: -400px;
        width: calc(100% - 60px);
        max-width: inherit;
        z-index: 4;
    }
    .vaca-extra-blok {
        width: inherit;
    }
    .plain-content .vaca-extra-onder.no-mobi,
    .blokken-tekening {
        display: none;
    }

    .plain-content .vaca-extra-onder.yes-mobi {
        display: block;
        background-color: #fff;
        box-shadow: 0px 0px 26px 1px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        margin-top:60px;
    }
    .plain-content-vaca {
        padding-top:350px;
    }
    .vaca-extra-blok ul li {
        width: calc(100% - 30px);
    }
    .vaca-plain-bg {
        width: 50%;
        height: 500px;
    }
    .artikel-bottom h2 {
        font-size: 20px;
    }
    .nieuws .deel-drie,
    .artikel-section .deel-drie {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .artikel-bottom .lees-btn {
        font-size: 14px;
    }
    .wit-blok.tekst-blok {
        position: relative;
        padding: 60px 0;
    }
    .bg-layer-half-white,
    .bg-layer-gradient-white {
        width: 33%;
    }
    .bg-layer-half-white {
        opacity: 0.5;
    }
    .tekst-blok.pink-bg .deel-drie {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .tekst-blok.pink-bg .layer-imager-pink {
        position: relative;
        top: 30px;
        left: 0;
        height: 300px;
        width: 100%;
    }
    .handelingen .tekst-split{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .handelingen .upper:after,
    .handelingen .downer:after {
        display: none;
    }
    .handelingen-content {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
    .handeling-item {
        border-radius: 10px;
        height: 180px;
    }
    .handelingen .go-right {
        text-align: left;
    }
    .layer-imager-grey {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: -350px;
        left: 30px;
        height: 300px;
        width: calc(100% - 60px);
        border-radius: 10px;
        opacity: 1;
    }
    .deel-twee-een.tablet-edit {
        margin-top:340px;
    }
    .onze-waardes-blok .deel-een-twee {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap:50px;
    }
    .onze-waardes-blok .deel-een-twee .btn-contain {
        display: none;
    }
	.gegevens-kaartjes.villa-editer {
		padding:100px 0 0 0;
		margin-bottom:70px;
	}
}
@media screen and (max-width: 767px) {
	#vacatures {
		height: 64px;
	}
	.stappen .tarief-balk-edit {
		padding:30px 0 0 0;
		margin:30px 0 0 0;
	}
    .desktop-header {
        display: none;
    }
    .mobiel-header {
        display: block;
    }
    footer .deel-vier {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    .deel-drie {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .home-fold-section {
        padding: 120px 0 100px 0;
        margin-bottom: 30px;
    }
    .home-fold-section .wave svg {
        bottom: -100px;
    }
    .fold-tekst.een-drie {
        width: 100%;
    }
    .fold-tekst h1, .plain-content h1, .vaca-contact-top h2 {
        font-size: 30px;
    }
    .btn-contain {
        margin-top: 20px;
    }
    .tablet-edit.deel-drie {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .intro-tekst h2, .zorg-card h3, .tekst-blok h2, .tekst-blok h3, .start-tekst, .plain-footer-cta .cta-tekst, .vaca-form h3, .vaca-form-under h3, p.big-para, .na-fold-tekst h2, .na-fold-tekst h3, .vaca-contact-top h3 {
        font-size: 18px;
    }
    .intro-tekst {
        margin-bottom: 40px;
    }
    .zorg-card-top {
        position: absolute;
        top: inherit;
        left: 20px;
        bottom:20px;
        width: calc(100% - 40px);
    }
    .zorg-card {
        height: 230px;
    }
    .zorg-card-content {
        background-color: #fff;
        width: calc(100% - 48px);
        margin-top: 0;
        padding: 20px;
        border-radius: 10px;
        font-size: 12px;
        line-height: 1.7;
        margin-right: 0;
        bottom: 4px;
        left: 4px;
        min-height: 200px;
    }

    .verhalen-blok {
        margin: 50px 0;
    }
    .plain-header.nieuws-edit {
        padding: 100px 0 0 0;
    }
    .verhaal-contain,
    .deel-twee,
    .tablet-edit-v2.deel-drie {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .verhaal-tekst h3,
    .plain-content h1, .plain-content h2, .plain-content h3, .plain-content h4, .plain-content h5 {
        font-size: 18px;
    }
    .verhaal-img {
        height:250px;
        border-radius: 10px 10px 0 0;
    }
    .img-part.split {
        height:250px;
    } 
    .verhaal-tekst {
        border-radius: 0 0 10px 10px;
        padding: 30px 20px;
    }
    .tekst-blok {
        padding: 50px 0;
    }
    .img-part.split {
        order:1;
        margin-bottom: 30px;
    }
    .gradient-pink-bg.tekst-blok .tekst-part{
        order:2;
    }
    .img-part.split p {
        display: none;
    }
    .kaart-over {
        margin-top:20px;
    }
    .kaart-blok .tekst-split {
        grid-gap: 20px;
    }
    .intro-part.extra-push {
        margin-top: 0;
    }
    .tekst-blok h2, .tekst-blok h3 {
        margin:20px 0 0 0;
    }
    .bedrijf-logo {
        margin: 20px 0;
        padding: 10px 15px;
    }
    .footer-image, .footer-wave {
        height: 200px;
    }
    .footer-content {
        padding: 50px 0 0 0;
    }
    .under-right {
        text-align: left;
        line-height: 1.6;
    }
    .plain-header,
    .default-small-fold-section,
    .default-fold-section {
        padding: 100px 0 100px 0;
    }
    .titles,
    .pink-quote {
        font-size: 21px;
    }
    .big-banner-img {
        height:300px;
    }
    .plain-content h1 {
        font-size: 24px;
    }
    .plain-content img.big-block {
        height: 250px;
    }
    .plain-footer-cta {
        padding: 20px 30px;
        display: inline-block;
        margin:20px 0;
    }
    .plain-footer-cta .btn {
        float:left;
        margin-top:10px;
    }
    .default-small-fold-section .fold-wave svg {
        bottom: -100px;
    }
    .verhalen-blok.group-part.switch .verhaal-tekst {
        order:2;
        border-radius: 0 0 10px 10px;
    }
    .verhalen-blok.group-part.switch .verhaal-img {
        order: 1;
        border-radius: 10px 10px 0 0;
    }
    .over-villa-blok .tekst-split .img-part.split {
        order:inherit;
        margin-bottom: 0;
    }
    .img-layerer.three {
        top: -30px;
        left: -20px;
        z-index: -1;
    }
    .over-villa-blok .tekst-part {
        padding: 0 0 20px 0;
    }
    .img-layerer.two {
        top: 230px;
        right: 10px;
        left: inherit;
    }
    .img-layerer.one {
        display: none;
    }
    .fold-tekst.een-twee {
        width: 100%;
    }
    .contact-edit-side {
        position: relative;
        width: 100%;
    left: inherit;
    right: inherit;
    }
    .default-small-fold-section.gradient.contact-edit {
        background: #859391;
        padding-bottom: 30px;
    }
    .default-small-fold-section.gradient.contact-edit .fold-wave svg {
        bottom: -30px;
    }
    .gegevens-kaart {
        height:340px;
    }
    .gegevens-kaart-tekst {
        width: calc(100% - 40px);
        color: #fff;
        left: 20px;
        bottom: 15px;
        position: absolute;
        z-index: 2;
    }
    .tekst-blok.gegevens-kaartjes {
        padding:50px 0 0 0;
    }
    .gegevens-kaart .btn {
        top:15px;
        right:20px;
    }
    .tekst-blok h2, .tekst-blok h3 {
        margin: 20px 0 20px 0;
    }
    .personeel-card-section.faq-edit-push {
        padding-top: 40px;
        margin-top: 0;
    }
    .faq-page-blok {
        padding: 0;
        border:solid 0px #000;
    }
    .stappen .upper {
        margin-bottom: 20px;
    }
    .stappen .waardes-item h3{
        margin:0;
    }
    .waardes-title {
        grid-gap:10px;
    }
    p.big-para {
        margin-bottom: 20px;
        margin-right: 0;
    }
    .gradient-white .btn.dark-plain{
        background-color: #fff;
    }
    .plain-content ul, .plain-content ol {
        font-size: 14px;
    }
    .plain-content img {
        object-fit: cover;
        object-position: center;
        width: 100%;
    }
    .goback-btn {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .nieuw-img {
        height: 250px;
    }
    .plain-content {
        padding: 50px 0 50px 0;
    }
    .plain-header.nieuws-edit {
    padding: 100px 0 0 0;
    }
    .curve-edit {
        padding: 50px 0 50px 0;
    }
    .na-fold-item.na-fold-p {
        -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    }

    .usp-titles {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .usp-item {
        padding: 35px 15px 20px 15px;
    }
    .tekst-blok.nieuws h2 {
        margin: 0 0 20px 0;
    }
    .nieuws .deel-drie, .artikel-section .deel-drie {
        -ms-grid-columns: 1fr ;
        grid-template-columns: 1fr;
    }
    .personeel-card-section.tekst-blok.plain-slider {
        padding:0;
    }
    .personeel-card-section .item {
        height:300px;
    }
    .personeel-info {
        position: absolute;
        left: 20px;
        top: inherit;
        bottom:0;
        width: calc(100% - 60px);
    }
    .personeel-card-section .item:hover .personeel-info {
        display: none;
    }
    .keurmerk-blok.tekst-blok.pink-bg .layer-imager-pink {
        height:200px;
    }
    .vacature-bar {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 20px 20px;
        position: relative;
    }
    .vacature-bar h3 {
        margin:0 0 10px 0;
    }
    .vacature-bar p {
        font-size: 12px;
    }
    .vacature-bar .btn-vaca {
        position: absolute;
        top:calc(50% - 15px);
        right:-15px;
        border: solid 1px #FFDEED;
        border-radius: 50%;
    }
    .vaca-contact-blok {
        padding: 50px 0;
        position: relative;
    }
    .vaca-form-under {
        padding: 30px 0 0 0;
    }
    .vaca-plain-bg {
        width: 100%;
        height: 500px;
    }
    .container-vaca-extra {
        top:-420px;
    }
    .plain-content-vaca {
        margin-top:300px;
    }
    .v-pink .titles {
        font-size: 18px;
    }
    .default-fold-section .fold-wave svg {
        bottom: -100px;
    }
    .bg-layer-half-white {
        opacity: 0.3;
    }
    .bg-layer-half-white,
    .bg-layer-gradient-white {
        width: 66%;
    }
    .handelingen-content,
    .deel-twee-een         {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .handeling-item {
        height: 150px;
    }
    .handelingen-top {
        bottom:15px;
    }
    .handelingen-contain {
        height:620px;
    }
    .tol-tekening {
        width: 100px;
    }
    .gradient-pink-half:before {
        background: linear-gradient(89.25deg, #EA82B3 0.46%, rgba(234, 130, 179, 0.1) 90.43%, rgba(122, 138, 135, 0) 100%);
    }
    .gradient-pink-half .bg-layer {
        opacity: 0.8;
    }
    .img-slider .item {
        height: 250px;
    }
    .verhalen-blok.switch .verhaal-tekst {
        border-radius: 0 0 10px 10px ;
        order:2;
    }
    .switch .verhaal-img {
        border-radius: 10px 10px 0 0;
        order:1;
    }
	.handelingen-top {
		position:relative;
		bottom:inherit;
		margin-top:0;
	}
	.handelingen-info{
		position:relative;
		opacity:1;
		    left: 0;
    bottom: inherit;
		padding:0;
		background:none;
		color:#fff;
		margin:0;
	}
	.handeling-item:hover .handelingen-top {
		opacity:1;
	}
	.zorg-card:hover .zorg-card-top, .plain-header-icon {
		display: none;
	}
	.zorg-card:hover .zorg-card-content {
    	opacity: 0;
	}
	.zorg-card:hover svg {
    	opacity: 1;
	}
	.zorg-card .zorg-card-top {
		bottom:30px;
				top: inherit; 

	}
	.zorg-card:hover .zorg-card-top {
		bottom:30px;
				top: inherit; 

	}
	.zorg-card .zorg-card-top:after {
		content:"Lees meer";
		color:#EA82B3;
		font-size:14px;
	}
	.personeel-card-section .item:hover .personeel-info {
    display: block;
}
	.personeel-card-section .item:hover .zorg-card-content {
		opacity:0;
		display:none;
	}
	.personeel-card-section .item:hover .personeel-info {
		top:inherit;
	}
	.personeel-card-section .item .personeel-info:after {
		content:"Lees meer";
		color:#EA82B3;
		font-size:14px;
	}
	.personeel-card-section .item .personeel-info h3 {
		margin-bottom:10px;
	}
	.personeel-card-section .item .personeel-info {
		bottom:25px;
	}
	.handelingen-info {
		width:100%;
	}
	.tekst-blok .handelingen-info p{
		font-size:12px;
		line-height:1.5;
	}
	.handeling-item:before {
		background: linear-gradient(-40deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	}
	.personeel-card-section .item:hover .personeel-info {
    top: inherit;
    bottom: 25px;
	}
	.fina-cta-edit {
    margin-top: 5px;
	}
	.fina-cta-edit .cta-btn{
		margin:5px 0;
		font-size:14px;
		float:inherit;
	}
	.fina-cta-edit .cta-btn svg {
		display:none;
	}
	.btn-contain .fina-cta-edit a:nth-child(2) {
    margin-left: 0;
    margin-top: 15px;
}
	.footer-under ul {
		    display: block;
    line-height: 2;
	}

}

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

/* backend edits */

.wpcf7-list-item {
margin:0;
}

.vaca-form form .wpcf7-submit,
.plain-content form .wpcf7-submit{
    margin-top:0;
}


.vaca-form form input.wpcf7-not-valid,
.plain-content form input.wpcf7-not-valid{
border:solid 1px red;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #E4E8E7;
	border-radius: 10px;
	font-size: 14px;
	padding: 15px 20px;
	line-height: 1.7;
}

input[type=file]::file-selector-button {
    margin-right: 20px;
    border:solid 1px #CAD0CF;
    background: #E4E8E7;
    padding: 10px 20px;
    border-radius: 10px;
    color: #7A8A87;
    cursor: pointer;
    transition: background .2s ease-in-out;
  }
  
  input[type=file]::file-selector-button:hover {
    background: #E4E8E7;
  }
/* end backend edits */

/* Coockie meldingen */
.termsfeed-com---palette-light.termsfeed-com---nb {
	    background-color: #E4E8E7 !important;
	border-radius: 15px 0 0 0 ;
	    font-weight: 400;
	    line-height: 1.6;
	    font-family: 'Quicksand', sans-serif !important;
	box-shadow: 0px 0 30px 0 rgba(0, 0, 0, 0.10);
}

.termsfeed-com---palette-light.termsfeed-com---nb p.cc-nb-text{
	display:none;
}

.termsfeed-com---palette-light .cc-nb-title {
	color:#7A8A87 !important;
}

.termsfeed-com---palette-light .cc-nb-changep,
.termsfeed-com---palette-light .cc-nb-reject{
    background-color: #fff !important;
    color: #7A8A87 !important;
}

.termsfeed-com---palette-light .cc-nb-okagree {
	background-color: #EA82B3 !important;
}

@media screen and (max-width: 599px) {
	.termsfeed-com---nb-simple {
		max-width: 100% !important;
	}
}
/* end coockie meldingen */

/* vacature edits 17 juli 2023 */
.vaca-extra-onder,
.vaca-form-under{
	display:none;
}

.villa-vaca .vaca-extra-onder.vvi,
.villa-vaca .vaca-form-under.vvi{
	display:block;
}

.kid-vaca .vaca-extra-onder.nvi,
.kid-vaca .vaca-form-under.nvi{
	display:block;
}

.kantoor-vaca .vaca-extra-onder.kvi,
.kantoor-vaca .vaca-form-under.kvi{
	display:block;
}
.vaca-extra-onder.yes-mobi{
    display: none !important;
}
@media screen and (max-width: 940px) {
	.villa-vaca .vaca-extra-onder.vvi,
	.villa-vaca .vaca-form-under.vvi,
	.kid-vaca .vaca-extra-onder.nvi,
	.kid-vaca .vaca-form-under.nvi,
	.kantoor-vaca .vaca-extra-onder.kvi,
	.kantoor-vaca .vaca-form-under.kvi{
		display:none;
	}
	.vaca-extra-onder .vaca-extra-onder.yes-mobi,
	.villa-vaca .vaca-extra-onder.yes-mobi
	.kid-vaca .vaca-extra-onder.yes-mobi{
    display: block !important;
	}
	#solliciteer .kid-vaca .vaca-form-under.nvi,
	#solliciteer .villa-vaca .vaca-form-under.vvi,
	#solliciteer .kantoor-vaca .vaca-form-under.kvi{
		display:block;
	}
}
/* end vacature edits 17 juli 2023 */

/* clientverhalen & verhalen kunnen verbergen 19 feb 2024 */
.verhalen-blok.Nee,
.artikel-item.Nee{
	display:none !important;
}

/* end clientverhalen & verhalen kunnen verbergen */

/* 30 okt 2024 edits */

.extra-input-logo {
	    margin: 30px 0;
    padding: 30px 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px -8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
	height:90px;
	 display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.extra-input-logo .bedrijf-logo {
	margin:0;
	padding:0;
	box-shadow:none;
}

@media screen and (max-width: 599px) {
.extra-input-logo {
	    margin: 20px 0;
    padding: 20px 20px;
}
/* end 30 okt 2024 edits */