@charset "utf-8";

/* CSS Document */
dd{margin-bottom:0px;color:#999}
dl.article-info {
  clear: none;
  margin-top: 0px;
}

dt.article-info-term {
  display: none;
}

dl.article-info dd {
  margin-left: 0;
  padding: 0px;
  display: inline;
  font-size: 12px;
} 
dl.article-info dd.category-name {
  display: block;
  line-height: 8px;
}


body {
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f44611+0,f77c11+31,f77c11+64,f44611+100 */
  background: #f44611;
  /* Old browsers */
 
}
li{line-height:1.4em;}

.container {
  margin: 0px auto;
  max-width: 1520px;
  width: 100%;
     background: -moz-linear-gradient(left,  #f44611 0%, #f77c11 50%, #f44611 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f44611 0%,#f77c11 50%,#f44611 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f44611 0%,#f77c11 50%,#f44611 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44611', endColorstr='#f44611',GradientType=0 );
  /* IE6-9 */
}



/*Afgeronde boxen met witte achtergrond */

.roundBox {
    /*MGA 25-2-25 */
 /* background-color: #fff;
  -moz-border-radius: 15px;*/
  border-radius: 15px;
  /*-moz-box-shadow: 0px 0px 10px 0px #424242;
  -webkit-box-shadow: 0px 0px 10px 0px #424242;
  box-shadow: 0px 0px 10px 0px #424242;*/
}


.nav-pills > li > a {
  background-color: #fff;
  float: left;
  -moz-border-radius: 45px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 10px 0px #424242;
  -webkit-box-shadow: 0px 0px 10px 0px #424242;
  box-shadow: 0px 0px 10px 0px #424242;
  padding: 20px 20px;
  margin-left: 5px;
  font-size: 1.8em;
}


.nav-pills > .active > a,.nav-pills > .active > a:hover,.nav-pills > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #A2712E, #920202);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A2712E), to(#920202));
  background-image: -webkit-linear-gradient(top, #A2712E, #920202);
  background-image: -o-linear-gradient(top, #A2712E, #920202);
  background-image: linear-gradient(to bottom, #A2712E, #920202);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA2712E', endColorstr='#ff920202', GradientType=0);
  font-weight: bold;
}

@media screen and (max-width: 1600px) {
    .nav-pills > li > a {
        font-size:2vw;
        padding:1.4vw;
    }
    
}

/* 404 pagina */

/*mainpage */

.content{padding: 0px 20px}
@media screen and (max-width: 1600px) {
    .content{padding: 0px}
}

.contentEnkel{overflow:hidden;}
.contentEnkel p {
  padding: 20px 20px;
}

.contentEnkel h3 {
  padding: 14px 20px 0px;
  margin: 0px;
}
.contentEnkel h2 {
  padding: 20px 20px 0px;
}

.contentDubbel {
  text-align: left;
overflow:hidden;
}
.bgcolor-white{background-color:white}
.items-more{background-color:white;margin:-50px;border-radius:20px;padding:50px;}

/*.item-content, .nspMain{padding: 0px 50px 30px;}
*/

.com-content-category-blog__item {}

/* MGA 26-2-25 */
.item-margin{padding:50px;}
.item-page{background-color: white;padding:50px;margin:-50px}
.blog-item{background-color:white;border-radius: 20px;padding:50px;margin:-50px}
.blog-item .item-content{}
.com-content-category-blog__item{margin-bottom:100px;}
.pull-left.item-image{
    margin-right:-50px;
    margin-left:-50px;
    margin-bottom:50px;
margin-top:-50px;}
div.item-page div.pull-left.item-image{margin-top:-100px}





.nspMain{padding:50px;}
p.nspText{margin-top:20px!important;}

.contentTriple {
  text-align: left;
  margin-top: 0px;
  padding: 10px 50px;
  margin: 0px 20px 20px;
}

.contentEnkelSmall {
  margin-bottom: 20px;
  padding: 30px 20px;
}

@media screen and (max-width: 400px) {
  .contentEnkelSmall {
    padding: 20px 10px;
  }
}

#headerimg {
  margin-bottom: 0px!important;
}

.row{
    margin-bottom:20px;
}
.contentend.row {
    margin-bottom: 0px!important;
}


.img_caption {
  font-size: 0.9em!important;
  color: #4e4e4e;
}

.imgresponsive {
  width: 100%;
  height: auto;
}

.responsive {
  width: 100%;
  height:100%;}

img.responsive{cursor:hand}


#header {
  position: absolute;
  width: 100%;
}

#footer {
  float: left;
  height: 20px;
  width: 886px;
  padding: 6px 30px 2px;
  font-size: 11px;
  margin-top: 20px;
}

.page-header {
  margin: 50px 0px 10px;
  padding-bottom: 0px;
}

.bigFontWhite {
  color: #FFF;
  font-size: 34px;
}


.gradientBLOK {
  background: #a90329;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
  /* IE10+ */
  background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
  /* IE6-8 */
  color: #FFF;
	padding-bottom: 10px;
}

/* IE9 hack to turn of the filter used in gradientBlok */

:root .gradientBLOK {
  filter: none \;
}

a:link,a {
  text-decoration: none;
  color: #c20004;
}

a:hover {
  text-decoration: underline;
}

/*verander de achtergrondkleur van een featured article in blog modus */

leading-0 {
  background-color: #CCC;
}

.plaat a:hover img {
  text-decoration: none;
}

h1,h2,h3,h4,.subHead {
  font-family: 'Catamaran', sans-serif;
  color: #c20004;
}

H1 {
  font-size: clamp(16px, 8vw, 70px);
  margin: 0px;
}

H1.h1header{
font-size: clamp(16px, 8vw, 50px);
  margin: 15px 0px 0;
    line-height: 1;
}

H2 {
  font-size: clamp(16px, 8vw, 50px);
  margin: 15px 0 0;
    line-height:1;
}

div.item-page H2{font-size: clamp(16px, 8vw, 40px);}

H3 {
  font-size: 24px;
  line-height: 90%;
}

H4 {
  font-size: 20px;
  margin: 15px 0 0;
}

.subHead {
  font-size: clamp(30px,5.5vw,70px);
    text-align: center;
  margin: 20px 50px 0px;
  color: #666;
}

.gradientBLOK .moduletable h3 {
  color: bisque!important;
}

.maillink a {
  color: bisque;
}
.linkdark a{color:#a90329}
#rsform-submit-button {
  -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
  -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
  box-shadow: inset 0px 1px 0px 0px #fce2c1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C1932B), color-stop(1, #D5BE50));
  background: -moz-linear-gradient(top, #C1932B 5%, #D5BE50 100%);
  background: -webkit-linear-gradient(top, #C1932B 5%, #D5BE50 100%);
  background: -o-linear-gradient(top, #C1932B 5%, #D5BE50 100%);
  background: -ms-linear-gradient(top, #C1932B 5%, #D5BE50 100%);
  background: linear-gradient(to bottom, #C1932B 5%, #D5BE50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C1932B', endColorstr='#D5BE50',GradientType=0);
  background-color: #ffc477;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eeb44f;
  display: inline-block;
  cursor: pointer;
  color: #ffffff!important;
  font-family: Arial;
  font-size: 2em;
  font-weight: bold;
  padding: 10px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #cc9f52;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rr-ai{width:33%;height:33%;float:left}


/*social boxen*/

.socialbox {
  text-align: center;
  color: white;

  padding: 0px;
  margin: 5px;
  border-radius: 5px;
  font-size: 1.5em;
  display: inline-flex;
  transition: transform .2s;
}

.socialbox:hover {
  transform: scale(1.1);
}

.socialbox a {
  color: white;
}

.socialbox img {
  width: 80px;
  height: 80px;
}

@media (max-width:380px) {
  .socialbox img {
    width: 60px;
    height: 60px;
  }
}




/* Lazyloading Youtube video's */

/* Toegevoegd op 9 juli 2019 */

/*!
 *  Youtube LazyLoad 
 *  v.2.1.1
 *  https://github.com/the-muda-organization/youtube-lazyload
 *  MIT License
 */

/*youtube lazyload container*/

.embed-yt-lazy {
  width: 100%;
  position: relative!important;
  overflow: hidden!important;
  cursor: pointer!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important;
}

/*image thumbnail*/

.embed-yt-lazy-img {
  width: 100%!important;
  display: block!important;
    object-fit:cover;
   
}



/*play-btn*/

.embed-yt-lazy-play-btn {
  width: 100%!important;
  height: 100%!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  z-index: 1!important;
  background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 141'%3E%3Cpath fill='rgba(0,0,0,.65)' d='m4 119c2 9 9 15 18 18 15 4 78 4 78 4s63 0 78-4c9-3 16-9 18-18 4-16 4-49 4-49s0-32-4-48c-2-9-9-15-18-18-15-4-78-4-78-4s-63 0-78 4c-9 3-16 9-18 18-4 16-4 48-4 48s0 33 4 49z'/%3E%3Cpolygon fill='%23fff' points='132 70 80 41 80 100'/%3E%3C/svg%3E") 50%/calc(35px + 10%) auto no-repeat;
}

/*play-btn:hover*/

.embed-yt-lazy-play-btn:hover {
  background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 141'%3E%3Cpath fill='red' d='m4 119c2 9 9 15 18 18 15 4 78 4 78 4s63 0 78-4c9-3 16-9 18-18 4-16 4-49 4-49s0-32-4-48c-2-9-9-15-18-18-15-4-78-4-78-4s-63 0-78 4c-9 3-16 9-18 18-4 16-4 48-4 48s0 33 4 49z'/%3E%3Cpolygon fill='%23fff' points='132 70 80 41 80 100'/%3E%3C/svg%3E") 50%/calc(35px + 10%) auto no-repeat;
}

/*logo*/

.embed-yt-lazy-logo {
  width: 30%;
  min-width: 95px;
  max-width: 215px;
  position: absolute!important;
  right: 4%!important;
  bottom: 4%!important;
  z-index: 2!important;
  opacity: .75!important;
  transition: opacity .3s!important;
}

/*logo:hover*/

.embed-yt-lazy-logo:hover {
  opacity: 1!important;
  transition: opacity .3s!important;
}

/*iframe*/

.embed-yt-lazy iframe {
  width: 100%!important;
  height: 100%!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  z-index: 3!important;
  border: 0!important;
}

/* news pro */
.nspArts, .nspLinksWrap {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0px;
    text-align:center;
}

.nspArt .nspInfo{color:grey;}
.nspArt h4.nspHeader{padding:10px 0px 0px!important;min-height:70px}

.readon-button-wrap{margin-bottom:15px;}
.readon-button{background-color:#C20004;color:white;border:1px solid red;padding:10px 15px;border-radius:10px;}



#wideMain {
  display: none;
}

#smallMain {
  display: block;
}

@media (max-width:640px) {
    .row-hide{display:none}
}

@media screen and (max-width: 768px) {
     .nspArt {width: 100%!important;  }
    .nspArt h4.nspHeader{padding:10px 0px 0px!important;min-height:0px}
    p.nspText{margin-top:unset!important;}
    .blog-item .item-content{}
    .item-page{background-color: white;padding:50px 10px 10px ;margin:-50px -10px -10px}
    .blog-item{background-color:white;border-radius: 10px;padding:10px;margin:-10px}
    .com-content-category-blog__item { margin-bottom: 80px;}
    .item-image{margin:0px -10px;}
    .item-content, .nspMain{text-align: left;padding: 50px 10px 10px;}
    div.item-content div.pull-left.item-image{margin-left:-10px;margin-right:-10px}
    div.item-content div.page-header{margin:-30px 0px 20px;}
    dl.article-info dd { display: none;} 
    dl.article-info dd.category-name { display: none;}
    .pull-left.item-image{margin-bottom:0px} 
    .blog-featured .pull-left.item-image{margin-bottom:-40px} 
    .contactbox{margin-bottom:0px;}
    .contentEnkel, .newsBox{margin-bottom:20px;}
    div.item-page div.pull-left.item-image{margin-top:-70px}
    .rr-ai{width:100%;height:auto;float:none}
     .subHead{margin:10px 10px 0px 10px;}
    
}
@media screen and (max-width: 960px) {
     .subHead{font-size: clamp(30px,7vw,70px);}
        
}

@media screen and (max-width: 1050px) {
    .nobox {display: none;}
    .fullbox {width: 100%!important;}
    .nspMain{text-align: left;padding: 0px 10px 10px;}
   
    h2{
        font-size: clamp(16px, 6vw, 30px);
        margin: 15px 0 0;
        line-height:1;
    }
}



@media (min-width:1051px) {
  #wideMain {
    display: block;
  }

  #smallMain {
    display: none;
  }
}


figcaption{font-size:0.8em;color:grey;font-style:italic;line-height: 1.2em;margin-top: 5px;}

hr.lijntje {
  border: none;
  height: 40px;
  background: url("/images/algemeen/lijntje.svg") no-repeat center;
  background-size: 100% auto;
opacity: 100%;
}

.btn-secondary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5a97ed;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
   
}
    
a:link.btn{ color:white}
.previous{margin-right:3px;}
.readmore a,.readmore a:visited{color:white}

.maxheight{max-height:10vw}
.object-fit{object-fit:cover;}

.fancybox-content {
    border: 10px solid white; /* Dikke witte rand */
    border-radius: 5px; /* Optioneel: afgeronde hoeken */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optioneel: schaduw voor beter contrast */
}

/* MGA 18-6-2025 */ 
/* Basisstijl voor socialbox afbeeldingen */
	.socialbox img {
		width: clamp(20px, 5vw, 64px);
		height: auto;
		transition: width 0.3s ease;
		/* Voor een vloeiende overgang */
	}

	/* Media query voor extra controle bij kleinere schermen */
	@media (max-width: 980px) {
		.socialbox img {
			width: clamp(20px, 12vw, 64px);
			/* Vaste grootte onder 980px */
		}
	}

	/* Optioneel: aanpassing voor grotere schermen boven 1530px */
	@media (min-width: 1530px) {
		.socialbox img {
			width: 64px;
			/* Vaste grootte boven 1530px */
		}
	}
  @media (max-width: 800px) {
	.nspArts,
	.nspLinksWrap {

		padding: 0 4px!important;

	}
}