@charset "utf-8";

#catalogusbg{   }


#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; } 

/* catalogusmodule ############################################################################################################################# */

#catalogusmodule {   padding: 0;   } 
#catalogusmodule .catalogusmodule{ } 



#catalogusmodule .catalogusitem {   padding: 360px 20px 20px;    width: 300px;    margin: 20px 20px 0 0;    background: #F4F4F4;   line-height: 130%; }
#catalogusmodule .catalogusitem.onzichtbaar { display: none; }
#catalogusmodule .catalogusitem .catalogusitemimg{ position: absolute; top: 20px; right: 20px; left: 20px; height: 320px;  }
#catalogusmodule .catalogusitem .catalogusitemimg img{  object-fit: cover; object-position: center; max-width: 100%; height: 100%; }

#catalogusmodule .catalogusitem .catalogusitemtitel{  font-size: 18px; font-weight: bold; color: #231F20; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
#catalogusmodule .catalogusitem .catalogusitemsubtitel{  font-size: 14px; color: #999;  }
#catalogusmodule .catalogusitem:hover{  background: #ED1E25; color: #fff!important;  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);   }
#catalogusmodule .catalogusitem:hover .catalogusitemtitel{ color: #fff!important;   }
#catalogusmodule .catalogusitem:hover .catalogusitemsubtitel{ color: #fff!important;   }



#cataloguszoekbalk{ z-index: 1; position: absolute; top: -130px; right: 0; height: 83px; width: 586px; background: url("../img/svg-zoekbalk.svg") no-repeat top left; background-size: contain; margin-top: 20px; margin-bottom: 20px; }
#cataloguszoekbalk input[type=search]{ position: absolute; top: 0px; left: 0; right: 170px; border: 0; padding-left: 90px;  outline-style: none; background:none;  bottom: 0px; }
#cataloguszoekbalk .btnsearch{ position: absolute; top: 8px; bottom: 8px; right: 20px; cursor: pointer; text-align: center; padding-left: 20px; font-size: 18px; left: 410px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; font-weight: bold; color: #fff; border: 0;  outline-style: none; background: url("../img/svg-zoekbalk-search.svg") no-repeat right center ; background-size: auto 100%;   }
#cataloguszoekbalk .btnsearch:hover{  background: url("../img/svg-zoekbalk-search-zwart.svg") no-repeat right center ; background-size: auto 100%;   }
#cataloguszoekbalk{  transform: scale(0.9); right: -40px; }
#cataloguszoekbalk .btnsearchmobiel{  display: none;  }


#cataloguszoekbalk input:-webkit-autofill,
#cataloguszoekbalk input:-webkit-autofill:hover,
#cataloguszoekbalk input:-webkit-autofill:focus,
#cataloguszoekbalk textarea:-webkit-autofill,
#cataloguszoekbalk textarea:-webkit-autofill:hover,
#cataloguszoekbalk textarea:-webkit-autofill:focus,
#cataloguszoekbalk select:-webkit-autofill,
#cataloguszoekbalk select:-webkit-autofill:hover,
#cataloguszoekbalk select:-webkit-autofill:focus {
  /* -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; */
  -webkit-background-clip: text;
  /* This is a bonus from here: https://github.com/nextui-org/nextui/issues/1346#issuecomment-1855635162*/
  transition: background-color 5000s ease-in-out 0s;
}

.tagoverzicht{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; display:none; }
.tagoverzicht a{  position: relative; float: left; padding: 2px 10px; text-decoration: none!important; color: #666!important; background: rgba(0,0,0,0.05); border-radius: 2px; font-size: 11px; text-transform: uppercase; font-weight: 600; margin: 5px 5px 0 0 ; }
.tagoverzicht a:hover{   background: rgba(0,0,0,0.1);  }

.tagoverzicht a span{   position: absolute; top: 50%; margin-top: -8px; right: 9px; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 100%; text-align: center; line-height: 15px; background:#fff;  }
.tagoverzicht a.metnummer{  padding-right: 35px;  }

.tagoverzicht a.active{   background: #231F20; color: #fff!important;  }
.tagoverzicht a.active.metnummer span{   color: #231F20!important;  }

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

.catalogusdetailsintro { position: absolute; top: 0px; left: 0; width: 300px; z-index: 1; }
.catalogusdetailsintro.fixed {  position: fixed;  top: 170px;  left: 50%;	margin-left: -800px; }
.catalogusdetailsintro.absolute-bottom {  position: absolute;  bottom: 0;  top: auto;  right: 0;}
.catalogusdetailsintro span.container{ font-weight: bold;  }
.catalogusdetailsintro .catalogusimg { padding: 15px; backgroud: #fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);   }
.catalogusdetailsintro .catalogusimg img{ z-index: 1; float: left; margin: 0 0px 20px 0; max-width: 100%!important; height: auto;   }

.catalogusdetailsintro .catalogusbekijk { margin-top: 20px; text-align: center; text-decoration: none!important; background: #ED1E25;  }
.catalogusdetailsintro .catalogusbekijk:before { position: absolute; top: 4px; left: 14px; bottom: 4px; width: 30px; background: url("../img/svg-zoom-wit.svg") no-repeat center center; background-size: auto 50%; }
.catalogusdetailsintro .catalogusbekijk:hover {  background: #231F20;  }

.catalogusdetailsintro .catalogusdownload { margin-top: 10px; text-align: center; text-decoration: none!important;   }
.catalogusdetailsintro .catalogusdownload:before { position: absolute; top: 4px; left: 14px; bottom: 4px; width: 30px; background: url("../img/svg-download-wit.svg") no-repeat center center; background-size: auto 50%; }

.catalogusdetailsintro .catalogusinfo { margin-top: 10px; text-align: center; text-decoration: none!important; background: #ddd; color: #666; font-weight: normal; }
.catalogusdetailsintro .catalogusinfo:before { position: absolute; top: 4px; left: 14px; bottom: 4px; width: 30px; opacity: 0.3; background: url("../img/svg-information-donker.svg") no-repeat center center; background-size: auto 50%; }
.catalogusdetailsintro .catalogusinfo:hover {  background: #231F20; color: #fff;  }
.catalogusdetailsintro .catalogusinfo:hover:before {  opacity: 1; background: url("../img/svg-information-wit.svg") no-repeat center center; background-size: auto 50%; }

.catalogusbtnsfooter { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; display: none; }
.catalogusbtnsfooter .btn{ margin-right: 10px; text-decoration: none!important; padding-left: 55px; }
.catalogusbtnsfooter .catalogusinfo { margin-top: 10px; text-align: center; text-decoration: none!important; background: #ddd; color: #666; font-weight: normal; }
.catalogusbtnsfooter .catalogusinfo:before { position: absolute; top: 4px; left: 14px; bottom: 4px; width: 30px; opacity: 0.3; background: url("../img/svg-information-donker.svg") no-repeat center center; background-size: auto 50%; }
.catalogusbtnsfooter .catalogusinfo:hover {  background: #231F20; color: #fff;  }
.catalogusbtnsfooter .catalogusinfo:hover:before {  opacity: 1; background: url("../img/svg-information-wit.svg") no-repeat center center; background-size: auto 50%; }

.catalogusberichttekst  { padding-left: 360px; z-index: 0; }
.catalogusberichttekstcover  {  min-height: 800px;   padding: 70px 80px; line-height: 200%;   background: #F4F4F4; }
.catalogusberichttekstcover  .beschrijving{  font-weight: bold; padding-bottom: 20px; }
.catalogusberichttekstcover  .inhoud{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; padding-bottom: 20px; text-transform: none; font-weight: normal; }
.catalogusberichttekstcover  .tags {  margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
.catalogusberichttekstcover  .tags span{  position: relative; float: left; padding: 2px 10px; background: #fff; border-radius: 2px; font-size: 11px; text-transform: uppercase; font-weight: 600; margin: 5px 5px 0 0 ; }

.catalogusbericht-extrafotos { margin-top: 10px; }
.catalogusbericht-extrafotos img{ box-sizing: border-box;  width: 84px; height: 65px; margin-right: 10px; object-fit: cover; object-position: center; padding: 8px; background: #fff; border-radius: 5px; box-shadow: 0 13px 40px rgba(0,0,0,0.10); }
.catalogusbericht-extrafotos img:hover{  box-shadow: 0 13px 40px rgba(0,0,0,0.2); }


.catalogusbericht-bestanden{  font-size: 14px;  font-weight: 600; margin-top: 25px; padding: 30px 40px 20px 40px; background: rgba(0,0,0,0.03); background: #fff; border-radius: 10px; }
.catalogusbericht-bestanden h4{  }
.catalogusbericht-bestanden a{ border-top: 1px solid #ddd; text-decoration: none!important;  padding: 10px 0 10px 30px;  color: #000; text-decoration: none; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.catalogusbericht-bestanden a:before{  position: absolute; top: 16px; left: 0; width: 15px; height: 18px; background: url("../img/svg-bestand-donker.svg") no-repeat top left; background-size: auto 100%; }
.catalogusbericht-bestanden a:first-child{ border-top: 0; }
.catalogusbericht-bestanden a:hover{ color: #ED1E25; }
.catalogusbericht-bestanden a:hover:before{ background: url("../img/svg-bestand-kleur.svg") no-repeat top left; background-size: auto 100%; }



.catalogusberichttekst h1 { float: none; font-weight: normal; }
.catalogusberichttekst h2 { float: none; }
.catalogusberichttekst h3 { float: none; }
.catalogusberichttekst h4 { float: none; }
.catalogusberichttekst h5 { float: none; }
.catalogusberichttekst h6 { float: none; }
.catalogusberichttekst { line-height: 170%; }

.catalogusterug { 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); }
.catalogusterug: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%;}
.catalogusterug:hover { color: #fff!important; text-decoration: none; background: #DA984E;   }
.catalogusterug: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; }













#catalogusmodule .catalogusmodule .artikelen .catalogusbericht2 { 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) {
	
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht{ width: 290px;  }
	

	
	#inhoud.vervolgpagina {    padding: 0 0 30px;  }
	
	.catalogusdetailsintro.fixed {  margin-left: -630px;     top: 150px; }
	#inhoud.vervolgpagina .catalogusberichttekst h1  {		font-size: 38px; }
	#inhoud.vervolgpagina .catalogusberichttekst h2  {		font-size: 28px; }
	
	#catalogusmodule .catalogusitem {   width: 295px;    margin-right: 20px!important;  }
	#cataloguszoekbalk{  transform: scale(0.8); right: -60px; }
	
}


@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{	 }
	
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht{ width: 300px;  }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht:nth-child(3n + 1){ margin-left: 0px!important;  }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht:nth-child(3n + 2){  margin-left: 30px!important; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht .catalogusberichttitel { font-size: 18px; line-height: 140%; }

	.catalogusdetailsintro.fixed {  margin-left: -480px;     top: 140px; }
	
	.catalogusberichttekst  { padding-left: 300px;  }
	.catalogusdetailsintro {  width: 260px; }
	
	#catalogusmodule .catalogusitem {   width: 300px;     margin-right: 20px!important;  }

	
	#inhoud.vervolgpagina .catalogusberichttekst h1  {		font-size: 32px; }
	#inhoud.vervolgpagina .catalogusberichttekst h2  {		font-size: 20px; }
	.catalogusberichttekstcover { padding: 50px 60px; }
	.leestijd span span { display: none; }
	.share-button {     width: 35px; height: 35px;} 
	
	#inhoud.vervolgpagina {    padding: 0 0 30px;  }
	
	#cataloguszoekbalk{  top: -125px; }
	#cataloguszoekbalk{  width: 500px; background: url("../img/svg-zoekbalk-2.svg") no-repeat top left; background-size: contain;  }
	#cataloguszoekbalk .btnsearch{  left: 330px; right: 15px;  }
	#cataloguszoekbalk{  transform: scale(0.8); right: -60px; }
}

@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; }

	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht{ width: 335px;  }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht:nth-child(4n + 1){ margin-left: 30px!important; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht:nth-child(2n + 1){ margin-left: 0!important; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht .catalogusberichttitel { font-size: 18px; line-height: 140%; }
	
	#inhoud.vervolgpagina {    padding: 0;  }
	
	.catalogusdetailsintro.fixed {  margin-left: -340px;     top: 130px; }
	.catalogusberichttekstcover { padding: 40px 50px; }
	
	.catalogusberichttekst  { padding-left: 240px;  }
	.catalogusdetailsintro {  width: 200px; }
	.catalogusdetailsintro .catalogusbekijk { text-align: left; padding-left: 20px; }
	.catalogusdetailsintro .catalogusbekijk:before { left: auto; right: 14px; }
	.catalogusdetailsintro .catalogusdownload { text-align: left; padding-left: 20px; }
	.catalogusdetailsintro .catalogusdownload:before { left: auto; right: 14px; }
	.catalogusdetailsintro .catalogusinfo { text-align: left; padding-left: 20px; }
	.catalogusdetailsintro .catalogusinfo:before { left: auto; right: 14px; }
	
	#catalogusmodule .catalogusitem {   width: 205px;     margin-right: 20px!important;  }

	#catalogusmodule .catalogusitem .catalogusitemimg { height: 240px; }
	#catalogusmodule .catalogusitem {	padding: 280px 20px 20px }
	#catalogusmodule .catalogusitem .catalogusitemtitel{  font-size: 14px;  }
	#catalogusmodule .catalogusitem .catalogusitemsubtitel{  font-size: 12px;  }

	
	#inhoud.vervolgpagina .catalogusberichttekst h1  {		font-size: 28px; }
	#inhoud.vervolgpagina .catalogusberichttekst h2  {		font-size: 18px; }
	.leestijd span span { display: none; }
	.share-button {     width: 35px; height: 35px;} 
	.share-button:hover {    margin: 5px 8px 0 0; } 
	
	#cataloguszoekbalk{  top: -154px; transform: scale(0.75); right: -60px; }
	#cataloguszoekbalk{  width: 500px; background: url("../img/svg-zoekbalk-2.svg") no-repeat top left; background-size: contain;  }
	#cataloguszoekbalk .btnsearch{  left: 330px; right: 15px;  }
	
}

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


	#kruimelpad { margin: 55px 0 0px; padding: 70px 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; }
	
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht{ width: 300px; margin-bottom: 30px; margin-left: 0px; height: auto!important; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht:nth-child(4n + 1){ margin-left: 0px; }

	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht .catalogusberichtimg {  height: 150px; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht  { width: 100%; margin-left: 0;  }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht1  { margin-bottom: 30px;  }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht .catalogusberichttitel {  font-size: 18px; line-height: 150%; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht .catalogusberichttxt {  }
	#catalogusmodule h2 { font-size: 28px; text-align: center; }
	#catalogusmodule .catalogusmodule .artikelen {  margin-top: 25px; }
	#catalogusmodule .catalogusmodule .artikelen .catalogusbericht .catalogusberichtbol { top: 110px; }
	

	.catalogusitem .top, .catalogusitem .top img {    height: 160px!important; }
	.catalogusitem .bottom .titel { font-size: 14px!important; }
	.catalogusitem .bottom { font-size: 13px; height: auto!important; padding: 30px 30px 90px 30px; }
	.catalogusdetailsintro   { line-height: 180%; min-height: auto; }
	.catalogusdetailsintro  h1 { font-size: 20px!important; }
	.catalogusitem .bottom .leesverder { bottom: 30px; left: 30px; right: 30px; font-size: 13px; }
	.catalogusterug span{ display: none; }
	.catalogusterug { width: 30px; height: 41px; left: -15px; border-radius: 3px; top: 10px;  }
	
	.filter { display: none; }
	
	#inhoud.vervolgpagina {    padding: 0;  }
	
	.catalogusberichttekstcover {         overflow: hidden; min-height: auto; padding: 0; background: none; box-shadow: none; margin-top: 20px; }

	.catalogusberichttekstcover:before { display: none; }
	
	.catalogusberichttekst  { padding-left: 0px;  }
	.catalogusdetailsintro {  width: 100%; position: relative!important; float: left!important; top: auto!important; left: auto!important; margin: 0!important;  }
	
	.catalogusdetailsintro .catalogusimg { width: 26%; padding: 0; height: auto; box-shadow: none; }
	.catalogusdetailsintro .catalogusimg img{ height: 110px; }
	.catalogusdetailsintro .catalogusbtns { width: 74%; font-size: 12px; padding-left: 20px; }
	.catalogusdetailsintro .catalogusbtns span{ display: none; }
	
	.catalogusdetailsintro .catalogusbekijk { text-align: left; padding-left: 20px; margin-top: 0; }
	.catalogusdetailsintro .catalogusbekijk:before { left: auto; right: 14px; }
	.catalogusdetailsintro .catalogusdownload { text-align: left; padding-left: 20px; }
	.catalogusdetailsintro .catalogusdownload:before { left: auto; right: 14px; }
	
	.catalogusdetailsintro .catalogusinfo { text-align: left; padding-left: 20px; }
	.catalogusdetailsintro .catalogusinfo:before { left: auto; right: 14px; }
	
	.catalogusdetailsintro .catalogusinfo.mobielonzichtbaar  { display: none; }
	.catalogusbtnsfooter { display: block; }
	.catalogusbtnsfooter .catalogusinfo{ width: 100%;  background: #ED1E25; color: #fff; font-weight: bold;   padding: 0 35px; }
	.catalogusbtnsfooter .catalogusinfo:before { opacity: 1;    background: url(../img/svg-information-wit.svg) no-repeat center center;    background-size: auto 50%; }
	
	.catalogusbericht-bestanden { background: #F4F4F4; }
	.catalogusberichttekstcover .tags span { background: #F4F4F4; }
	
	#inhoud.vervolgpagina .catalogusberichttekst h1  {		font-size: 20px; }
	#inhoud.vervolgpagina .catalogusberichttekst h2  {		font-size: 15px; }
	
	
	.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; }

	#cataloguszoekbalk{ position: fixed; top: 50px; width: 100%;	 height: 50px;  left: 0; right: 0; border-bottom: 1px solid #ccc;  background: #eee; background-size: contain;  }
	#cataloguszoekbalk .btnsearch{  display: none; }
	#cataloguszoekbalk .btnsearchmobiel{ cursor: pointer; display: block; border: 0; outline-style: none; background: transparent url("../img/svg-zoom-donker.svg") no-repeat center center; background-size: auto 50%; position: absolute;  top: 5px; right: 5px; width: 40px; height: 40px; }
	#cataloguszoekbalk .btnsearchmobiel:hover{  background: transparent url("../img/svg-zoom-donker.svg") no-repeat center center; background-size: auto 50%;  }
	#cataloguszoekbalk input[type=search] { right: 80px; padding-left: 20px; line-height: 50px; }
	
	
}