/*.tk-open-sans { font-family: "open-sans",sans-serif; }
.tk-roca { font-family: "roca",sans-serif; }
.tk-rl-aqva { font-family: "rl-aqva",sans-serif; }*/
#Field_1147_3 {display: none;}
.btn { font-family: "roca",sans-serif!important; }
.bg-paars {background-color: #8F48A0;}
.bg-geel {background-color: #F9E900;}
.text-groen {color: #5CB25D;}
.text-geel {color: #F9E900;}
.text-blauw {color: #3588D3;}
#vervangenIframe {max-height: calc(100vh - 65px);}
.modal-content.text-bg-dark {background-color: #000;}
.tekstbalans{text-wrap:balance}

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}
.descriptions {min-height: 150px;}
body:not(.role-admin) .DnnModule-1147 {display: none;}

.aanmeldblok {position: absolute; width: 100%;height: 100px; overflow-y: hidden; top: 0;bottom: 0;left: 0;right: 0;}
body.aangemeld .aanmeldblok {position: relative; width: 100%;height:auto; overflow-y: visible; top:auto;bottom:auto;left:auto;right:auto;}

.aanmeldblokblok {position: absolute; width: 100%;height: 100px; overflow-y: hidden; top: 0;bottom: 0;left: 0;right: 0;background: #fff;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);}
body.aangemeld .aanmeldblokblok {position: relative; width: 100%;height: auto; overflow-y: visible; top:auto;bottom:auto;left:auto;right:auto;background:transparent;}

@media (min-width: 1400px) {
	.tekstbinnenfluid {padding-left: 20%; padding-right: 125px;}
}

@media (min-width: 1200px) {
    .tab-is-home .navbar-brand { position:absolute!important;width:240px!important;max-width:240px!important;top:25px}
}
.hero {
	position: relative;
	min-height: 45vh;
	overflow: hidden;
}
.hero__media {
	position: absolute;
	inset: 0;
}
.hero__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.hero__content {
	position: absolute;
    right: 0;
    bottom: 0;
	z-index: 1;
	padding: 4rem 2rem;
}
@media (min-width: 576px) {
	.hero {
	  min-height: 60vh;
	}
}
@media (min-width: 768px) {
	.hero {
	  min-height: 70vh;
	}
}
@media (min-width: 992px) {
	.hero {
	  min-height: 80vh;
	}
}


/*HEADER*/
@media (min-width: 992px) {
  #theme-page-navigation .navbar-nav .nav-item>.nav-link {
    font-size: inherit;
  }
}
.grootmenulink:hover {background-color: #F9E900; color: #000!important;}

.page-223 header>nav.navbar,
.page-224 header>nav.navbar {
	background: #000000;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 0%, rgba(241, 245, 235, 0) 100%);
}

#theme-page-navigation {min-height:100px;}
@media (min-width: 992px) {
  #theme-page-navigation {min-height:180px;}
}
#theme-page-navigation .navbar-nav .navi-link.dropdown-toggle::after {
  border:none!important;
  content:none!important;
}
.dropdown-menu .navbar-nav {
  flex-direction: column;
}
header .dropdown-menu {
    top: 100%;max-width: 100%; transition: all .3s ease-in-out;
}
header .dropdown-menu.actief {
    margin-top: -50px!important;
}
@media (min-width: 992px) {
	header .dropdown-menu {
		width: inherit!important;
	}
}

header .dropdown-menu.werk {
    background-color: #5CB25D; width: 100%!important;transition: all 0.2s ease-in-out;
}
@media (max-width: 1199.99px) and (min-width: 992px) {
    #block-dito-main-menu {
        min-width: 475px!important;
    }
}
@media (min-width: 992px) {
    header .dropdown-menu.werk {background-color: #5CB25D;}
}
@media (min-width: 1200px) {
    header .dropdown-menu.werk {background-color: #5CB25D;}
}

header .dropdown-menu.werk.actief {
	border-top: solid 20px #fff;
    box-shadow: 0px 50px 50px -10px rgba(0,0,0,0.55);transition: all 0.2s ease-in-out;
}
header .dropdown-menu.expertise {
    background-color: #5CB25D!important; width: 100%!important;transition: all 0.2s ease-in-out;m
}
header .dropdown-menu.expertise.actief {
    border-top: solid 20px #fff;
    box-shadow: 0px 50px 50px -10px rgba(0,0,0,0.55);transition: all 0.2s ease-in-out;
}
header .dropdown-menu.about {
    background-color: #5CB25D!important; width: 100%!important;transition: all 0.2s ease-in-out;
}
header .dropdown-menu.about.actief {
    border-top: solid 20px #fff;
    box-shadow: 0px 50px 50px -10px rgba(0,0,0,0.55);transition: all 0.2s ease-in-out;
}
header .dropdown-menu.werk,
header .dropdown-menu.expertise,
header .dropdown-menu.about {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-5px) scale(0.98);
    transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
	margin-top: -50px!important;
}
header .dropdown-menu.werk.actief,
header .dropdown-menu.expertise.actief,
header .dropdown-menu.about.actief {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
	transform: translateY(0) scale(1);
    transform: translateY(0);
}

/*.dnnEditState .dropdown-menu {z-index: -1!important;}
.dnnEditState .dropdown-menu.actief {z-index: 1000!important;}*/

#nav-desktop .nav-item.last,
#nav-desktop .nav-item.nav-item-zoek {min-width: 53px;}

.page-223 #nav-desktop .link-dark,
.page-224 #nav-desktop .link-dark {color: #fff!important}


.big-menu .main-navigation {
    position: static!important;
    padding-right: 0!important;
    box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;
}
.big-menu .main-navigation .dropdown.big-menu-item{
    position: static!important;
}

.big-menu ul li.nav-item {
    padding: 0px;
    display: block;
    color: #000!important;
    transition: 0.5s;
    margin-bottom: 0!important;
    border-bottom: solid 2px #fff;
}
.big-menu ul li.nav-item.last {
    border-bottom: solid 2px transparent;
}

.big-menu ul li.nav-item a.navi-link {
    padding: 1rem;
    transition: all 0.1s ease-in-out;
    background-color: transparent;
    color: #000!important;
}

.big-menu ul li.nav-item a.navi-link:hover {
    background-color: #fff;
    text-decoration: none;
    border-radius: 0;
}
.big-menu ul li.nav-item.menu-item--expanded.dropdown > a {
    position: relative;
}

.big-menu ul li.nav-item.menu-item--expanded.dropdown > a svg {
  position: absolute;right: 30px;transition: right 0.2s linear; }
.big-menu ul li.nav-item.menu-item--expanded.dropdown > a:hover svg {
  right: 25px;
}

.big-menu .row {
    position: relative;
    display:flex;flex-wrap:wrap;box-sizing:border-box;text-align:left;-webkit-box-flex:0;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;
}
.big-menu ul ul {
    padding: 0 10px;
    background-color: transparent!important;
    top:0!important;height:auto!important;z-index: 9999;
    position: absolute!important;
    left: 50%!important;
    display: none;
    border-width: 0!important;
}
@media (min-width: 992px) {
    .big-menu ul ul {left: 475px!important;}
}
@media (min-width: 1200px) {
    .big-menu ul ul {left: 42%!important;}
}
.big-menu ul li.nav-item.menu-item--expanded.dropdown ul.active {
    display: block;
}
.big-menu ul ul a{
    transition: all .05s ease-in-out;
}

.big-menu ul ul .dropdown-item{
    white-space:normal!important;
    font-size: 89%;
}
.big-menu ul ul .dropdown-item.active,
.big-menu ul ul .dropdown-item:focus,
.big-menu ul ul .dropdown-item:hover{
    background-color: transparent!important;
}

.big-menu ul ul a {
    border-right: 0px !important;
    color: #000;
}

/*///*/

/*/BOOTSTRAP OVERWRITES/*/
h1,.h1 {font-family: "roca"; font-weight: 800;}
@media (min-width: 1200px) {
    h1,.h1 {font-size: 3.75rem;text-wrap:balance}
}
h2,.h2,h3,.h3,h4,.h4 {font-family: "roca"; font-weight: 700;text-wrap:balance}

.modal{--bs-modal-zindex: 1055;--bs-modal-width: 500px;--bs-modal-padding: 1rem;--bs-modal-margin: 0.5rem;--bs-modal-color: ;--bs-modal-bg: #fff;--bs-modal-border-color: var(--bs-border-color-translucent);--bs-modal-border-width: 1px;--bs-modal-border-radius: 0;--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius: -1px;--bs-modal-header-padding-x: 1rem;--bs-modal-header-padding-y: 1rem;--bs-modal-header-padding: 1rem 1rem;--bs-modal-header-border-color: var(--bs-border-color);--bs-modal-header-border-width: 1px;--bs-modal-title-line-height: 1.5;--bs-modal-footer-gap: 0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color: var(--bs-border-color);--bs-modal-footer-border-width: 1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: 0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);margin:calc(var(--bs-modal-header-padding-y)*-0.5) calc(var(--bs-modal-header-padding-x)*-0.5) calc(var(--bs-modal-header-padding-y)*-0.5) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5)}@media(min-width: 576px){.modal{--bs-modal-margin: 1.75rem;--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width: 300px}}@media(min-width: 992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}@media(min-width: 1200px){.modal-xl{--bs-modal-width: 1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media(max-width: 575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media(max-width: 767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media(max-width: 991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media(max-width: 1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media(max-width: 1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}
.btn-close.border-white {
  --bs-btn-close-color: #fff;
  --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414' fill='%23ffffff'/%3E%3C/svg%3E");
}
a#theme-to-top {background-color: var(--bs-success);}
a#theme-to-top:hover {background-color: color-mix(in srgb, var(--bs-success) 35%, #000);}

#theme-to-bottom {
    background-color:var(--bs-primary);
    bottom: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    height: 40px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    left: 50%;
    transition: opacity .5s ease;
    width: 40px;
    z-index: 999;
}
#theme-to-bottom.theme-bottom-visible {
    opacity: 1;
    pointer-events: auto;
}
a#theme-to-bottom {background-color: var(--bs-success);}
a#theme-to-bottom:hover {background-color: color-mix(in srgb, var(--bs-success) 35%, #000);}

@media (max-width: 991.98px) {
  #theme-page-navigation .navbar-nav .nav-link {
    color: color-mix(in srgb,var(--bs-white),transparent 50%);
  }
}
@media (max-width: 991.98px) {
  #theme-page-navigation .offcanvas-body .dropdown-menu .nav-item .dropdown-item {
    color: color-mix(in srgb,var(--bs-white),transparent 30%);
  }
}

.tekstblok ol,
.tekstblok ul {margin-bottom: 2rem;}
.tekstblok ol ol,
.tekstblok ul ul {margin-bottom: 1.125rem;}
/*///*/

/*ZOEKRESULTATEN*/
#dnn_ctr361_ModuleContent {display: block;transition: all .2s ease-in-out; }
.aanhetladen #dnn_ctr361_ModuleContent {display: none!important;}
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title {
    font-size: inherit;
}
.dnnSearchResultItem-Link,
.dnnSearchResultItem-Subset .dnnSearchResultItem-Title,.dnnSearchResultItem-Others,
ul.searchSkinObjectPreview, .dnnSearchBoxClearText,.dnnSearchBoxPanel,.dnnSearchResultPanel {display: none!important;}
/*/*/

/*/ZOEKEN/*/
.search-block {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
  float: none;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#nav-mobile .search-block {
width: 80%;
}
.search-block #dnn_dnnSearch3_ClassicSearch,
.search-block #dnn_dnnSearch_ClassicSearch {
  padding: 8px 0;
  border: 0;
  background-color: inherit;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 0;
    width: 100%;
  line-height: 0;
}
.search-block #dnn_dnnSearch_ClassicSearch .searchInputContainer {
  margin: 0;
    flex: 1;
}
.search-block #dnn_dnnSearch3_ClassicSearch .searchInputContainer {
  margin: 0;flex: 1;box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.15);
}
.search-block #dnn_dnnSearch_ClassicSearch .SearchButton {
  padding: 0.7rem 1rem;
  border-left: 1px solid transparent;
  line-height: 1.1;
  height: 100%;
    min-width: 65px;
  font-size: 1rem;
  text-align: center;
  background-color: transparent;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
    background-image: url("../img/zoeken.png");
    background-position: right 50%;
    background-repeat: no-repeat;
    text-indent: -90000px;
}
.search-block #dnn_dnnSearch3_ClassicSearch .SearchButton {
  margin-left: -70px;
    z-index: 1;
    height: 50px;
    padding: 0.7rem 1rem;
  border-left: 1px solid transparent;
  line-height: 1.1;
    min-width: 65px;
  font-size: 1rem;
  text-align: center;
  background-color: transparent;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
    background-image: url("../img/zoeken.png");
    background-size: contain;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-origin: content-box;
    text-indent: -90000px;
}

.search-block #dnn_dnnSearch3_ClassicSearch .SearchButton:focus, .search-block #dnn_dnnSearch3_ClassicSearch .SearchButton:hover,
.search-block #dnn_dnnSearch_ClassicSearch .SearchButton:focus, .search-block #dnn_dnnSearch_ClassicSearch .SearchButton:hover {
  background-color: transparent;
}
.search-block #dnn_dnnSearch_ClassicSearch input[type=text] {
  padding: 0.7rem;
  height: 100%;
    width: 100%;
  border: solid 1px #f2f2f2;
  border-radius: 0;
    font-style: italic;
    background-color: #fff;
}
.search-block #dnn_dnnSearch3_ClassicSearch input[type=text] {
  padding: 0.7rem;
  height: 100%;
    width: 100%;
  border: solid 1px #CFCFCF;
  border-radius: 0;
    font-style: italic;
    background-color: #DEE5E5;
}
.search-block #dnn_dnnSearch_ClassicSearch input[type=text]:focus {
  border: solid 1px #ccc;
}
.search-block #dnn_dnnSearch3_ClassicSearch input[type=text]:focus {
  border: solid 1px #333;background-color: #ffffff;
}
/*///*/



/*/FOOTER/*/
.nav-item-taal .dropdown-menu.taalkeuze {
    position: absolute;
}
.nav-item-taal .dropdown-menu {
  position: absolute;
  min-width: 10rem;
    width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1.4375rem;
  color: #000000;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.text-white .nav-item-taal .dropdown-item.taallink {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529!important;
    text-align: inherit;
    white-space: nowrap;
    background-color: #f1f1f1;
    border: 0;
}
.text-white .nav-item-taal .dropdown-item:hover,
.text-white .nav-item-taal .dropdown-item:focus {
    color: #E23835!important;
    text-decoration: none;
    background-color: #f1f1f1;
}
.text-white .nav-item-taal .dropdown-item.active,
.text-white .nav-item-taal .dropdown-item:active {
    color: #E23835!important;
    text-decoration: none;
    background-color: #f1f1f1;
}
.dropdown-item.disabled,
.nav-item-taal .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}
/*///*/

/*/ARTIKELEN/*/
.article-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end; /* of center */
  pointer-events: none;
}
.article-content2 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end; /* of center */
  pointer-events: none;
}
.article-content2 *,
.article-content * {
  pointer-events: auto;
}
@media (min-width: 1400px) {
  .article-content .container-xxl {
    padding-left: calc(
      (100vw - 1320px) / 2
    );
    padding-right: 0;
  }
}

.en-back-button {display: none;}
.nl-back-button {display: inline-block;}
body.has-en-param .en-back-button {display: inline-block;}
body.has-en-param .nl-back-button {display: none;}
body.projectdetailpagina.has-en-param .og-tags-boven a {}
body.projectdetailpagina .nav-item-taal,
.meerexpertises,
.meeropdrachtgevers {display: none!important}
.parent-Expertises .meerexpertises,
.parent-Opdrachtgevers .meeropdrachtgevers {display: block!important}

.BcreaVideoContainer { margin: 0 auto }
iframe { max-width: 100% }
a.playknoplink { width: 75px; height: 75px; float: left; margin-right: 4px }
a.playknoplink .playknop { height: 75px; width: 75px; margin-top: 0; margin-left: -75px; position: absolute; background: transparent url('/Portals/_default/Skins/bca2026/assets/img/iconen/play_button.png') top right no-repeat }
a.playknoplink:hover .playknop { background: transparent url('/Portals/_default/Skins/bca2026/assets/img/iconen/play_button.png') bottom right no-repeat }
.PortfolioHeader { margin-top: 20px; margin-bottom: 10px }
.CheckPortfolio { float: left; width: 50%; display: none}
.KiesDiscipline { float: right; width: 50%; text-align: right; padding-right: 10px }
.KiesDiscipline a.knop { padding: 4px; margin: 0; margin-top: 5px; background-color: #f2f2f2; color: #333; line-height: 29px; font-size: 13px; text-transform: uppercase; width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; display: inline-block; text-align: center }
.KiesDiscipline a.knop:hover { color: #111; background-color: #ccc }
.KiesDiscipline a.knopactief { color: #111!important; background-color: #ccc!important }
.b-lazy { -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0 }
img.b-loaded { opacity: 1 }
.og-grid .artikelhouder { display: inline-block; vertical-align: top }
.og-grid .artikelhouder a { max-width: 100%!important }
.og-grid .artikelhouder>a { border: none; outline: none; display: block; position: relative }
.og-grid .artikelhouder>a img { border: none; outline: none; display: block; }

.thumbclick { display: inline-block; max-width: 100%; transition: all ease-in-out .3s; }
.thumbclick .overlay { color: #fff;visibility: hidden; position: absolute; top:0;width: 100%!important; height: 100%; background-color: transparent; transition: all ease-in-out .3s;padding:10px;}
.thumbclick:hover .overlay {visibility: visible; background-color:rgba(0,0,0,0.78);}
.thumbclick .overlay>.h4 {position: absolute; bottom: 0px; }
.thumbclick .overlay .tekst {position: absolute; bottom: 0px; transition: all ease-in-out .3s; }

@property --fade {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

.thumbclick .overlayaltijdzichtbaar {
    color: #fff;
    position: absolute;
    inset: 0;
    width: auto !important;
    height: auto;
    transition: --fade 400ms ease;
    padding:10px;
    /*background-color: #000000;*/
    --fade: 0;
    /*background:       linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, var(--fade)) 49%);*/
    /*background-image: linear-gradient(0deg,rgba(0,0,0,var(--fade)) 0%, rgba(0,0,0,0) 100%);*/
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 15%, rgba(0,0,0,var(--fade)) 60%);
}

@media (hover: hover) and (pointer: fine) {
    .thumbclick:hover .overlayaltijdzichtbaar {--fade: 0.5;}
}
@media (hover: none) and (pointer: coarse) {
    .thumbclick:focus .overlayaltijdzichtbaar,
    .thumbclick:active .overlayaltijdzichtbaar {--fade: 0.5;}
}
.thumbclick .overlayaltijdzichtbaar>.h4 {position: absolute; bottom: 0px; opacity: .7;}
.thumbclick:hover .overlayaltijdzichtbaar>.h4 {opacity: 1; }
.thumbclick .overlayaltijdzichtbaar .tekst {position: absolute; bottom: 0px; transition: all ease-in-out .3s; opacity: .7;}
.thumbclick:hover .overlayaltijdzichtbaar .tekst {position: absolute; bottom: 0px; transition: all ease-in-out .3s; opacity: 1; }

.thumbclick .overlay>div { padding: 10px }
.thumbclick .overlay.remove-padding>div { padding: 0!important }

.og-grid li.og-expanded .thumbclick .overlay { visibility: hidden!important }
.og-grid li.og-expanded { min-height: 910px }
.og-grid li.og-expanded>a.thumbclick::after { bottom: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ddd; border-width: 15px; left: 50%; margin: -20px 0 0 -15px; z-index: 3!important }
div[class*='og-expander'] { position: absolute; background: #ddd; top: auto; left: 0; width: 100%; margin-top: 10px; text-align: left; min-height: 750px; display: none; opacity: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.og-expanded div[class*='og-expander'] { display: block; opacity: 1; min-height: 750px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
div#og-expandedarticle[class*='og-expander'] { position: relative; display: block; background: transparent; overflow: visible; opacity: 1; min-height: 250px }
.og-expandr-inner { padding: 20px; height: 100% }
.og-close { position: absolute; width: 40px; height: 40px; top: 5px; right: 5px; cursor: pointer; z-index: 9999 }
.og-close::before,
.og-close::after { content: ''; position: absolute; width: 100%; top: 50%; height: 1px; background: #888; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) }
.og-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) }
.og-close:hover::before,
.og-close:hover::after { background: #333 }
.og-fullimg { width: 50%; float: left; height: auto!important; position: relative; display: block; text-align: center; padding-bottom: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.og-fullimg img { display: inline-block; max-height: 100%; max-width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.artikelThumbs { float: left; }
.og-details { width: 50%; float: right; height: 100%; overflow-x: hidden; position: relative; display: block; padding: 0 0 20px 20px }
.og-details h3 { font-weight: 300; font-size: 44px; line-height: 48px; padding: 0 0 10px; margin-bottom: 10px; margin-left: -3px }
.og-details h3 a { text-decoration: none; color: #333; width: 100% }
.og-detailstekst { margin-bottom: 10px }
.og-detailstekst ul{ padding-left: 20px; }
div.og-tags { font-size: .7em; line-height: 1.55em; text-transform: uppercase; margin-top: 30px }
.og-tags-onder a {display: none}
.og-tags-onder a:last-of-type {display: inline-block}
div.og-tags-onder,
div.og-tags-boven { background: url(/Portals/_default/Skins/bca2026/assets/img/iconen/icon_tag.png) no-repeat left center; padding-left: 24px }
div.og-tags-websiteurl { margin-top: 10px; background: url(/Portals/_default/Skins/bca2026/assets/img/iconen/icon_url.png) no-repeat left center; padding-left: 24px }
div.og-tags a { color: #666 }
div.og-tags a:hover { color: #000 }
span.og-tags { font-size: .8em; text-transform: uppercase }
span.og-tags a { color: #333 }
div.og-tags-shareurl { margin-top: 20px; margin-bottom: 20px }
div.og-tags-shareurl a { display: inline-block; height: 30px; width: 30px; margin-right: 7px; overflow: hidden; opacity: .8; background-image: url(/Portals/_default/Skins/bca2026/assets/img/iconen/share-icons.png) }
div.og-tags-shareurl a:last-child { margin-right: 0 }
div.og-tags-shareurl a span { display: block; height: 30px; width: 30px; text-indent: -99999px; overflow: hidden }
div.og-tags-shareurl a:hover { opacity: 1 }
div.og-tags-shareurl a.pinterest { background-position: 0 0 }
div.og-tags-shareurl a.twitter { background-position: -30px 0 }
div.og-tags-shareurl a.linkedin { background-position: -60px 0 }
div.og-tags-shareurl a.facebook { background-position: -90px 0 }
div.og-tags-shareurl a.google { background-position: -120px 0 }
div.og-tags-shareurl a.mail { background-position: -150px 0 }
.og-loading { width: 20px; height: 20px; border-radius: 50%; background: #ddd; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; -webkit-animation: loader .5s infinite ease-in-out both; -moz-animation: loader .5s infinite ease-in-out both; animation: loader .5s infinite ease-in-out both }
div.paginas { text-align: center; margin-bottom: 60px; margin-top: 40px }
.paginas ul,
.paginas ul li { padding: 0; margin: 0; list-style: none; display: inline-block }
.paginas ul li { margin-right: 15px; background-color: #f4a502; color: #fff; line-height: 29px; font-size: 13px; text-transform: uppercase; width: 30px; height: 29px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.paginas ul li.nextprev { width: 90px; background-color: #f4a502 }
.paginas ul li a { text-decoration: none; color: #333; display: block; background-color: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.paginas ul li.nextprev a { color: #333; background-color: #f2f2f2 }
.paginas ul li.nextprev a.heeftnextprev { color: #333; background-color: #ccc }
.paginas ul li a:hover { color: #fff; background-color: #f4a502 }
.paginas ul li.nextprev a:hover { color: #333; background-color: #f2f2f2; cursor: default }
.paginas ul li.nextprev a.heeftnextprev:hover { color: #fff; background-color: #f4a502; cursor: pointer }
.CatOmschrijving { float: left; margin-bottom: 10px }
.CatOmschrijvingHolder img { float: right; max-width: 120px; border-left: solid 1px #aaa; margin-left: 20px; padding-left: 10px }
.CatOmschrijvingHolderLink { margin-top: 10px }
#childcontainers { position: relative; display: block }
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after { content: ""; display: table }
.grid-box { float: left }
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both }
.deepest .overlay h3 { color: #fff; width: 100%; font-weight: normal; font-size: 16px }
.wrappert { max-width: 1350px; position: relative; margin: 0 auto }
.wrappert>.deepest { padding: 0 }
#main .grid-block { margin-bottom: 20px; margin-top: 15px }
.mod-box { padding-right: 5px; background: #fff; overflow: hidden }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 3000; width: 100%; height: 500px }
.KlantLink0 { cursor: default }
.visible0,
.Invisible { display: none; visibility: hidden }

table.PagingTable{ margin-left:-30px;margin-top:20px; display: inline-block;}
.PagingTable td:first-child{visibility:hidden; display:none;width:0 !important;min-width:0px !important; padding:0 !important; margin:0 !important;}
.PagingTable span {padding:0; margin:0;display: inline-block;font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    background-color:#f4a502;text-decoration:none;
    color:#fff;min-width:30px;min-height:30px;
	text-align:center;
	line-height:29px;
	margin-right:5px;}
.PagingTable a {padding:0; margin:0;display: inline-block;font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    background-color:#ccc;text-decoration:none;color:#333;
	min-width:30px;min-height:30px;text-align:center;line-height:29px;margin-right:5px;}
.PagingTable a:hover { color: #fff; background-color: #f4a502 }

@media(min-width:2000px) {
.og-fullimg { width: 60%; height: auto!important }
.og-details { width: 40%; height: auto!important }
}
@media(max-width:1250px) {
.og-fullimg { width: 66.66666%; height: auto!important }
.og-details { width: 33.33333%; height: auto!important }
}
@media(max-width:1024px) {
.og-details h3 { line-height: 34px; font-size: 32px }
}
@media(max-width:800px) {
.og-fullimg { width: 50% }
.og-details { width: 50% }
.CheckPortfolio { float: left; width: 100% }
.KiesDiscipline { float: right; width: 100%; text-align: left; margin-top: 10px }
}
@media(max-width:600px) {
.og-detailstekst { font-weight: 300; font-size: .9em; line-height: 1.3em }
div.og-tags { font-size: .8em; line-height: 1.85em; margin-top: 20px; margin-bottom: 20px }
}
@media(max-width:550px) {
.og-fullimg { float: none; width: 100%; display: block; overflow: visible }
.og-details { float: none; width: 100%; display: block; overflow: visible; padding-left: 0 }
.artikelThumbs { float: none; width: 100%; display: block; overflow: visible; height: auto!important }
.og-fullimg img { display: block }
.paginas ul { margin: 0 }
.paginas ul li { margin-right: 8px; font-size: 11px; width: 25px }
.paginas ul li.nextprev { width: 70px; margin-right: 8px }
.paginas ul li.nextprev.eind { margin-right: 0!important }
.og-grid li.og-expanded { min-height: 1210px }
.og-expanded div[class*='og-expander'] { min-height: 1050px;}
}
@media(max-width:350px) {
.paginas ul li.nextprev { display: none; visibility: hidden; opacity: 0; width: 0; margin: 0; padding: 0 }
}
/* 1) Tijdens lazyload/loading: overlay even uit, zodat je geen “rits”/gradient-jump ziet */
.thumbclick.loading .overlayaltijdzichtbaar,
.lazyloading + .overlayaltijdzichtbaar {
  opacity: 0;
  visibility: hidden;
}
/* Als je overlay binnen .thumbclick zit (waarschijnlijk), is deze genoeg: */
.thumbclick.loading .overlayaltijdzichtbaar {
  pointer-events: none;
}
/* 2) Zodra geladen: overlay weer normaal */
.thumbclick .overlayaltijdzichtbaar {
  opacity: 1;
  visibility: visible;
}
/* Geef de kaart/thumbnail een vaste verhouding (kies wat bij jullie grid past) */
.og-grid .artikelhouder > a.thumbclick {
    aspect-ratio: 4 / 3;       /* of 4/3, of 1/1 afhankelijk van je beelden */
    display: block;
    position: relative;
    overflow: hidden;
}

@media(min-width: 992px){
    .og-grid.gridvertikaal .artikelhouder:not(.liggend169) > a.thumbclick {
      aspect-ratio: 3 / 4;
    }
    .og-grid .artikelhouder.liggend169 > a.thumbclick {
      aspect-ratio: 16 / 9;
    }
}

/* Zorg dat de image netjes de ratio vult */
.og-grid .artikelhouder > a.thumbclick img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: translateZ(0) scale(1.01);
}

/* ============================= */
/* PROJECT DETAIL HERO FIX */
/* ============================= */

.imgenthumbs {
  position: relative;
}

/* Vaste verhouding → voorkomt layout shift */
.imgenthumbs .heroimg {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* 1920x1200 */
  overflow: hidden;
  background-color: #F1F5EB; /* subtiele fallback */
}

/* Zorg dat image of iframe altijd exact vult */
.imgenthumbs .heroimg img,
.imgenthumbs .heroimg iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Loading state (optioneel maar netjes) */
.imgenthumbs .heroimg.is-loading {
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

/*///*/

/*/LIVEFORM/*/
#Body .LiveForm.Default ul.page-break-section,
#Body .LiveForm.Default .thank-you {
    padding: 0px;
    border-radius: 0px;
    box-shadow:none;
    background-color: transparent!important;
}
#Body .LiveForm.Default ul.page-break-section .Field {
    position: relative;
    padding: 10px 0px 10px 0px;
}
#Body .LiveForm.Default .Field-Label-Hidden {
  width: 0px; display: none;
}
/*///*/

.to-shine-footer-imprint .to-shine-login {
  width: 12px;
  margin-left: 4px;
  margin-top: -5px;
}
.sociallink img {max-width: 40px;}
.bg-grijs {background-color: #F1F5EB;}
.bg-grijsblauw {background-color: #3588D3;}
.bubbel-geel {
    /* background-color: #FFFFFF; */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="726.95" height="712.392" viewBox="0 0 726.95 712.392"><defs><style>.a{fill:%23f9e900;fill-rule:evenodd;}</style></defs><path class="a" d="M398.415,25.724C500.252,8.313,626.95-31.184,695.877,45.764c68.847,76.856,4.316,195.771-13.095,297.475-13.042,76.2-26.668,149.276-73.854,210.513-55.739,72.34-119.248,161.693-210.513,158.559C307.84,709.19,268.343,601.377,201.873,539.768,130.263,473.444,3.446,440.787.072,343.24c-3.36-97.706,111.279-149.661,187.737-210.606C251.809,81.609,317.748,39.509,398.415,25.724Z"/></svg>');
    /* background-attachment: fixed | scroll; */
    /* background-size: auto | cover | contain | 500px 250px; */
    background-position: center;
    background-repeat: no-repeat;
    /* background-origin: border-box | padding-box | content-box; */
    /* background-clip: border-box | padding-box | content-box; */
    /* background-blend-mode: multiply | screen | overlay; */
}
.bubbel-groen {
    /* background-color: #FFFFFF; */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="954.583" height="871.997" viewBox="0 0 954.583 871.997"><defs><style>.a{fill:%235cb25d;fill-rule:evenodd;}</style></defs><path class="a" d="M529.25.066c122.566-3.459,195.6,129.168,275.114,222.5,70.325,82.508,141.434,166.97,148.921,275.114,7.988,115.464-20.055,240.788-107.994,316.042-84.112,72-206.561,63.339-316.042,46.894C437.768,846.868,372.072,783.5,295.782,731.153,188.139,657.319,7.2,628.023.195,497.686-6.774,368.234,174.82,326.52,269.26,237.7,358.151,154.068,407.251,3.509,529.25.066Z"/></svg>');
    /* background-attachment: fixed | scroll; */
    /* background-size: auto | cover | contain | 500px 250px; */
    background-position: right 200px bottom -215px;;
    background-repeat: no-repeat;
    /* background-origin: border-box | padding-box | content-box; */
    /* background-clip: border-box | padding-box | content-box; */
    /* background-blend-mode: multiply | screen | overlay; */
}
.bg-torentje {
    /* background-color: #FFFFFF; */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="330.792" height="742.712" viewBox="0 0 330.792 742.712"><defs><style>.a{fill:none;}.b{fill:%23fff;}.c{clip-path:url(%23a);}.d{fill:%23f9e900;}</style><clipPath id="a"><rect class="a" width="330.792" height="742.712"/></clipPath></defs><g transform="translate(0 -0.004)"><rect class="b" width="239.115" height="341.579" transform="translate(45.839 401.136)"/><rect class="b" width="274.53" height="9.174" transform="translate(28.131 391.962)"/><path class="b" d="M0,1094.036l9.67,20.225H322.754l8.038-20.225Z" transform="translate(0 -722.299)"/><path class="b" d="M219.227,547.02H182.743L102.934,681.795,51,732.886H347.135l-49.983-51.091Z" transform="translate(-33.674 -361.15)"/><path class="b" d="M467.135,0,463,134.779l-3.215,51.091h18.335l-3.095-51.091L470.708,0Z" transform="translate(-303.561)"/><path class="b" d="M452.665,515.3H446.8l-10.492-11.838-6.827-4.488h38.931l-6.571,4.488Z" transform="translate(-283.551 -329.427)"/><g transform="translate(0 0.004)"><g class="c"><path class="d" d="M406.041,1309.885h0a41.547,41.547,0,0,0-41.547,41.547v121.212h83.094V1351.432a41.547,41.547,0,0,0-41.547-41.547" transform="translate(-240.645 -864.811)"/><path class="b" d="M472.677,358.312a14.944,14.944,0,1,0-14.945,14.945,14.945,14.945,0,0,0,14.945-14.945" transform="translate(-292.336 -226.698)"/><path class="b" d="M482.151,48.146a4.9,4.9,0,1,0-4.9,4.9,4.9,4.9,0,0,0,4.9-4.9" transform="translate(-311.857 -28.555)"/><path class="b" d="M480.137,185.926a7.033,7.033,0,1,0-7.033,7.033,7.033,7.033,0,0,0,7.033-7.033" transform="translate(-307.709 -118.11)"/><path class="b" d="M484.065,180.656h3.5a8.465,8.465,0,0,1,6.307-2.824v-2.843a11.335,11.335,0,0,0-9.8,5.668" transform="translate(-319.588 -115.532)"/><path class="b" d="M470.428,180.656h-3.5a8.465,8.465,0,0,0-6.307-2.824v-2.843a11.335,11.335,0,0,1,9.8,5.668" transform="translate(-304.113 -115.532)"/></g></g></g></svg>');
    /* background-attachment: fixed | scroll; */
    /* background-size: auto | cover | contain | 500px 250px; */
    background-position: right 200px bottom -215px;;
    background-repeat: no-repeat;
    /* background-origin: border-box | padding-box | content-box; */
    /* background-clip: border-box | padding-box | content-box; */
    /* background-blend-mode: multiply | screen | overlay; */
}
.bg-torentje>.lh-1,
.bubbel-groen>.lh-1,
.bubbel-geel>.lh-1 {
  line-height: .8 !important;
}