.verwijzers a {
	color: #8AAA6D;
}


.contact h3 {
	position: relative;
	margin-top: 30px;
	bottom: -5px;
	font-size: 20px;
	color: #9daf6d;
}

/****************** LENIS SMOOTH SCROLL ****************/
html.lenis, html.lenis body {
   height: auto;
 }
 
 .lenis.lenis-smooth {
   scroll-behavior: auto !important;
 }
 
 .lenis.lenis-smooth [data-lenis-prevent] {
   overscroll-behavior: contain;
 }
 
 .lenis.lenis-stopped {
   overflow: hidden;
 }
 
 .lenis.lenis-smooth iframe {
   pointer-events: none;
}


.grecaptcha-badge { 
    visibility: hidden !important;
}


#field_1_7, #field_3_53 {
	display: none;
}

/* VACATURES */
.vacatures {
	margin-top: 50px;
}


.vacatures .single-vacature {
  background: rgba(249, 229, 113, 0.2);
  margin-bottom: 30px;
	padding: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vacatures-single h1 {
	color: #8AAA6D!important;
}

.vacatures h5 a {
	font-size: 22px;
	color: #1F3341;
	font-weight: 700;
}

.vacatures span {
	font-size: 15px;
	text-align: left;
	color: grey;
}

.vacatures h6 {
	font-size: 16px;
	font-weight: 600;
}

.vacatures .btn-1 {
	width: 100%;
	font-size: 18px;
	text-align: center;

}



@media (min-width: 1178px){
	.vacatures-single .container , .vacature-pagina .container, .functie-eisen .container, .meer-weten .container {
		width: 60%!important;
	}
}


/* SINGLE VACATURE */
.verwijzers h6 {
	position: relative;
	color: grey;
	font-size: 20px;
}

.vacature-pagina, .functie-eisen, .meer-weten {
	margin: 50px 0px;
}

.vacature-pagina h3 {
	margin-bottom: 30px;
}

.functie-eisen ul {
   margin-left: -10px;
	line-height: 2;
	font-size: 18px;
}



.functie-eisen-blok {
	background: rgba(95, 173, 193,0.15);
	padding: 50px;
	border-radius: 20px;
	min-height: 100%;
}

.profielschets-blok {
	background: rgba(95, 173, 193,0.15);
	padding: 50px;
	border-radius: 20px;
	min-height: 100%;
}

.meer-weten-blok {
	padding: 50px;
	background: rgba(249, 229, 113, 01);
	border-radius: 20px;
}

.meer-weten a {
	color: #000;
	font-weight: 600;
}

@media (max-width: 768px){
	.vacatures-single {
		padding: 200px 0px 0px!important;
	}
	
	.functie-eisen .col-sm-12 {
		margin-bottom: 30px;
	}
	
	.functie-eisen-blok, .profielschets-blok, .meer-weten-blok {
		padding: 30px;
	}
	
}

/* DOCUMENTAIRES */
.documentaires {
	margin: 75px 0px 0px;
}

.documentaires .row {
	margin: 0px 0px 75px;
}

.video-afbeelding {
	position: relative;
	width: 100%;
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: cover;
}

.video-afbeelding img {
	position: absolute;
	cursor: pointer;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.video-tekst h6 {
	color: #8AAA6D;
}

.video-tekst h3 {
	font-size: 32px;
	font-weight: 700!important;
}

.dank {
	text-align: center;
	font-style: italic;
	margin-bottom: 50px;
}

.dank a {
	color: #8AAA6D;
}

@media (max-width: 768px){
	.video-tekst {
		margin-top: 30px!important;
	}
}


/* KWALITEITSKEURMERK */
.kwaliteitskeurmerk {
	margin-top: 15px;
}

.kwaliteitskeurmerk h1 {
	position: relative;
	font-size: 40px;
	color: #1F3341;
	font-weight: 600;
	text-align: center;
	margin-bottom: 15px;
}

.kwaliteitskeurmerk p {
	    position: relative;
    font-size: 20px;
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


#gform_confirmation_message_3 {
	margin-top: 30px;
	background: rgb(138, 170, 109,0.25)!important;
	font-size: 20px;
	padding: 40px;
	border-radius: 10px;
	text-align: center;
}

.tussenruimte {
	height: 10vh;
}

#klachtenportaal img {
	width: 250px!important;
}

@media (max-width: 768px){
	.contactformulier {
		margin-top: 50px;
	}
	
	.vestiging-blok {
		margin-bottom: 35px;
	}
}

.visie-groen {
	position: relative;
	padding-bottom: 75px!important;
}

.visie-groen:before {
	background: #8AAA6D!important;
	opacity: 0.25;
	
}

.visie-groen p {
	max-width: 100%!important;
	text-align: left!important;
}

.visie-groen b {
	text-align: center!important;
	display: block!important;
	margin: auto!important;
	
}

/* OVER ONS */
.over-ons {
	padding: 275px 0px 0px;
	height: 100%;
	position: relative;
	text-align: center;
}

.over-ons:before {
	position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.91127450980392)50%, rgba(255,255,255,1)100%);
}

.over-ons  h1 {
   position: relative;
	text-align: center;
   font-size: 50px;
   color: #1F3341;
   font-weight: 600;
}

.over-ons  p {
	position: relative;
   font-size: 20px;
   max-width: 800px;
   display: block;
   margin-left: auto;
	 margin-right: auto;
	text-align: center;
}

.systeemgerichte-hulpverlening h2 {
	 position: relative;
   font-size: 35px;
   color: #1F3341;
   font-weight: 600;
}




/* WERKWIJZE */
.werkwijze {
	margin: 0px 0px 50px;
}

.werkwijze h2 {
	 position: relative;
   font-size: 35px;
   color: #1F3341;
   font-weight: 600;
	 margin-bottom: 20px;
}

/* RESPONSIVE OVERIGE PAGINA'S */
@media (max-width: 600px){
	h1 {
		font-size: 30px!important;
	}
	
	.call-to-actions .hulp-nodig {
		margin-bottom: 30px;
	}
	
	.over-ons {
		padding: 30px 0px!important
	}
	
	.over-ons h2 {
		font-size: 30px!important;
	}
	
	.missie-visie-overons {
		padding: 50px 0px!important;
	}
}

.blauw {
	background: #5FADC1!important;
}


/* DISCLAIMER */
.disclaimer {
	margin-top: 200px;
}

.disclaimer h1 {
	font-size: 30px;
	margin-bottom: 20px;
}

.disclaimer h6 {
	font-size: 20px;
	font-weight: 700;
}

.disclaimer p, .disclaimer b, .disclaimer li {
	font-size: 16px;
}

@media (min-width: 992px){
	.disclaimer .container {
		width: 60%!important;
	}
}

/* TRIAL HOME II */
.heroII {
	padding: 225px 0px 125px;
	text-align: center;
	height: 100%;

}

.heroII:before {
	position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.86127450980392)50%, rgba(255,255,255,1)100%);
}

.heroII h1 {
  position: relative;
  font-size: 36px;
  color: #1F3341;
  font-weight: 600;
	max-width: 750px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.heroII p {
   position: relative;
   font-size: 20px;
   color: #1F3341;
   max-width: 500px;
   display: block;
   margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
   font-weight: 500;
}

.heroII a {
	position: relative;
	
}


.maatwerk-zorg-II .container-fluid {
	padding: 0px!important;
	position: relative;
}

.maatwerk-zorg-II .col-lg-6 {
	padding: 0px!important;

}

.maatwerk-zorg-tekst-II {
	background: #FBE673;
	padding: 75px 75px 25px 75px;
	height: 120%;
}

.maatwerk-zorg-II h2 {
	 position: relative;
   font-size: 35px;
   color: #1F3341;
   font-weight: 600;
}

.maatwerk-zorg-II p {
	margin-bottom: 50px;
}

@media (min-width: 768px){
	.maatwerk-zorg-tekst-II b {
	position: absolute;
	max-width: 40%;
	bottom: 0px;
}
}


.maatwerk-zorg-II .btn-1 {
	background: white!important;
}



@media (min-width: 768px){
	#mobile {
		display: none!important;
	}
}

@media (max-width: 768px){
	.jeugdzorg-II {
		display: none;
	}
	
	#mobile {
		display: block;
	}
}

.maatwerk-zorg-tekst h2 {
	position: relative;
  font-size: 35px;
	color: #1F3341;
  font-weight: 600;
}

.maatwerk-zorg-tekst p {
	padding-bottom: 25px;
}

.trial {
	background: rgb(138, 170, 109,0.1);
	padding: 125px 0px 350px;
}

.trial h6 {
	text-align: center;
	margin-top: 25px;
}

.trial h5 {
	text-align: center;
	position: relative;
	font-size: 43px;
	color: #1F3341;
	font-weight:600;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Mokoko'!important;
	-webkit-font-smoothing: antialiased;
}

.trial-2 {
	background: rgb(138, 170, 109,0.25);
	padding: 185px 0px 125px;
}

.trial-2 h6 {
	text-align: center;
	margin-top: 25px;
}

.trial-2 h3 {
	text-align: center;
	position: relative;
	font-size: 43px;
	color: #1F3341;
	font-weight:600;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Mokoko'!important;
	-webkit-font-smoothing: antialiased;
	font-style: italic;
}



.kantoor-blok {
	background: #8AAA6D;
	padding: 100px;
}

.kantoor .col-lg-6 {
	padding: 0px!important;
	background-size: cover;
	background-position: center;

}

.kantoor h3 {
	position: relative;
	font-size: 35px;
	color: #1F3341;
	font-weight: 600;
}

.kantoor p {
	margin-bottom: 30px;
}

/* LOGO'S */ 
.logos {
	position: relative;
	overflow: hidden;
	margin-bottom: 75px;
}

.logos.container {
	max-width: 800px;
	display: block;
	margin: auto;
}

.logos h2 {
	position: relative;
	font-size: 35px;
	color: #1F3341;
	font-weight: 600;
	text-align: center;
}

.logos .logo-block {
	display: inline-block;
	width: 33%;
	text-align: center;
	padding: 30px 0;
	line-height: 80px;
	cursor: pointer;
}

@media (min-width: 600px) and (max-width:992px){
	.logos .logo-block {
		width: 33.3%;
	}
}



.logos img {
	width: 150px;
	cursor: pointer;
}

.ggd img {
	width: 80px;
}

.logos .logo-block img {
	height: auto !important;
	vertical-align: middle;
	filter: gray;
	opacity: 0.55;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
}

.logos .logo-block:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: inherit;
	opacity: 1;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
}

@media(max-width:600px){
	.logos {
		margin-top: -50px!important;
		margin-bottom: 50px!important;
	}
	
	.logos .logo-block {
		width: 100%;
		margin: 20px 0px;
		height: 0px!important;
	}
	
	.logos img {
		width: 100px;
	}
}

/* MOBILE HOME */
@media (max-width: 600px){
	body {
		overflow-x: hidden;
	}
	
	.heroII {
		padding: 200px 0px 75px;
	}
	
	.heroII h1 {
		font-size: 29px!important;
	}
	
	.heroII .btn-1 {
		display: none;
	}

	.heroII .btn-2:hover, .jeugdzorg-II .btn-2:hover, .cta .btn-2:hover {
		background: #DDC55F;
	}
	
	.maatwerk-zorg-tekst-II {
		height: auto!important;
	}
	
	.maatwerk-zorg-tekst-II {
		padding: 50px 25px 1px;
		
	}

	.jeugdzorg-II {
		padding: 50px 0px;!important;
	}
	
	.jeugdzorg-II .maatwerk-zorg-tekst {
		padding: 0px 0px 50px;
	}
	
	.jeugdzorg-II .col-lg-6 {
		background-size: cover;
	}
	
	.usp {
		padding: 65px 0px 10px!important;
	}
	
	.usp-blok {
		margin-bottom: 45px!important
	}
	
	.usp h3 {
		font-size: 22px!important;
	}
	
	.trial-2  {
		padding: 60px 0px 50px;
	}
	
	.trial-2 h3 {
		font-size: 32px;
	}
	
	
	
	.kantoor-blok {
		padding: 50px 25px 50px;!important;
	}
	
	.kantoor .col-lg-6 {
		background-position: center!important;
	}
	
	.kantoor-blok .btn-1 {
		display: inline-block;
	}
	
	#kantoor-image {
		height: 275px;
	}
	
	.footer ul {
		display: grid!important;
		text-align: center!important;
		margin-left: -31px!important;
	}

	.logos {
		padding-bottom: 20px!important;
	}
}

/* MOBILE BEHANDELAANBOD */




html {
	background: #fff!important;
	overflow-x: hidden!important;
}

.small-footer {
	margin-top: 30px!important;

}

.small-footer li {
	font-size: 16px!important;
}


/* AANMELDFORMULIER VERWIJZER */
.gform_description {
		position: relative;
    font-size: 20px;
    max-width: 750px;
    display: block;
	  margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

h3 {
	font-weight: 700!important;
}

.aanmelden-keuze h2 {
	display: none;
}

.gsection_title {
	font-weight: 700;
	font-size: 22px;
	margin-top: 30px;
}

/* STAP 1 */
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
	border: #8AAA6D;
	background: #8AAA6D!important;
	color: white!important;
}

.gform_wrapper.gravity-theme .gf_step_number {
	border: 2px solid #8AAA6D!important;
	color: black!important;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
	background: #63774D!important;
	border: 2px solid #63774D!important;
	border-radius: 100px!important;
	color: black!important;
}

#input_3_1_3, #input_3_1_6, #input_3_21, #input_3_22, #input_3_25 {
	outline: none;
  border: 1px solid #d2d6dc;
  height: 40px;
  background: #fff
}

#input_3_15 {
	height: 40px!important;
	border: 1px solid #d2d6dc;
	outline: none;
}

#gform_next_button_3_9 {
    font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: white;
    background: black;
    border-radius: 100px;
}

/* STAP 2 */
#input_3_26_3, #input_3_26_6, #input_3_29, #input_3_30, #input_3_31, #input_3_4_1, #input_3_4_3, #input_3_4_4, #input_3_4_5 {
	outline: none;
  border: 1px solid #d2d6dc;
  height: 40px;
  background: #fff
}

#input_3_16, #input_3_4_6 {
	height: 40px!important;
	border: 1px solid #d2d6dc;
	outline: none;
}

#gform_previous_button_3_10 {
	font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: black;
    background: white;
    border-radius: 100px;
}

#gform_next_button_3_10 {
    font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: white;
    background: black;
    border-radius: 100px;
}

/* STAP 3 */
#input_3_35_3, #input_3_35_6, #input_3_43, #input_3_44, #input_3_36, #input_3_38_1, #input_3_38_3, #input_3_38_4, #input_3_38_5, #input_3_39_3, #input_3_39_6, #input_3_45, #input_3_46, #input_3_40, #input_3_42_1, #input_3_42_3, #input_3_42_4, #input_3_42_5 {
	outline: none;
  border: 1px solid #d2d6dc;
  height: 40px;
  background: #fff
}

#input_3_37, #input_3_41, #input_3_47, #input_3_38_6, #input_3_42_6 {
	height: 40px!important;
	border: 1px solid #d2d6dc;
	outline: none;
}

#gform_previous_button_3_23 {
	font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: black;
    background: white;
    border-radius: 100px;
}

#gform_next_button_3_23 {
    font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: white;
    background: black;
    border-radius: 100px;
}

/* STAP 4 */
#input_3_49, #input_3_48, #input_3_50, #input_3_51 {
	outline: none;
  border: 1px solid #d2d6dc;
  height: 200px;
  background: #fff
}

#gform_previous_button_3 {
	font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: black;
    background: white;
    border-radius: 100px;
}

#gform_submit_button_3 {
    font-family: 'houschka-pro'!important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 24px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    color: white;
    background: #8AAA6D;
    border-radius: 100px;
}


/* WACHTTIJDEN */
.wachttijden {
	padding: 275px 0px 125px;
	height: 100%;
	position: relative;
}

.wachttijden:before {
	position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.91127450980392)50%, rgba(255,255,255,1)100%);
}

.wachttijden h1 {
   position: relative;
	text-align: center;
   font-size: 50px;
   color: #1F3341;
   font-weight: 600;
}

.wachttijden p {
	position: relative;
   font-size: 20px;
   max-width: 700px;
   display: block;
   margin-left: auto;
	 margin-right: auto;
	margin-bottom: 100px;
}

.wachttijden span {
	font-style: italic;
	position: relative;
}

.wachttijden img {
	position: relative;
}

.wachttijden h3 {
	position: relative;
  font-size: 32px;
  font-weight: 700;
  color: #1F3341;
	margin-bottom: 30px;
}

.wachttijden h5 {
		position: relative;
	font-weight: 700;
	font-size: 20px;
	margin-top: 20px;
}

.wachttijden h6 {
		position: relative;
	font-size: 18px;
	color: grey;
}

/* VERWIJZERS */
.verwijzers {
	padding: 275px 0px 0px;
	height: 100%;
	position: relative;
	text-align: center;
}

.verwijzers:before {
	position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.91127450980392)50%, rgba(255,255,255,1)100%);
}

.verwijzers  h1 {
   position: relative;
	text-align: center;
   font-size: 50px;
   color: #1F3341;
   font-weight: 600;
}

.verwijzers  p {
	position: relative;
   font-size: 20px;
   max-width: 800px;
   display: block;
   margin-left: auto;
	 margin-right: auto;
	text-align: center;
}

.verwijzers span {
	position: relative;
	font-style: italic;
}



/* WACHTTIJDEN */
.wachttijden h5 {
		position: relative;
	font-weight: 700;
	font-size: 20px;
	margin-top: 20px;
}

.wachttijden h6 {
		position: relative;
	font-size: 18px;
	color: grey;
}


.vestiging-blok p {
	position: relative;
	font-size: 16px;
}


/* BOVENBALK */
.top-bar {
    background-color: #F9E571;
    height: 35px;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease-in-out;
	padding: 8px 20px;
  }

  #navbar {
    margin-top: 35px;
    transition: transform 0.3s ease-in-out;
    transform: translateY(0);
  }

  .hide-top-bar {
    transform: translateY(-100%);
  }


.telefoonnummer-menu {
	margin-left: 15px; 
}


.telefoonnummer-menu img {
	height: 15px;
	position: relative;
	top: -4px;
}

.telefoonnummer-menu {
	float: right;
	
}

.telefoonnummer-menu a {
	color: black;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	top: -3px;
}

/* NAVBAR */
#navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 999;
  padding: 20px;
}

#navbar a {
  transition: 0.3s;
	color: black;
	font-size: 17px;
}

#navbar a:hover {
  color: #8AAA6D!important;
}

.logo img {
 	position: relative;  
	width: 180px!important;
}

.desktop-menu {
  display: flex;
  align-items: center;
	width: 100%;
}

.page-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.page-links {
  margin-left: auto;
}

.page-links li {
  margin-left: 35px;
	
}

.mobile-menu {
  display: none;
	
}

.navbar-toggle {
  display: none;
  cursor: pointer;
}



.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #000;
  margin-bottom: 4px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.navbar-toggle.active .icon-bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-child(2) {
  opacity: 0;
}

.navbar-toggle.active .icon-bar:nth-child(3) {
  transform: translateY(-4px) rotate(-45deg);
}

.nav-links-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 99;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s linear; /* Overgang via opacity en visibility */
}

.nav-links-mobile.active {
  opacity: 1;
  visibility: visible;
}

.nav-links-mobile ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
	
}

.nav-links-mobile li {
  margin-bottom: 30px;
	
}

.nav-links-mobile a {
  font-size: 22px;
	color: black;
	
}

@media (max-width: 992px) {
  #navbar {
    flex-direction: column;
    padding: 10px 0;
  }

  .logo,
  .navbar-toggle {
    display: block;
    z-index: 1000;
    
  }

  .logo img {
    display: block;
    margin-right: auto!important;
    margin-left: 0!important;
  }

  .desktop-menu {
    display: none;
  }
	
	 .navbar-toggle.active  {
  
 }

  .mobile-menu {
    display: flex;
    align-items: center;
		width: 100%;
  }

  .navbar-toggle {
    display: block;
		position: absolute;
		right: 40px;
    z-index: 1000!important;

  }

  .nav-links-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	  padding-top: 100px;
  }

  .nav-links-mobile ul {
    margin-top: 20px; 
  }
	
	.nav-links-mobile a {
		line-height: 1;
	}
	
	
}

/* DROPDOWN */
.dropdown-content {
	display: block;
  position: absolute;
	background: #E6F2C9;
  z-index: 1;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	border-radius: 10px;
  padding: 20px 30px;
	min-width: 230px;
	margin-left: -25px;
}

.dropdown-content a {
  color: #000;
  transition: background-color 0.3s ease-in-out;
	display: grid!important;
	margin: 12px 0px;
}

.dropdown:hover .dropdown-content {
  transform: translateY(15px);
  opacity: 1;
	
}

.dropdown-content a {
	display: flex!important;
}

.dropdown-content span {
	position: relative;
	left: 10px;
	font-size: 12px;
	background: #8EA658;
	width: 20px;
	height: 20px;
	border-radius: 100%;
}

.top {
	margin-top: 100px;
}

@media (max-width: 768px){
	.dropdown-mobile {
		
	}
	
	.dropdown-mobile a {
		font-size: 14px!important;
		display: grid;
	}
}

#navbar .btn-2:hover {
	color: black!important;
}

/* WHATSAPP */
.whatsapp img {
	height: 60px;
	position: fixed;
	bottom: 25px;
	right: 30px;
	z-index: 10;
	transition: 0.3s;
	cursor: pointer;
}

.whatsapp img:hover {
  transform: scale(1.05);
}


.groen-vlak {
	padding: 100px 0px;
	background: #8AAA6D;
}

.wit {
	background: #fff!important;
}

/* 404 */
.viernulvier {
	padding: 200px 0px 0px;
}

.viernulvier h1 {
	font-size: 60px;
	max-width: 700px;
	text-align: left;
	margin-bottom: 50px;
}

.viernulvier .btn-1 {
	border: none;
	display: block;
	margin-right: left;
}

@media (max-width: 600px){
	.viernulvier h1 {
		font-size: 77px;
	}
}

.jeugdzorg-tekst {
	line-height: 1;
}

.jeugdzorg-tekst h6 {
	font-weight: 700;
	font-size: 17px;
}

.jeugdzorg-tekst span {
	font-size: 17px;
}


/* Missie */
@media (min-width: 992px){
.visie h1 {
	max-width: 750px;
	display: block;
	margin: auto;
	color: #000;
	font-size: 39px;
	position: relative;
	padding-bottom: 150px;
	}
}

.visie {
	margin-top: 200px;
	position: relative;
	padding: 50px 0px 55px 0px; 
	background: rgb(138, 170, 109,0.25);
}




.visie h3 {
	position: relative;
	font-size: 38px;
	font-weight: 700;
	color: #1F3341;
}

.visie h4 {
	position: relative;
	font-size: 20px;

}

.visie b {
	text-align: center;
	display: block;
	margin: auto;
}




.missie-visie-blok {
	padding: 30px;
	background: #F9E571;
	position: relative;
	border-radius: 20px;
}

.lichtgroen {
	background: #8EA658;
}

.quote h3 {
	font-size: 26px;
	font-weight: 600;
}

@media (max-width: 600px){
	.quote {
		padding: 150px 0px 0px;
	}
	
	.quote h1 {
		font-size: 23px;
		padding-bottom: 50px;
	}
	
	.quote {
	position: relative;
}

.quote:before {
	position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7981127450980392)50%, rgba(255,255,255,1)100%);
}

}

/* FAQ */
.faq {
   padding: 250px 0px 75px;
   text-align: center;
}

.faq h1 {
   position: relative;
   font-size: 50px;
   color: #1F3341;
   font-weight: 600;
}

.faq p {
   font-size: 20px;
   max-width: 600px;
   display: block;
   margin: auto;
}


.vraag-en-antwoord {
	padding-bottom: 50px;

}

@media (min-width:992px){
	.vraag-en-antwoord .container {
		width: 60%;
	}
}

@media (min-width:1178px){
	.vraag-en-antwoord .container {
		width: 50%!important;
	}
}

.accordion {
		font-family: 'houschka-pro'!important;
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #1F3341;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
	
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #8EA658;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  
}

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
	font-weight: 600;
	transition: 0.3s;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
	margin-right: 25px!important;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.accordion button[aria-expanded=true] {
  color: #8EA658;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content p {
	font-weight: 400;
  margin: 2em 0;
		font-family: 'houschka-pro'!important;
	padding-right: 30px;
}


.vacatures {
	padding-bottom: 50px!important;
}

/* VACATURES */
@media (min-width: 992px){
	.vacatures .container {
		width: 70%!important;
	}
}

.vacatures h3 {
	font-size: 26px;
	color: #1F3341;
	font-weight: 700;
	margin-left: -30px;
	margin-bottom: 30px;
}

.vacatures img {
	height: 24px;
}

.vacature-usp {
	line-height: 2.2;
}

.vacature-usp .flex {
	display: flex;
}

.vacature-usp span {
	color: black;
	margin-left: 10px;
	font-size: 16px;
	position: relative;
	top: -2px;
}

.vacatures .btn-1 {
	display: block;
	margin-left: auto;
}

.vacatures li {
	margin-bottom: 30px!important;
}

.open-sollicitatie h3 {
	font-size: 30px;
	font-weight: 600;
}

/* SINGLE AANBOD */


.single-aanbod {
	padding: 
	
}

.single-aanbod h1 {
	font-size: 38px!important;
	max-width: 600px;
	display: block;
	margin: auto;
}





.single-aanbod-info {
	margin-top: 85px!important;
}

.single-aanbod-info h2, .optioneel h2 {
	font-size: 32px;
	font-weight: 700;
	color: #1F3341;
}


.call-to-actions {
	padding: 75px 0px 75px;
}

.call-to-actions a {
	color: #1F3341;
}

.hulp-nodig {
	background: #F9E571;
	padding: 50px;
	border-radius: 20px;
	transition: 0.3s;
	cursor: pointer;
}

.aanmelden-blok {
	background: #5FADC1;
	padding: 50px;
	border-radius: 20px;
	transition: 0.3s;
	cursor: pointer;
}

.call-to-actions h5, .aanbod h2 {
	font-size: 32px;
	font-weight: 700;
	color: #1F3341;
}

.call-to-actions p {
	padding: 10px 0px 20px;
}

.hulp-nodig, .aanmelden-blok {
	min-height: 100%;
}

.hulp-nodig:hover, .aanmelden-blok:hover {
	transform: translate3d(0,-5px,0);
	transition: box-shadow .25s ease,transform .25s ease;

}



.aanbod {
	margin-top: 75px!important;
	margin-bottom: -100px;
}


/* AANBOD */
.behandelaanbod {
   padding: 130px 0px 90px;
	 background: rgb(138, 170, 109,0.25);
	margin-bottom: 50px;
	text-align: center;
}

.behandelaanbod h1 {
   position: relative;
   font-size: 40px;
   color: #1F3341;
   font-weight: 600;
}

.behandelaanbod p {
   font-size: 18px;
   display: block;
   margin: auto;
	max-width: 900px
	
}


.aanbod {
	padding-bottom: 150px!important;
}





/* CSS voor desktop */
@media (min-width: 768px) {
	.treatment-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		
	}

	.treatment-list li {
		flex-basis: 50%;
		flex-basis: calc(50% - 25px); /* Breedte van 50% met 10px tussenruimte */
		margin-bottom: 20px; /* Onderruimte tussen de rijen */
	}
}
 
 .c-accordion ul, .c-accordion li {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
 .c-accordion li {
   padding: 20px 0 20px 32px;
   line-height: 1.2em;
   display: flex;
   align-items: center;
   border-bottom: solid 1px #3F1942;
   font-size: 22px;
   font-size: 1.14vw;
   position: relative;
 }
 @media (max-width: 1403.5087719298px) {
   .c-accordion li {
     font-size: 16px;
   }
 }
 @media (min-width: 1929.8245614035px) {
   .c-accordion li {
     font-size: 22px;
   }
 }
 .c-accordion li svg {
   position: absolute;
   left: 0;
   transform: translate(0, 2px);
 }
 
 .accordion-item {
   border-bottom: solid 1px #3F1942;
   line-height: 1.2em;
   padding: 20px 0 20px 32px;
   position: relative;
   font-size: 25px;
   font-size: 1.3vw;
 }
 @media (max-width: 1230.7692307692px) {
   .accordion-item {
     font-size: 16px;
   }
 }
 @media (min-width: 1923.0769230769px) {
   .accordion-item {
     font-size: 25px;
   }
}

.aanbod a {
	color: black;
	transition: 0.3s;
}

.aanbod a:hover {
	color: #8AAA6D;
}






/* CONTACT */
.gform_required_legend {
	display: none!important;
}

.contact {
	padding: 100px 0px 50px;
	
}

.contact h1 {
  position: relative;
  font-size: 50px;
  color: #1F3341;
  font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
}

.contact p {
	margin-bottom: 50px;
	max-width: 625px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.simone h2 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin: 20px 0px 10px;
}

.simone .flex {
	line-height: 1.6;
}

.simone .flex img {
	height: 20px;
	margin: 0px;
}

.contact h5 {
	font-size: 18px;
	font-weight: 700;
	margin: 50px 0px -12px;
}

.contact h6 {
	margin-top: 20px;
	line-height: 1.6;
	max-width: 400px;
}

.contact a {
	color: #000;
	margin-left: 10px;
}


/* VESTIGINGEN */
.vestigingen {
	margin-top: 50px;
	margin-bottom: 100px;
}



.vestigingen a {
	color: #8AAA6D;
	font-weight: 600;
	font-size: 16px;
}

/* ALGEMEEN */
* {
	margin: 0px;
	padding: 0px;
}

h1 {
   font-family: 'Mokoko';
	    -webkit-font-smoothing: antialiased;
}



h2, h3, h4, h5, h6, p, a, span, ul, li {
   font-family: 'houschka-pro'!important;
	-webkit-font-smoothing: antialiased;
}

p {
   font-size: 18px;
   line-height: 1.6;
   font-weight: 500;
	  -webkit-font-smoothing: antialiased;
}

a {
   text-decoration: none!important;
}

img {
   max-width: 100%;
}

@media (min-width: 1178px){
	.container {
	width: 90%!important;
	}
}



/* BUTTONS */
.btn-1  {
   background: #FBE673;
   padding: 12px 24px;
   border-radius: 35px;
   color: #1F3341!important;
   font-size: 18px;
   margin-right: 5px;
   font-weight: 500!important;
   transition: 0.3s;
}

.btn-1:hover {
   background: #DDC55F;
}

.btn-2  {
   background: #8AAA6D;
   padding: 12px 24px;
   border-radius: 35px;
   color: #1F3341!important;
   font-size: 18px;
   margin-left: 5px;
   transition: 0.3s;
}

.btn-2:hover {
   background: #768C5D;
}

.btn-3  {
   background: #fff;
   padding: 12px 24px;
   border-radius: 35px;
   color: #1F3341!important;
   font-size: 18px;
   margin-left: 5px;
   transition: 0.3s;
}

.btn-3:hover {
   background: #f7f7f7;
}


/* HERO */
.hero {
   position: relative;
   height: 80vh;
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: cover;
	 background-position: center;
   text-align: center;
}

.hero:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, 0.59);
}

.hero h6 {
   position: relative;
   font-size: 20px;
   color: white;
}

.hero h1 {
   position: relative;
   font-size: 50px;
   color: white;
   font-weight: 600;
}

.hero p {
   position: relative;
   font-size: 20px;
   color: white;
   max-width: 500px;
   display: block;
   margin: auto;
   font-weight: 500;
}

.hero .buttons {
   margin-top: 30px;
   position: relative;
}



/* MAATWERK ZORG */
.maatwerk-zorg {
   padding: 100px 0px 125px;
}

.maatwerk-zorg-tekst {
   max-width: 800px;
}

.maatwerk-zorg h2 {
   position: relative;
   font-size: 35px;
   color: #1F3341;
   font-weight: 600;
}

.maatwerk-zorg p {
   margin-bottom: 40px;
}

/* EXTRA SMALL RESPONSIVE */
@media (max-width: 350px){
	.maatwerk-zorg {
   padding: 50px 0px 75px!important;
	}	
}

/* SMALL RESPONSIVE */
@media (max-width: 600px){
	.maatwerk-zorg {
   padding: 75px 0px 100px;
	}	
}

/* GROTE AFBEELDING */
.grote-afbeelding {
   background: #FBE673;
   margin: 30vh 0px 0px;
}

.grote-afbeelding .col-lg-9 {
   height: 60vh;
   background-size: cover;
   margin-top: -30vh;
}

/* SMALL RESPONSIVE */
@media (max-width: 600px){
	.grote-afbeelding .col-lg-9 {
   height: 50vh!important;
		background-position: center;
	}	
}

/* JEUGDZORG */
.jeugdzorg {
   background: #FBE673;
   padding: 150px 0px;
	margin-top: -10px;
}

@media (min-width:992px){
   .jeugdzorg-tekst {
      padding: 50px;
   }
}

.jeugdzorg h2 {
   position: relative;
   font-size: 35px;
   color: #1F3341;
   font-weight: 600;
	line-height: 1;
}

.jeugdzorg p {
   margin-bottom: 30px;
}

/* EXTRA SMALL RESPONSIVE */
@media (max-width: 350px){
	.jeugdzorg {
   padding: 50px 0px 50px!important;
	}	
}

/* SMALL RESPONSIVE */
@media (max-width: 600px){
	.jeugdzorg {
   padding: 75px 0px 50px;
	}	
	
	.jeugdzorg h2 {
		font-size: 32px;
	}
}


/* USPS */


.usp {
	position: relative;
	padding: 100px 0px 55px;
	height: 100%;
	background-position: top;
	background-size: center;

}

.usp:before {
	position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.901127450980392)10%, rgba(255,255,255,1)100%);
}

.usp img {
	position: relative;
}

.usp-blok {
  margin-bottom: 75px;
	padding: 0px 75px 0px 75px;
	display: block;
	margin-right: auto!important;

}

.usp-blok .flex {
	display: flex;
}

.usp h3 {
   position: relative;
   font-size: 28px;
   color: #1F3341;
   font-weight: 600;
	 top: 8px;
	left: 12px;
}

.usp-blok p {
	 position: relative;
	top: 8px;
	left: 12px;
}

.groen, .over-ons {
   background: rgb(138, 170, 109,0.1);
}

/* SMALL RESPONSIVE */
@media (max-width: 600px){
	.usp {
		padding: 75px 0px;
	}
	
	.usp-blok {
   padding: 0px;
	}	
}

.usp img {
	height: 35px;
	margin-bottom: 25px;
}

/* CTA */
.cta {
	position: relative;
   padding: 0px 0px 0px;
   display: block;
   margin: auto;
   text-align: center;
}

.cta img {
   width: 150px;
}

.cta h3 {
   margin-top: 50px;
   position: relative;
	font-size: 35px;
	color: #1F3341;
	font-weight: 600;
}

.cta p {
   margin-bottom: 50px;
	font-size: 25px;
	max-width: 659px;
	display: block;
	margin-left: auto;
	margin-right: auto;

}

.footer {
	position: relative;
}

.footer ul {
   display: block;
   margin: auto;
   text-align: center;
}

.footer li {
   display: inline;
   list-style: none;
   font-size: 20px;
   margin-left: 20px;
   margin-right: 20px;
}

.footer {
   padding: 0px 0px 50px;
}

.footer a {
	color: black;
}


/* NAVBAR */
.logo {
	float: left;
}

.logo img {
	width: 150px;
	padding: 0px 20px;
}

/* TEAM */
.team {
   padding: 100px 0px 100px;
   text-align: center;
}

.team h1 {
   position: relative;
   font-size: 50px;
   color: #1F3341;
   font-weight: 600;
}

.team p {
   font-size: 20px;
   max-width: 600px;
   display: block;
   margin: auto;
}





.btn-4 {
	background: white!important;
}



.medewerkers {
	padding: 100px 0px 0px;
	position: relative;
	background-position: left bottom;
background-repeat: no-repeat;
	
}

.medewerkers:before {
	position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(184deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7981127450980392)50%, rgba(255,255,255,1)100%);
	
}

.medewerkers h1 {
	position: relative;
	font-size: 40px;
	color: #1F3341;
	font-weight:600;
	text-align: center;
	margin-bottom: 30px;
}

.medewerkers p {
	font-size: 20px;
	max-width: 600px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	position: relative;
	text-align: center;
	
}



.medewerkers .portret {
  margin-bottom: 40px;
	padding: 15px;
	position: relative;
}

.portret h6 {
	font-size: 17px;
	margin-bottom: 15px!important;
}

.medewerkers h3 {
   margin: 15px 0px 0px;
   position: relative;
   font-size: 22px;
   color: #1F3341;
   font-weight: 700;
}

.medewerkers h2 {
	position: relative;
	font-size: 35px;
	color: #1F3341;
	font-weight: 600;
	margin-bottom: 45px;
}

.portret h6 {
	margin: 10px 0px;;
}

.portret a {
	background: transparent!important;
}
/* IMAGE ZOOM EFFECT */

.image-container{
   overflow: hidden;
   cursor: pointer;
   width: 100%;
 }
 
 .image-container img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.6s 	cubic-bezier(0.25, 1, 0.5, 1);
	 cursor: default;

 }
 
 @media (hover: hover) and (pointer: fine) {
   .image-container:hover img{
     transform: scale(1.1);
   }
 }

.portret-info {
	margin-top: 20px;
}

.telefoon-mail {
	display: flex;
	line-height: 2;
}

.telefoon-mail img {
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.telefoon-mail a {
	background: white;
	padding: 0px;
	margin-left: 0px;
	font-size: 1rem;
	color: black;
}




/* AANMELDEN */
@media (min-width:992px){
   .aanmelden-keuze .container {
      width: 70%!important;
   }
}

.aanmelden-keuze {
	margin-bottom: 35px;
}



/* AANMELDFORMULIER */
.gform_description {
	text-align: center;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 700!important;
	font-family: 'houschka-pro'!important;
	-webkit-font-smoothing: antialiased; 
	font-size: 16px!important;
}


/* contactformulier */
.contactformulier {
	background: #9daf6d;
	padding: 10px 25px;
	border-radius: 10px;
}

.gform_required_legend {
	display: none;
}

.gform_title {
	margin-top: 25px;
	margin-bottom: -20px;
	font-size: 26px;
	color: #000;
	font-weight:700;
} 

#input_1_1_3, #input_1_6, #input_1_3, #input_1_4 {
	outline: none;
	border: none;
	height: 40px;
	background: #FAFAFA;
}

#input_1_5, #input_2_5 {
	outline: none;
	border: none;
	height: 150px;
	background: #FAFAFA;
}

#gform_submit_button_1, #gform_submit_button_2 {
	font-family: 'houschka-pro'!important;
  border: none;
  outline: none;
  cursor: pointer;
 	padding: 12px 24px;
  transition: 0.3s;
	font-size: 18px;
	font-weight: 600;
	color: white;
	background: black;
	border-radius: 100px;
}


/* particulieren */
#input_2_1_3, #input_2_3, #input_2_4  {
	outline: none;
	border: none;
	height: 46px;
	background: #FAFAFA;
}





.behandelingen-titel {
	font-size: 18px;
	font-weight: 700;
	margin-left: 31px;
}


/* OVER ONS */
.over-ons {
	padding: 250px 0px 100px;
}

.over-ons h2 {
	    position: relative;
    font-size: 35px;
    color: #1F3341;
    font-weight: 600;
	margin-bottom: 30px;
}

.missie-visie-overons {
	padding: 0px 0px 50px;
}

.missie-visie-blok-II {
	position: relative;
	max-width: 500px;
}

.missie-visie-overons .missie-visie-blok-II {
	max-width: 500px;
}

.missie-visie-overons h3 {
	    position: relative;
    font-size: 28px;
    color: #1F3341;
    font-weight: 600;
}

.missie-visie-II {
	position: relative;
}


.faq-overons {
	text-align: center;
	margin-bottom: 35px;
}