@charset 'utf-8';
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{text-rendering:optimizeLegibility;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0px;margin:0px;padding:0px;vertical-align:baseline;}
ol,ul,li{border:0px;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block;}

body{background-color:#4db6ac;}

h1{color:#212121;display:none;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:36px;line-height:100%;padding:0px;}
h2{color:#212121;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:24px;line-height:100%;padding:0px;text-align:center;}
h3{color:#212121;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:21px;line-height:100%;padding:0px;text-align:center;}
html,body,button,input,li,optgroup,p,select,textarea{color:#212121;font-family:"Poppins",Arial,Helvetica,sans-serif;font-size:15px;}
button,input,li,optgroup,p,select,textarea{line-height:150%;}
input,select,textarea{border:1px solid #e0e0e0;border-radius:6px;outline:none;padding:6px 12px;width:100%;}
p{padding-top:12px;}

a,button,div,nav{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
a{text-decoration:none;}
a{color:#7e57c2;}
a:hover{color:#4527a0;}

#page{box-shadow:0px 12px 12px -12px rgba(0,0,0,0.9);padding:12px 12px 24px 12px;width:100%;}
#logo{background-color:#ffffff;border-radius:12px 12px 0px 0px;padding:24px;text-align:center;}
#logo img{max-width:600px;width:100%;}
#intro{background-color:#ffffff;padding:24px;}
	#intro p:first-of-type{padding-top:0px;}
#services{background-color:#ffffff;padding:24px;}
	#services .flex_container{padding-top:12px;}
	#services .flex_item .image{display:block;text-align:center;width:100%;}
	#services .flex_item .image img{border-radius:50%;width:120px;}
	#services .flex_item .title{display:block;padding-top:12px;text-align:center;width:100%;}
#service_details{margin:24px;}
	#service_details .image{display:none;}
	#service_details .content{background-color:#cfd8dc;border-radius:12px;height:100%;padding:24px;width:100%}
	#service_details nav{padding-top:12px;text-align:center;}
	#service_details > div{display:none;position:relative;}
	#service_details > div:first-of-type{display:block;}
#method{background-color:#ffffff;padding:24px;}
#team{background-color:#ffffff;padding:24px;}
	#team .flex_container{padding-top:12px;}
	#team .flex_item .image{display:block;text-align:center;width:100%;}
	#team .flex_item .image img{border-radius:50%;width:120px;}
	#team .flex_item .title{display:block;padding-top:12px;text-align:center;width:100%;}
#team_details{margin:24px;}
	#team_details .image{display:none;}
	#team_details .content{background-color:#cfd8dc;border-radius:12px;height:100%;padding:24px;width:100%;}
	#team_details nav{padding-top:12px;text-align:center;}
	#team_details > div{display:none;position:relative;}
	#team_details > div:first-of-type{display:block;}
#business{background-color:#ffffff;padding:24px;}
#contact{background-color:#ffffff;padding:24px;}
	#contact_notification{text-align:center;}
#legal{background-color:#ffffff;border-radius:0px 0px 12px 12px;padding:12px 0px 24px 0px;text-align:center;}
#legal p{color:#757575;font-size:12px;}
#background{display:none;}

.button{border:none;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;cursor:pointer;display:inline-block;line-height:100%;padding:12px 24px;-o-text-overflow:clip;text-overflow:clip;} /* white-space:nowrap; */

.button_active, a.button_active{background-color:#7e57c2;border:1px solid #7e57c2;color:#ffffff;}
.button_active:hover, a.button_active:hover{background-color:#4527a0;border:1px solid #4527a0;color:#ffffff;}
.button_inactive, a.button_inactive{background-color:#ffffff;border:1px solid #7e57c2;color:#7e57c2;}
.button_inactived:hover, a.button_inactive:hover{background-color:#4527a0;border:1px solid #4527a0;color:#ffffff;}
.button_disabled, a.button_disabled{background-color:#ffffff;border:1px solid #e0e0e0;color:#e0e0e0;cursor:not-allowed;}
.button_disabled:hover, a.button_disabled:hover{color:#e0e0e0;}

.flex_container{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;}
.flex_item{align-self:stretch;flex-basis:auto;} /* flex-grow:1;flex-shrink:1;order:0; */

.hidden{display:none;}
.nowrap{white-space:nowrap;}
.text_center{text-align:center;}

@media only screen and (min-height:300px) and (min-width:600px){
	html,body,button,input,li,optgroup,p,select,textarea{font-size:18px;}
	#page{padding:24px;width:calc(100%);}

	#service_details .image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:12px 0px 0px 12px;bottom:0px;left:0px;display:block;position:absolute;top:0px;width:150px;}
		#service_details #kinderen-en-jeugd .image{background-image:url('/img/background-kinderen-en-jeugd.jpg');}
		#service_details #kinderen-op-school .image{background-image:url('/img/background-kinderen-school.jpg');}
		#service_details #gezinsondersteuning .image{background-image:url('/img/background-gezinsondersteuning.jpg');}
		#service_details #volwassenen .image{background-image:url('/img/background-volwassenen.jpg');}
		#service_details #groepen-en-teams .image{background-image:url('/img/background-groepen-en-teams.jpg');}
	#service_details .content{background-color:#cfd8dc;border-radius:0px 12px 12px 0px;height:100%;margin-left:150px;padding:24px;width:calc(100% - 150px);}
	#service_details nav{display:none;}

	#team_details .image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:12px 0px 0px 12px;bottom:0px;display:block;left:0px;position:absolute;top:0px;width:150px;}
		#team_details #wanda .image{background-image:url('/img/wanda-petitiaux.jpg');}
		#team_details #stan .image{background-image:url('/img/stan.jpg');}
		#team_details #banjer .image{background-image:url('/img/banjer.jpg');}
	#team_details .content{background-color:#cfd8dc;border-radius:0px 12px 12px 0px;height:100%;margin-left:150px;padding:24px;width:calc(100% - 150px);}
	#team_details nav{display:none;}
	
	#contact form{margin:0 auto;max-width:600px;}
	#legal p{font-size:15px;}
}
@media only screen and (min-height:300px) and (min-width:960px){
	#page{left:calc(50%);max-width:960px;position:absolute;top:0px;transform:translate(-50%);z-index:30;}
	#background{background-image:url('/img/duurswouderheide.jpg');background-position-y:0%;background-repeat:no-repeat;background-size:cover;bottom:0px;display:block;height:80vh;left:0px;position:fixed;width:100%;z-index:20;}
}
/*@media only screen and (min-height:1200px){
	body{height:100vh;position:relative;}
	#page{max-width:960px;margin:24 auto;z-index:30;}
	#background{background-image:url('/img/duurswouderheide.jpg');background-position-y:0%;background-repeat:no-repeat;background-size:cover;bottom:0px;display:block;height:80vh;left:0px;position:fixed;width:100%;}
}*/