@charset "utf-8";

#nieuwsbg{   }


#kruimelpad{  margin-top: 110px;  padding: 20px 0 50px 0; box-sizing: border-box; }
#kruimelpad .content{ font-size: 11px; padding-bottom: 30px; z-index: 1; border-bottom: 1px solid #eee;   }
#kruimelpad .content a{ color: #000;  }
#kruimelpad .content a:hover{  }
#kruimelpad .content .kruimellinks{ opacity: 1; color: #000; height: 20px; line-height: 22px; margin-top: 10px; box-sizing: border-box; padding-left: 45px; background: url(../img/svg-sitemap.svg) no-repeat left center; background-size: 18px auto; }
#kruimelpad .content .kruimellinks:hover{ }
#kruimelpad .content h1{ color: #000; font-size: 36px; box-sizing: border-box;  }
#kruimelpad .content .kruimellinks { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#kruimelpad .centered{	 }
#kruimelpad .volgons { position: absolute; bottom: 25px; right: 10px;  font-size: 14px; font-style: italic; z-index: 1;  }
#kruimelpad .volgons span{ padding-right: 30px; }
#kruimelpad .volgons a.linkedin{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-linkedin.svg") no-repeat; margin-right: 5px; }
#kruimelpad .volgons a.facebook{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-facebook.svg") no-repeat;   background-size: auto 100%;  margin-right: 5px; }
#kruimelpad .volgons a.twitter{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-twitter.svg") no-repeat;   background-size: auto 100%;}
#kruimelpad .volgons a.youtube{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-youtube.svg") no-repeat;   background-size: auto 100%; margin-right: 5px; }
#kruimelpad .volgons a.instagram{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-instagram.svg") no-repeat;  background-size: auto 100%; margin-right: 5px;   }
#kruimelpad .volgons a.tiktok{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-tiktok.svg") no-repeat;  background-size: auto 100%; margin-right: 5px;   }
#kruimelpad .volgons a.youtube:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-youtube-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.instagram:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-instagram-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.linkedin:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-linkedin-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.facebook:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-facebook-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.tiktok:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-tiktok-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a:hover{ margin-top: -4px; }


#inhoud.vervolgpagina{ padding: 0 0 90px;  z-index: 2; }
#inhoud.vervolgpagina .centered{  }
#inhoud.vervolgpagina .centered .container.pagina{	line-height: 200%;    }
#inhoud.vervolgpagina .centered .container.pagina.nocta{  }

/*  template gedeeld --------------------------------------- */
#inhoud.vervolgpagina h1{ font-size: 50px;  padding-bottom: 10px; font-weight: bold; }
#inhoud.vervolgpagina h2{ font-size: 32px;  padding: 30px 0 15px; font-weight: bold; }
#inhoud.vervolgpagina h1 + h2{  padding: 0px 0 20px; color: #CE001C; font-weight: normal; }
#inhoud.vervolgpagina h1 + h3{  padding: 0px 0 20px; }
#inhoud.vervolgpagina h3{ font-size: 18px;  padding: 30px 0 20px; }
#inhoud.vervolgpagina h4{ font-size: 16px;  }
#inhoud.vervolgpagina h6{ font-weight: 500; font-size: 20px; padding: 40px 120px; box-sizing: border-box;   background: #fff;   box-shadow: 0 12px 50px rgba(0,0,0,0.13); border-radius: 20px; margin: 40px 0; position: relative; float: left; width: 100%; text-align: center;  font-style: italic; }

#inhoud.vervolgpagina ul{ text-align: left; padding: 20px 0 20px 40px; }
#inhoud.vervolgpagina ul li{ list-style: disc;  padding: 5px 0 5px 30px;  list-style-position: outside; }
#inhoud.vervolgpagina ul li span{ text-align: left; padding: 10px 0 0 10px;  }

#inhoud.vervolgpagina ul.special li span:before{ content:''; position: absolute; top: 13px; left: -45px; width: 26px; height: 26px;  background: #3c3c3b;     box-shadow: 0px 9px 20px rgba(0,84,164,0.5); }
#inhoud.vervolgpagina ul.special li span:after{ content:''; position: absolute; top: 22px; left: -37px; width: 10px; height: 8px; background: url("../img/svg-vink.svg") no-repeat; background-size: 100% auto; }

#inhoud.vervolgpagina ul li{ list-style: disc;  padding: 5px 0 5px 30px;  list-style-position: outside; }

#inhoud.vervolgpagina ol{ text-align: left; padding: 20px 0 20px 40px; }
#inhoud.vervolgpagina ol li{ list-style: decimal;  padding: 5px 0 5px 30px;  list-style-position: outside; }


#inhoud.vervolgpagina a{   text-decoration: underline; } 
#inhoud.vervolgpagina img{   max-width: 100%; height: auto; } 



#actueel .actueel {    padding: 0;    border-top: none; }
#actueel .actueel .artikelen .nieuwsbericht{ width: 375px; margin: 0 0 30px 30px;  }
#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 0; }

.nieuwspagina-wrapper { position: relative; float: left;  width: 100%;}

.nieuwsdetailsintro { position: absolute; top: 0px; right: 0; width: 500px; z-index: 1; }

.nieuwsdetailsintro.fixed {  position: fixed;  top: 170px;  right: 50%;	margin-right: -800px; }
.nieuwsdetailsintro.absolute-bottom {  position: absolute;  bottom: 0;  top: auto;  right: 0;}

.nieuwsdetailsintro span.container{ font-weight: bold;  }
.nieuwsdetailsintro .nieuwsimg img{ z-index: 1; float: left; margin: 0 0px 20px 0; max-width: 100%!important; bordeR: 3px solid #fff; height: auto;  border-radius: 15px;  }
.nieuwsdetailsintro .nieuwsimg:before {    position: absolute;    top: -20px;    right: -20px;    width: 140px;    height: 140px;    border-radius: 10px;    background: #5BCBF5;    z-index: 0; }

.nieuwsberichttekstcover  {     padding: 70px 80px; line-height: 200%;   border-radius: 10px;   box-shadow: 0px 3px 40px rgba(43, 40, 115, 0.2); }
.nieuwsberichttekstcover:before {    position: absolute;    top: 0;    left: 0;    width: 0;    height: 0;    border-top: 30px solid #2B2873;    border-right: 30px solid transparent;    border-top-left-radius: 10px;}


.nieuwsberichttekst  { padding-right: 600px; z-index: 0; }
.nieuwsberichttekst h1 { float: none; font-weight: normal; }
.nieuwsberichttekst h2 { float: none; }
.nieuwsberichttekst h3 { float: none; }
.nieuwsberichttekst h4 { float: none; }
.nieuwsberichttekst h5 { float: none; }
.nieuwsberichttekst h6 { float: none; }
.nieuwsberichttekst { line-height: 170%; }

.nieuwsterug { position: fixed; top: 125px; left: 0px; border-radius: 0 5px 5px 0; text-decoration: none!important; padding: 26px 16px 1px; font-size: 11px; color:#DA984E; text-transform: uppercase; font-weight: bold; background: #fff;    box-shadow: 0 15px 40px rgba(228,220,208,0.7); }
.nieuwsterug:after {  position: absolute; top: 15px; left: 50%; margin-left: -3px; width: 6px; height: 10px; background: url("../img/svg-pijl-links-kleur.svg") no-repeat center center; background-size: auto 100%;}
.nieuwsterug:hover { color: #fff!important; text-decoration: none; background: #DA984E;   }
.nieuwsterug:hover:after {  background: url("../img/svg-pijl-links-wit.svg") no-repeat center center; background-size: auto 100%;}

.filter { position: absolute; top: 10px; right: 25px; z-index: 1;  }
.filter{ padding: 10px 8px; border: 0; background: #FBF8F4; outline-style: none; }

.leestijd {   font-weight: normal!important; margin: 0 0px 20px 0;  padding: 13px 25px 13px 65px; background: #1E398D; color: #fff; border-radius: 10px;}
.leestijd:before { position: absolute; top: 0px; left:20px; bottom: 0px; width: 25px; background: url("../img/svg-klok-kleur.svg") no-repeat left center; background-size: 100% auto; }
.leestijd span { font-weight: bold!important; }

.socialshare{ padding: 25px 35px 30px; background: #fff; border-radius: 10px;     box-shadow: 0px 3px 30px rgba(43, 40, 115, 0.2);  }
.socialshare h4{ font-weight: bold; text-transform: uppercase; padding-bottom: 0; margin-bottom: 5px; font-size: 12px!important; }
.socialshare:before {    position: absolute;    top: 0;    left: 0;    width: 0;    height: 0;    border-top: 30px solid #2B2873;    border-right: 30px solid transparent;    border-top-left-radius: 10px; }

.share-button {    width: 40px;    height: 40px;  margin: 5px 8px 0 0 ;}
.share-button:hover {  margin: 0 8px 0 0 ;}


.share-button.whatsapp {    background: url("../img/svg-socialmedia-whatsapp.svg") no-repeat center center; background-size: contain; }
.share-button.twitter {    background: url("../img/svg-socialmedia-twitter-x-rond.svg") no-repeat center center; background-size: contain; }
.share-button.facebook {    background: url("../img/svg-socialmedia-facebook.svg") no-repeat center center; background-size: contain; }
.share-button.linkedin {    background: url("../img/svg-socialmedia-instagram.svg") no-repeat center center; background-size: contain; }
.share-button.email {    background: url("../img/svg-socialmedia-email.svg") no-repeat center center; background-size: contain; }

.share-button.whatsapp:hover {    background: url("../img/svg-socialmedia-whatsapp-hover.svg") no-repeat center center; background-size: contain; }
.share-button.twitter:hover {    background: url("../img/svg-socialmedia-twitter-x-hover.svg") no-repeat center center; background-size: contain; }
.share-button.facebook:hover {    background: url("../img/svg-socialmedia-facebook-hover.svg") no-repeat center center; background-size: contain; }
.share-button.linkedin:hover {    background: url("../img/svg-socialmedia-instagram-hover.svg") no-repeat center center; background-size: contain; }
.share-button.email:hover {    background: url("../img/svg-socialmedia-email-hover.svg") no-repeat center center; background-size: contain; }


.socialshare-mobiel{ display: none; padding: 25px 35px 30px; background: #fff; border-radius: 10px;  margin-top: 40px;   box-shadow: 0px 3px 30px rgba(43, 40, 115, 0.2); width: 300px;  }
.socialshare-mobiel h4{ font-weight: bold; text-transform: uppercase; padding-bottom: 0; margin-bottom: 5px; font-size: 12px!important; }
.socialshare-mobiel:before {    position: absolute;    top: 0;    left: 0;    width: 0;    height: 0;    border-top: 30px solid #2B2873;    border-right: 30px solid transparent;    border-top-left-radius: 10px; }


.share-button-mobiel {    width: 38px;    height: 38px;  margin: 5px 8px 0 0 ; }
.share-button-mobiel.whatsapp {    background: url("../img/svg-socialmedia-whatsapp.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.twitter {    background: url("../img/svg-socialmedia-twitter-x-rond.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.facebook {    background: url("../img/svg-socialmedia-facebook.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.linkedin {    background: url("../img/svg-socialmedia-instagram.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.email {    background: url("../img/svg-socialmedia-email.svg") no-repeat center center; background-size: contain; }

.share-button-mobiel.whatsapp:hover {    background: url("../img/svg-socialmedia-whatsapp-hover.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.twitter:hover {    background: url("../img/svg-socialmedia-twitter-x-hover.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.facebook:hover {    background: url("../img/svg-socialmedia-facebook-hover.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.linkedin:hover {    background: url("../img/svg-socialmedia-instagram-hover.svg") no-repeat center center; background-size: contain; }
.share-button-mobiel.email:hover {    background: url("../img/svg-socialmedia-email-hover.svg") no-repeat center center; background-size: contain; }













#actueel .actueel .artikelen .nieuwsbericht2 { display: block!important; }

#contact.cta {  padding: 20px 0 50px;}
#contact.cta .contact{  padding: 60px 0 50px; border-top: 2px solid #eee; }
#contact.cta .bg { display: none; }



@media screen and (min-width: 1320px) and (max-width: 1660px) {
	
	#actueel .actueel .artikelen .nieuwsbericht{ width: 290px;  }
	
	.nieuwsberichttekst  { padding-right: 480px;  }
	.nieuwsdetailsintro {  width: 400px; }
	
	#inhoud.vervolgpagina {    padding: 0 0 30px;  }
	
	.nieuwsdetailsintro.fixed {  margin-right: -630px;     top: 150px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h1  {		font-size: 38px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h2  {		font-size: 28px; }
}


@media screen and (min-width: 1024px) and (max-width: 1319px) {
	#kruimelpad{  margin-top: 95px;  }
	#kruimelpad .centered{	width: 960px; }
	#inhoud.vervolgpagina .centered{	width: 960px; }
	#inhoud.vervolgpagina .centered .container.pagina{	 }
	
	#actueel .actueel .artikelen .nieuwsbericht{ width: 300px;  }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(3n + 1){ margin-left: 0px!important;  }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(3n + 2){  margin-left: 30px!important; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel { font-size: 18px; line-height: 140%; }

	.nieuwsdetailsintro.fixed {  margin-right: -480px;     top: 140px; }
	.nieuwsberichttekst  { padding-right: 350px;  }
	.nieuwsdetailsintro {  width: 300px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h1  {		font-size: 32px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h2  {		font-size: 20px; }
	.nieuwsberichttekstcover { padding: 50px 60px; }
	.leestijd span span { display: none; }
	.share-button {     width: 35px; height: 35px;} 
	
	#inhoud.vervolgpagina {    padding: 0 0 30px;  }
}

@media screen and (min-width: 740px) and (max-width: 1023px) {


	#kruimelpad{  margin-top: 95px;  }
	#kruimelpad .centered{	width: 680px; }


	#inhoud .bg:before { left: 100px; }
	
	#inhoud.vervolgpagina .centered{	width: 680px; }
	#inhoud.vervolgpagina .centered .container.pagina{	 }
	
	#inhoud.vervolgpagina .centered .container.pagina.nocta{  min-height: 370px;  }
	
	#inhoud.vervolgpagina h1{ font-size: 28px; }
	#inhoud.vervolgpagina h2{ font-size: 20px;  padding: 10px 0 20px; }
	#inhoud.vervolgpagina h1 + h2{  padding: 0px 0 20px; }
	#inhoud.vervolgpagina h3{ font-size: 18px;  }
	#inhoud.vervolgpagina h4{ font-size: 16px; }

	#inhoud.vervolgpagina .faq-line h2 { text-align: left; height: auto; line-height: 150%; padding: 20px 70px 20px 30px; }
	#inhoud.vervolgpagina .faq-line h2:after {    top: 50%; margin-top: -20px; right: 10px; width: 40px; height: 40px; }

	#actueel .actueel .artikelen .nieuwsbericht{ width: 335px;  }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 30px!important; }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(2n + 1){ margin-left: 0!important; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel { font-size: 18px; line-height: 140%; }
	
	#inhoud.vervolgpagina {    padding: 0;  }
	
	.nieuwsdetailsintro.fixed {  margin-right: -340px;     top: 130px; }
	.nieuwsberichttekstcover { padding: 40px 50px; }
	
	.nieuwsberichttekst  { padding-right: 280px;  }
	.nieuwsdetailsintro {  width: 230px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h1  {		font-size: 28px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h2  {		font-size: 18px; }
	.leestijd span span { display: none; }
	.share-button {     width: 35px; height: 35px;} 
	.share-button:hover {    margin: 5px 8px 0 0; } 
}

@media screen and (min-width: 1px) and (max-width: 739px) {


	#kruimelpad { margin: 55px 0 0px; padding: 20px 0 30px 0; }
	
	#kruimelpad:before { display: none; }
	#kruimelpad .volgons { bottom: 17px; right: -10px;  }
	#kruimelpad .volgons span { display: none; }
	#kruimelpad .content { padding: 10px 0 20px 0; }
	#kruimelpad .centered{	width: 300px; }
	
	
	#kruimelpad .centered{	width: 300px; }
	#inhoud.vervolgpagina{ padding: 0 0 40px; }
	#inhoud.vervolgpagina .centered{	width: 300px; }
	#inhoud.vervolgpagina .centered .container.pagina{	 }
	
	#inhoud.vervolgpagina .centered .container.pagina.nocta{  min-height: auto;  }
	
	#inhoud.vervolgpagina h1{ font-size: 18px; padding: 0 0 10px;  }
	#inhoud.vervolgpagina h2{ font-size: 16px;  padding: 10px 0 10px; }
	#inhoud.vervolgpagina h3{ font-size: 12px;  }
	#inhoud.vervolgpagina h4{ font-size: 12px;  }
	#inhoud.vervolgpagina h6 { font-size: 16px; padding: 30px 30px; }

	#inhoud.vervolgpagina ul {padding: 20px 0 20px 30px; }	
	#inhoud.vervolgpagina ul li { padding: 5px 0 5px 10px; }

	#inhoud.vervolgpagina img{   max-width: 100%!important; } 
	
	#inhoud.vervolgpagina .faq-line h2 { font-size: 12px; text-align: left; height: auto; line-height: 150%; padding: 20px 70px 20px 30px; border-radius: 30px; }
	#inhoud.vervolgpagina .faq-line h2:after {    top: 50%; margin-top: -20px; right: 10px; width: 40px; height: 40px; }
	
	#actueel .actueel .artikelen .nieuwsbericht{ width: 300px; margin-bottom: 30px; margin-left: 0px; height: auto!important; }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 0px; }

	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichtimg {  height: 150px; }
	#actueel .actueel .artikelen .nieuwsbericht  { width: 100%; margin-left: 0;  }
	#actueel .actueel .artikelen .nieuwsbericht1  { margin-bottom: 30px;  }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel {  font-size: 18px; line-height: 150%; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttxt {  }
	#actueel h2 { font-size: 28px; text-align: center; }
	#actueel .actueel .artikelen {  margin-top: 25px; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichtbol { top: 110px; }
	

	.nieuwsitem .top, .nieuwsitem .top img {    height: 160px!important; }
	.nieuwsitem .bottom .titel { font-size: 14px!important; }
	.nieuwsitem .bottom { font-size: 13px; height: auto!important; padding: 30px 30px 90px 30px; }
	.nieuwsdetailsintro   { line-height: 180%; min-height: auto; }
	.nieuwsdetailsintro  h1 { font-size: 20px!important; }
	.nieuwsitem .bottom .leesverder { bottom: 30px; left: 30px; right: 30px; font-size: 13px; }
	.nieuwsterug span{ display: none; }
	.nieuwsterug { width: 30px; height: 41px; left: -15px; border-radius: 3px; top: 10px;  }
	
	.filter { display: none; }
	
	#inhoud.vervolgpagina {    padding: 0;  }
	
	.nieuwsberichttekstcover { padding: 0; background: none; box-shadow: none; }
	.nieuwsberichttekstcover:before { display: none; }
	
	.nieuwsberichttekst  { padding-right: 0px;  }
	.nieuwsdetailsintro {  width: 100%; position: relative!important; float: left!important; top: auto!important; right: auto!important; margin: 0!important;  }
	#inhoud.vervolgpagina .nieuwsberichttekst h1  {		font-size: 28px; }
	#inhoud.vervolgpagina .nieuwsberichttekst h2  {		font-size: 18px; }
	.leestijd  { margin-top:-50px; margin-right: -10px; z-index: 1; width: auto; float: right; }
	.leestijd span span { display: none; }
	.socialshare { display: none;  }
	
	.socialshare-mobiel{ display: block; }

}