.breadcrumb,
#header.menu-side .social-icons .social-label,
#header.menu-side .social-icons .social-icon .fa-brands,
#languages,
.menu-link-arrow,
.scrolltop,
#toggleNavTxt,
#aftermen,
#aftertalents,
.default.page-block .page-block-caption-head,
.page-block .page-block-caption-head,
#theBody.men #quick-list-navigation,
#theBody.talents #quick-list-navigation,
.menu-agency-switch,
.scrolldown,
.page-block-page_image .page-block-header-caption,
.extra-menu .social-label,
.page-menu-list{
    display: none;
}

#theBody{
    font-size: 14px; width: 100%; max-width: 100%;
    font-family: NeueHaasUnicaRegular;
}
h1, h2, h3 {
    font-family: NeueHaasUnicaBold;
}
h4, h5, h6 {
    font-family: NeueHaasUnicaRegular;
}
#header{
    background: #FF0000; width: 270px; height: 46px; border-radius: 6px; padding: 0px; margin: 0px;
    top: 55px; left: 20px;
}
.logo{
    padding: 10px 0px; height: 46px;
}
.logo svg{
    width: auto; height: 26px;
}

.callUs,
.contactUs{
    position: absolute; 
    right: 20px; left: auto; top: 13px; font-size: 20px; margin: 0px; padding: 0px; line-height: 20px;
        display: block;
}
.contactUs{
    display: none;
}
@media (hover: hover) {
    .contactUs{
        display: block;
    }
    .callUs{
        display: none;
    }
}
.navbar-toggle{
    left: 20px; right: auto; top: 13px; margin: 0px; padding: 0px; width: 17px; height: 20px;
}
.navbar-toggle::before{
    background: #FF0000; width: 107px; height: 46px; border-radius: 6px; margin: 0px;
    padding: 13px 25px 10px 50px; line-height: 23px; top: -13px; left: -20px; content: 'Sluit'; position: absolute; color: #F8EEEA;
    z-index: 0; opacity: 0; pointer-events: none; font-size: 14px;
    
    font-family: 'NeueHaasUnicaBold';
    
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.navbar-toggle.activate::before{
    opacity: 1; pointer-events: all;
}

.navbar-toggle .icon-bar.icon-bar-1,
.navbar-toggle .icon-bar.icon-bar-2,
.navbar-toggle .icon-bar.icon-bar-3{
    height: 2px; width: 17px; background: #F8EEEA; margin: 0px; padding: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
}
.navbar-toggle .icon-bar.icon-bar-2,
.navbar-toggle .icon-bar.icon-bar-3{
    margin-top: 4px;
}

#mainmenu{
    position: fixed; top: 0px; left: 0px; margin: 0px; max-height: 100vh; padding: 0px 20px 0px;
    overflow-y: scroll;
    pointer-events: none;
}
#theBody.menuactive #mainmenu{
    pointer-events: all;
}

#extraMenu{
    display: flex; flex-wrap: wrap;
    position: relative; top: 0px; bottom: auto; background: none;
}
.mainmenu #theMain ul.navbar-nav li.menu-link,
.extra-menu,
.menu-socials,
.headAddress{
    border-top: 1px solid #990000; width: 100%; max-width: none;
    font-size: 16px; padding: 20px 0px; text-align: left; float: left;
}
.mainmenu ul.navbar-nav li{
    text-align: left; margin: 0px;
}
.mainmenu #theMain{
    padding-top: 110px;
}
.mainmenu #theMain ul.navbar-nav li.menu-link .menu-link{
    font-family: special; font-size: 16px;
    font-style:italic; padding: 0px; margin: 0px; width: 100%;
}
.mainmenu .afterMenu{
    margin: 7px 0px 0px 0px; width: 100%; float: left;
}
.mainmenu ul.after-menu li.childmenu{
    margin: 0px;
}
.mainmenu .navbar-nav ul.after-menu li.childmenu a{
    font-family: special; font-size: 26px;
    padding: 0px;
}
.extra-menu{
    display: flex; order: 1;
}
.extra-menu .navbar-nav{
    padding: 0px; margin: 0px 0px;
}
.extra-menu ul li a{
    padding: 0px; margin: 0px; line-height: 34px; font-size: 16px;
}
.social-icon a span.social-name{
    display: none;
}
.social-icon a{
    background: #FF0000; border-radius: 6px; margin: 0px;
    padding: 10px 20px;
}
.headAddress{
    order: 2;
}
.headAddress p{
    line-height: 34px; padding: 0px; margin: 0px;
}
.mainmenu .social-icons.menu-socials{
    order: 3; display: flex; justify-content: flex-start; margin: 0px; padding: 35px 0px;
}
.menu-socials .social-label{
    display: none;
}
.footer{
}
.footer .container{
    display: flex; flex-wrap: wrap;
    padding: 60px 20px 0px 20px;
}
.footer .container .footer-menu-1,
.footer .container .footer-menu-2,
.footer .container .footerAddress,
.footer .container .footer-certs,
.footer .container .footer-credits{
    border-top: 1px solid #990000; width: 300px;
    font-size: 16px; margin-right: 40px;
}

.footer-menu .navbar-nav{
}
.footer-menu .navbar-nav li.menu-link{
    text-align: left;margin: 0px 0px;
}
.footer-menu .navbar-nav li.menu-link .afterMenu{
    display: none;
}
.footer-menu .navbar-nav li.menu-link a.menu-link{
    font-size: 16px; line-height: 34px;
}
.footer-menu .navbar-nav li.active a.menu-link{
}
.footer-socials {
}
.footer-socials .social-icon{
}
.footer-socials .social-icon a span.social-name,
.footer-socials .social-icon a{
}
.footer .container .footer-credits{
    padding: 30px 0px;
}

.footer-certs {
    display: flex; justify-content: space-between;  padding: 30px 0px;
    gap: 10px;
}
.footer-certs img{
    height: 30px; width: auto;
}

.footerAddress{
    line-height: 30px; padding: 20px 0px;
}
.footer-logo{
    width: calc(100% + 0px); order: 10; margin-left: -20px; padding: 0px 15px;
}
.footer-logo svg{
    max-width: 400px;
}

#link_menu_aanbod,
#link_menu_diensten,
#link_menu_over-parc{
    pointer-events: none;
}

@media (max-width: 599px){
    .mainmenu .navbar-nav li.menu-aanbod  {
        order: 0;
    }
    .mainmenu .navbar-nav li.menu-over-parc  {
        order: 1;
    }
    .mainmenu .navbar-nav li.menu-diensten  {
        order: 2;
    }
    .mainmenu .navbar-nav li.menu-diensten  {
        order: 2;
    }
    
    #theBody.menuactive #mainmenu::after{
        position: fixed; top: auto; bottom: 0px; width: 100%; height: 30vh; background: #000;
        pointer-events: none; content: ''; display: block; left: 0px; z-index: 101; pointer-events: none;
        
        background: rgb(224,0,0);
        background: -moz-linear-gradient(180deg, rgba(224,0,0,0) 0%, rgba(224,0,0,0.8) 100%);
        background: -webkit-linear-gradient(180deg, rgba(224,0,0,0) 0%, rgba(224,0,0,0.8) 100%);
        background: linear-gradient(180deg, rgba(224,0,0,0) 0%, rgba(224,0,0,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e00000",endColorstr="#e00000",GradientType=1);
    }
    
    #theBody.menuactive #mainmenu::before{
        position: fixed; left: auto; right: 15px; top: auto; bottom: 20px; width: 30px; height: 35px; text-align: center;
        display: block;
        -webkit-font-smoothing: antialiased; text-align: center;
        font: var(--fa-font-light);   
        content: "\f063"; font-size: 1.6em; line-height: 35px    ;
        color: #F8EEEA; z-index: 102;
        animation: bounce 2s 2 ease-in-out;
        -webkit-animation: bounce 2s 2 ease-in-out;
        -moz-animation: bounce 2s 2 ease-in-out;
        -o-animation: bounce 2s 2 ease-in-out;
        -webkit-animation-delay: 1s;
        animation-delay: 1s; opacity: 0;
    }
    #extraMenu{
        padding-bottom: 30vh;
    }
}



@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); opacity: 1
  }
  40% {
    -webkit-transform: translateY(-20px); opacity: 0.8
  }
  60% {
    -webkit-transform: translateY(-10px); opacity: 0.5
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); opacity: 1
  }
  40% {
    -moz-transform: translateY(-20px); opacity: 0.8
  }
  60% {
    -moz-transform: translateY(-10px); opacity: 0.5
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); opacity: 1
  }
  40% {
    -o-transform: translateY(-20px); opacity: 0.8
  }
  60% {
    -o-transform: translateY(-10px); opacity: 0.5
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); opacity: 1
  }
  40% {
    transform: translateY(-20px); opacity: 0.8
  }
  60% {
    transform: translateY(-10px); opacity: 0.5
  }
}



@media (min-width: 600px){
    .mainmenu #theMain ul.navbar-nav li.menu-link,
    .extra-menu,
    .menu-socials,
    .headAddress{
        width: 200px;
    }
    
    .mainmenu #theMain ul.navbar-nav li.menu-link{
        width: calc(50% - 10px)
    }
    .mainmenu #theMain ul.navbar-nav li.menu-link.menu-aanbod{
        margin-right: 20px;
    }
    #extraMenu{
        padding-bottom: 10vh;
    }
    #extraMenu .extra-menu{
        margin-right: 20px; width: calc(33.33% - 20px)
    }
    #extraMenu .social-icons{
        margin-right: 0px; width: calc(33.33%)
    }
    #extraMenu .headAddress{
        margin-right: 20px; width: calc(33.33% - 20px)
    }
}
@media (min-width: 768px){
    #mainmenu{
        padding: 0px 60px 0px 60px;        
    }

    .footer .container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px; grid-row-gap: 30px;
        padding: 60px 60px 0px 60px;
    }
    .footer .container .footer-menu-1, .footer .container .footer-menu-2, .footer .container .footerAddress, .footer .container .footer-certs, .footer .container .footer-credits{
        margin: 0px; width: 100%;
    }
    .footer .container .footer-credits{
        position: absolute; border: 0px; left: auto; right: 60px; width: 200px; bottom: 0px; text-align: right;
    }

    .footer .container .footerAddress,
    .footer .container .footer-certs{
        border-bottom: 1px solid #990000; margin-bottom: 60px;
    }
    .footer .container .footer-certs{
        flex-wrap: wrap;
    }
    .footer-certs img{
        height: 40px; width: auto;
    }


    
}
@media (min-width: 768px){
    #mainmenu{
        background: #5E5E5E;
    }
    #extraMenu{
        padding-bottom: 60px;
    }
}
@media (min-width: 768px) and (min-height: 950px){
    #mainmenu{
        overflow: hidden;
    }
}
@media (min-width: 960px) and (min-height: 800px){
    #mainmenu{
        overflow: hidden;
    }
}
@media (min-width: 1200px) and (min-height: 600px){
    #mainmenu{
        overflow: hidden;
    }
}
    
@media (min-width: 960px){
    .mainmenu #theMain ul.navbar-nav,
    .mainmenu #extraMenu {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px; grid-row-gap: 20px;
    }
    #extraMenu .extra-menu,
    #extraMenu .social-icons,
    #extraMenu .headAddress{
        width: 100%; margin: 0px;
    }
    .mainmenu #theMain ul.navbar-nav li.menu-link{
        width: 100%;
    }
    .footer-menu .navbar-nav{
    }
    .footer-socials{
    }
    .footer-socials .social-icon{
    }
}
@media (min-width: 991px){
    .footer{
        position: relative;
        z-index: 10001;
    }
    #theBody.menuactive #header{
        z-index: 10002;
    }
    
    .footer .container{
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: 1fr; margin-bottom: 180px;
    }
    .footer .container .footer-menu-1,
    .footer .container .footer-menu-2,
    .footer .container .footerAddress,
    .footer .container .footer-certs{
        border-bottom: 1px solid #990000; margin-bottom: 60px;
    }
    .footer .container .footer-certs{
        gap: 20px;
    }
    

    .footer-logo{
        position: absolute; left: 60px; bottom: 0px; top: auto; width: 50%;
    }
    .footer-logo svg{
        max-width: 500px;
    }
    
}
@media (min-width: 1200px){
    .mainmenu #theMain{
        width: 75%;
    }
    .mainmenu #extraMenu {
        width: 25%; padding-top: 140px;
        grid-template-columns: repeat(1, 1fr); padding-left: 20px;
        grid-gap: 0px; grid-row-gap: 0px;
    }
    
}

@media (min-width: 1280px){
    .footer .container{
        grid-gap: 60px;
        grid-template-columns: repeat(15, 1fr);
    }
    .footer .container .footer-menu-1, .footer .container .footer-menu-2, .footer .container .footerAddress, .footer .container .footer-certs{
        grid-column: span 3;
    }
    .footer .container .footer-certs{
        grid-column: span 6;
    }
    
    .footer-certs img{
        height: 37px; width: auto;
    }
}

@media (min-width: 1440px){
    .footer .container{
    }
}
@media (min-width: 1600px){
    .footer .container{
        padding: 60px 120px 0px 120px;
    }
    .footer-logo{
        left: 120px;
    }
    .footer .container .footer-credits{
        right: 120px;
    }
}
@media (min-width: 1922px){
    #mainmenu{
        padding-left: calc(50% - 900px);
        padding-right: calc(50% - 900px);
    }
    .footer .container{
        padding-left: calc(50% - 900px);
        padding-right: calc(50% - 900px);
    }
    .footer-logo{
        left: calc(50% - 900px);
    }
    .footer .container .footer-credits{
        right: calc(50% - 900px);
    }
}





#pageBlock1.light.page-block .page-block-caption .page-block-name h1 {
    font-family: NeueHaasUnicaBold;
}

.page-block-ttl h2{
    font-family: special; margin: 0px;
}
#pageBlock1.light.page-block .page-block-caption .page-block-txt,
#pageBlock1.light.page-block .page-block-caption .page-block-txt p,
.quote.page-block .page-block-caption .page-block-txt p{
    font-family: special;
}


.btn-primary{
    width: auto; height: auto; border-radius: 6px; padding: 11px; margin: 0px;
}
.btn-primary span{
    text-transform: none; font-family: NeueHaasUnicaBold; font-size: 16px; line-height: 16px;
}

.btn-default{
    width: auto; height: auto; border-radius: 6px; padding: 11px; margin: 0px;
}
.btn-default span{
    text-transform: none; font-family: NeueHaasUnicaBold; font-size: 16px; line-height: 16px;
}


.page-block{
    padding: 0px;
}
.page-block.with_page_image{
    padding: 0px 0px 60px 0px;
}
.page-block .page-block-caption,
.page-block.with_block_image .page-block-caption{
    margin: 20px 0px; padding: 20px;
}
.page-block.with_page_image.default .page-block-caption{
    margin: 20px 0px 0px 0px; padding: 20px 40px;
}
.page-block.default .page-block-caption{
    padding: 20px 40px;
}
.page-block.with_block_image.default .page-block-caption{
    padding: 20px 40px;
}
.page-block.with_block_image.default .page-block-image{
    padding: 0px 20px;
}
.page-block.with_block_image.default .page-block-image img{
    width: 60%;
}
.page-block.with_block_image.default.right .page-block-image img{
    width: 60%; float: right;
}
.page-block.with_block_image.default.center .page-block-image img{
    width: 100%;
}

.page-block.with_page_image.default .page-block-page_image{
    order: 2;
}
.page-block.with_page_image.default .page-block-page_image .page-block-header-caption{
    display: none;
}
.page-block.with_page_image.default .page-block-page_image img{
    width: 100%;
}
.page-block.with_page_image.default .page-block-caption{
    order: 1;
}
.page-block .page-block-link{
    margin: 30px 0px;
}


.page-block .page-block-txt{
    margin: 20px 0px;
}
#pageBlock1.cleanPageBlock1{
    padding-top: 15vh;
}
#pageBlock1.light{
    min-height: 80vh; padding-top: 35vh; padding-bottom: 5vh;
}
#pageBlock1.light .page-block-caption {
    align-content: flex-end; align-items: flex-end;
}
#pageBlock1.light.page-block .page-block-caption .page-block-name h1 {
    background: #FF0000; border-radius: 2px; padding: 4px;
    font-size: 14px; line-height: 1em; width: auto; float: left;
}
#theBody.diensten #pageBlock1.light.page-block .page-block-caption .page-block-name h1{
    background: #ffffff; color:#E00000;     
}


#pageBlock1.light.page-block .page-block-caption .page-block-txt,
#pageBlock1.light.page-block .page-block-caption .page-block-txt p{
    font-size: 30px; line-height: 35px;
}
.color-grey-watermark.page-block,
.color-red-watermark.page-block{
    padding: 0px 0px; margin: 0px 20px 20px 20px; min-height: 275px;
}

.color-grey-watermark.page-block .page-block-link,
.color-red-watermark.page-block .page-block-link{
    margin: 0px 0px 10px 0px;
}



.masked-image.page-block.with_block_image.default{
    padding: 20px 0px; margin-bottom: 40px;
}
.masked-image.page-block.with_block_image.default .page-block-page_image,
.masked-image.page-block.with_block_image.default .page-block-image{
    padding: 20px 0px 20px 0px; order: 2;
}
.masked-image.page-block.with_block_image.default .page-block-page_image::before,
.masked-image.page-block.with_block_image.default .page-block-image::before{
    background-image: url("../img/frame/bg-mask-image.svg"); background-repeat: no-repeat; background-position: left top; background-size: 100%;
    position: absolute; top: 0px; left: 20px; width: calc(100% - 20px); height: calc(100%); display: block; content: ''; z-index: 0;
}
.masked-image.page-block.with_block_image.default .page-block-page_image img,
.masked-image.page-block.with_block_image.default .page-block-image img{
    -webkit-mask-image: url(../img/frame/mask-image.svg); width: 100%;
    mask-image: url(../img/frame/mask-image.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    padding: 0px;
}
.masked-image.page-block.with_block_image.default .page-block-caption{
    padding: 20px 20px 0px 20px; order: 1; margin-bottom: 0px;
}
.masked-image.page-block.with_block_image.default .page-block-intro p,
.masked-image.page-block.with_block_image.default.page-block-intro ul{
    font-family: special; font-size: 2em; line-height: 1.2em;
}



#mainsection{
    margin: 0px;
}




#theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-image{
    padding: 0px 0px;
}
#theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-image img{
    width: 100%;
}
#theBody.diensten #pageBlockPage .page-block.default.right .page-block-subname,
#theBody.diensten #pageBlockPage .page-block.default.right .page-block-name,
#theBody.diensten #pageBlockPage .page-block.default.right .page-block-ttl,
#theBody.diensten #pageBlockPage .page-block.default.right .page-block-intro,
#theBody.diensten #pageBlockPage .page-block.default.right .page-block-txt{
    text-align: left;
}
#theBody.diensten #pageBlockPage .page-block.default.center .page-block-subname,
#theBody.diensten #pageBlockPage .page-block.default.center .page-block-name,
#theBody.diensten #pageBlockPage .page-block.default.center .page-block-ttl,
#theBody.diensten #pageBlockPage .page-block.default.center .page-block-intro,
#theBody.diensten #pageBlockPage .page-block.default.center .page-block-txt{
    text-align: left;
}
.page-block.with_block_image.default.right .page-block-caption{
    padding: 20px 40px 20px 80px;
}


.page-block.image{
    padding: 60px 20px;    
}
.page-block.image .page-block-caption{
    display: none;
}
.page-block.image .page-block-image img{
    width: 40%; max-width: 600px;
}
.page-block.image.right .page-block-image img{
    float: right;
}


.page-block.quote .page-block-module{
    display: none;
}
.page-block.quote .page-block-caption .page-block-txt{
    text-indent: 20vw;
}
.page-block.quote .page-block-caption .page-block-txt p::before,
.page-block.quote .page-block-caption .page-block-txt p::after{
    display: none;
}
.page-block.quote .page-block-caption .page-block-txt p{
    font-size: 50px; line-height: 1em; padding: 0px; margin: 0px;
}




.page-block.cta{
}
.page-block.cta.with_block_image{
    padding: 0px;
}
.page-block.cta .page-block-caption{
    order: 1;
}
.page-block.cta .page-block-image{
    order: 2;
}


#diensten.page-block {
    padding: 20px 20px;
}
#diensten.page-block .page-block-ttl h2 {
    font-size: 1em;
    font-family: NeueHaasUnicaBold;
}
#diensten.page-block .page-block-txt{
    margin: 0px 0px 0px 0px;
}
#diensten.page-block .block-listing{
    grid-gap:0px; display: grid; grid-template-columns: repeat(1, 1fr);
}
.block.services{
    padding: 0px; margin: 0px; border: 0px solid #000;
}
.block.services .block-caption{
    padding: 0px; margin: 0px;
}
.block.services .block-caption .block-ttl h2{
    font-family: special; font-size: 30px; 
}
.block.services .block-caption .block-ttl h2 a{
    color: #5E5E5E;
}
.block.services .block-caption .block-ttl h2 a:hover{
    color: #282D33;
}

.block.services .block-btns{
    display: none;
}

#theBody.verhuur #blockverhuur.block .block-caption .block-ttl h2 a,
#theBody.aanhuur #blockaanhuur.block .block-caption .block-ttl h2 a,
#theBody.verkoop #blockverkoop.block .block-caption .block-ttl h2 a,
#theBody.aankoop #blockaankoop.block .block-caption .block-ttl h2 a,
#theBody.taxaties #blocktaxaties.block .block-caption .block-ttl h2 a,
#theBody.vastgoedbegeleiding #blockvastgoedbegeleiding.block .block-caption .block-ttl h2 a,
#theBody.maatschappelijk-vastgoed #blockmaatschappelijk-vastgoed.block .block-caption .block-ttl h2 a{
    color: #E00000;
}




@media (min-width: 600px){
    .page-block.image .page-block-image img{
        max-width: 240px; margin: 0px 0px 0px 50%; width: 30%;
    }
    .page-block.image.right .page-block-image img{
        float: left;
    }
    .page-block.image.left .page-block-image img{
        float: right; margin: 0px 50% 0px 0px;
    }
    .page-block.with_block_image.default .page-block-image img{
        width: 50%;
    }
    .page-block.with_block_image.default.right .page-block-image img{
        width: 50%;
    }
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 20px 20% 20px 40px;
    }
    .page-block.with_block_image.default.center .page-block-image{
        padding: 0px; width: 100%; height: auto;
    }
    .page-block.with_block_image.default.center .page-block-image img{
        width: 60%; margin: 0px 20%;
    }
    .page-block.with_block_image.default.center .page-block-caption{
        padding: 20px 20% 20px 20%; width: 100%;
    }
}

@media (min-width: 768px){
    #header{
        top: 30px; left: 60px;
    }
    .page-block.with_block_image.default {
        margin-bottom: 80px;
    }
    .page-block .page-block-caption, .page-block.with_block_image .page-block-caption{
        padding: 20px 60px; margin: 0px;
    }
    .page-block.with_page_image.default .page-block-caption{
        margin: 20px 0px 0px 0px; padding: 20px 60px;
    }
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 20px 60px; margin: 0px;
    }
    .page-block.with_block_image.default .page-block-image{
        padding: 0px 0px 0px 0px; width: 50%; height: 100%; 
    }
    .page-block.with_block_image.default.left .page-block-image{
        order: 3;
        padding: 0px 60px 0px 0px;
    }
    .page-block.with_block_image.default.right .page-block-image{
        order: 0;
        padding: 0px 0px 0px 60px;
    }
    .page-block.with_block_image.default.left .page-block-image img{
        float: right; height: 100%; object-fit: cover;
    }
    .page-block.with_block_image.default.right .page-block-image img{
        float: left; height: 100%; object-fit: cover;
    }
    .page-block-txt ul li{
        font-family: NeueHaasUnicaBold;
    }
    
    .page-block.image{
        padding: 0px 60px 60px 60px;
    }    
    .page-block.image .page-block-image img{
        width: 15%;
    }    
    .page-block.with_block_image.default .page-block-image img,
    .page-block.with_block_image.default.right .page-block-image img{
        width: 70%;
    }
    
    #pageBlock1.light{
        padding-bottom: 20px;
    }
    
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3){
        margin: 0px;
    }
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-image{
        width: 50%; min-height: 100%; order: 0;
    }
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }

    .page-block.default .page-block-caption{
        padding: 20px 120px;
    }
    
    .page-block.with_block_image.default .page-block-caption,
    .page-block.with_block_image.default.right .page-block-caption{
        width: 50%; align-content: flex-start; align-items: flex-start;
        padding: 0px 0px 60px 60px;
    }
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 60px 60px 0px;
    }
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-caption{
        padding: 60px 60px 60px 60px; align-content: center; align-items: center;
    }
    .page-block.quote .page-block-caption{
        padding: 60px 60px;
    }
    
    .color-grey-watermark.page-block,
    .color-red-watermark.page-block{
        margin: 0px 60px 20px 60px;
    }
    .color-grey-watermark.page-block .page-block-caption,
    .color-red-watermark.page-block .page-block-caption{
        padding: 80px 60px!important;
    }
    .color-grey-watermark.page-block.with_block_image .page-block-caption,
    .color-red-watermark.page-block.with_block_image .page-block-caption{
        width: 70%;
    }
    .page-block.cta .page-block-image{
        width: 30%; height: 100%;
    }
    .page-block.cta .page-block-image img{ 
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }
    
    #diensten.page-block .page-block-caption{
        padding: 60px 40px;
    }
    #diensten.page-block .page-block-ttl{
        width: 50%; padding-top: 10px;
    }
    #diensten.page-block .page-block-module{
        width: 50%; padding: 0px;
    }
    
    #met-ons{
        width: calc(50% - 90px); margin: 40px 30px 40px 60px;
    }
    #bij-ons{
        width: calc(50% - 90px); margin: 40px 60px 40px 30px;
    }
    #met-ons .page-block-caption,
    #bij-ons .page-block-caption{
       padding: 160px 60px 40px 60px!important;
    }
    
    .masked-image.page-block.with_block_image.default .page-block-caption{
        padding: 60px 60px 0px 60px; margin-bottom: -60px;
    }
    .masked-image.page-block.with_block_image.default .page-block-image{
        padding: 20px 0px; width: 70%; height: auto; margin-left: 30%;
    }
}

@media (min-width: 960px){
    #pageBlock1.light.page-block .page-block-caption .page-block-txt, #pageBlock1.light.page-block .page-block-caption .page-block-txt p, .quote.page-block .page-block-caption .page-block-txt p,
    #theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-name h1,
    .page-block-ttl h2{
        letter-spacing: -2px;
    }
    #theBody{
        font-size: 16px;
    }
    .page-block-txt p, .page-block-txt ul{
        line-height: 1.8em;
    }
    #pageBlock1.light .page-block-caption {
        width: 50%; min-width: 720px;
    }
    .page-block-ttl h2{
        font-size: 3em;
    }
    .page-block.quote .page-block-caption .page-block-txt p{
        font-size: 90px;
    }
    

    .page-block.with_page_image.default .page-block-page_image{
        order: 1; width: 65%; padding-right: 20px;
    }
    .page-block.with_page_image.default .page-block-caption{
        width: 35%; align-content: center; align-items: center;
        order: 2;
    }

    
    .color-grey-watermark.page-block,
    .color-red-watermark.page-block{
    }
    .color-grey-watermark.page-block .page-block-caption,
    .color-red-watermark.page-block .page-block-caption{
        align-content: center; align-items: center;
    }
    .color-grey-watermark.page-block.with_block_image .page-block-caption,
    .color-red-watermark.page-block.with_block_image .page-block-caption{
        width: 60%;
    }
    .color-grey-watermark.page-block .page-block-caption .page-block-txt,
    .color-red-watermark.page-block .page-block-caption .page-block-txt{
        margin: 40px 0px;
    }
    .page-block.cta .page-block-image{
        width: 40%;
    }
    .color-grey-watermark.page-block .page-block-link, .color-red-watermark.page-block .page-block-link{
        padding-top: 0px;
    }
    
    .page-block.cta .page-block-image img{ 
    }
    
    #diensten.page-block .page-block-ttl{
        width: 300px;
    }
    .block.services .block-caption .block-ttl h2{
        font-size: 3em;
    }
    .masked-image.page-block.with_block_image.default .page-block-caption{
        padding: 60px 60px 60px 60px; align-content: center; align-items: center;
    }
    .masked-image.page-block.with_block_image.default .page-block-image{
        padding: 20px 0px; width: calc(50% - 30px); margin: 0px 0px 0px 30px;
    }
}
@media (min-width: 1280px){
    .page-block.with_block_image.default {
        margin-bottom: 120px;
    }
    .page-block.with_page_image{
        padding: 0px 0px 120px 0px;
    }
    .page-block.with_block_image.default .page-block-caption,
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 120px 120px 120px;
    }
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 340px 120px 0px;
    }
    .page-block.with_block_image.default.center .page-block-image{
    }
    .page-block.with_block_image.default.center .page-block-image img{
        width: 50%; margin: 0px 25% 20px 25%;
    }
    .page-block.with_block_image.default.center .page-block-caption{
        padding: 20px 25% 20px 25%;
    }
    
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-caption{
        padding: 120px 120px 120px 120px;
    }
    .page-block.image{
        padding: 0px 60px 120px 60px;
    } 
    
    .page-block.quote .page-block-caption{
        padding: 120px 60px;
    }
    
    .color-grey-watermark.page-block .page-block-caption,
    .color-red-watermark.page-block .page-block-caption{
        padding: 120px 120px 120px 90px!important;
        background-size: 200px!important;
    }
    .color-grey-watermark.page-block.with_block_image .page-block-caption,
    .color-red-watermark.page-block.with_block_image .page-block-caption{
        width: 50%;
    }
    .page-block.cta .page-block-image{
        width: 50%;
    }
    #met-ons .page-block-caption,
    #bij-ons .page-block-caption{
       padding: 240px 90px 60px 90px!important;
    }
    
    .masked-image.page-block.with_block_image.default .page-block-caption{
        padding: 120px 120px 120px 120px; align-content: center; align-items: center;
    }
    .masked-image.page-block.with_block_image.default .page-block-intro p, .masked-image.page-block.with_block_image.default.page-block-intro ul{
        font-size: 3em;
    }
    .masked-image.page-block.with_block_image.default .page-block-link{
        margin-top: 0px; padding-top: 0px;
    }
}
@media (min-width: 1440px){
    .page-block.with_block_image.default {
    }
    .page-block.with_block_image.default .page-block-caption,
    .page-block.with_block_image.default.right .page-block-caption{
    }
    .page-block.with_block_image.default.right .page-block-caption{
    }
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-caption{
    }
}
@media (min-width: 1600px){
    #pageBlock1.light.page-block .page-block-caption .page-block-txt, #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
        font-size: 40px; line-height: 48px;
    }
    .page-block.with_block_image.default {
        margin-bottom: 160px;
    }
    .page-block.default .page-block-caption{
        padding: 60px 220px;
    }
    .page-block.with_block_image.default .page-block-caption,
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 120px 160px 220px;
    }
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 320px 160px 0px;
    }
    .page-block.with_block_image.default.center .page-block-image{
    }
    .page-block.with_block_image.default.center .page-block-image img{
        width: 40%; margin: 0px 30% 20px 30%;
    }
    .page-block.with_block_image.default.center .page-block-caption{
        padding: 20px 30% 20px 30%;
    }
    #theBody.diensten #pageBlockPage .page-block.with_block_image.default:nth-of-type(300n + 3) .page-block-caption{
        padding: 160px 220px 160px 220px;
    }
    .page-block-ttl h2{
        font-size: 50px;
    }
    .page-block.quote .page-block-caption .page-block-txt p{
        font-size: 110px;
    }
    
    .color-grey-watermark.page-block .page-block-caption,
    .color-red-watermark.page-block .page-block-caption{
        padding: 120px 240px 120px 90px!important;
    }
    .color-grey-watermark.page-block.with_block_image .page-block-caption,
    .color-red-watermark.page-block.with_block_image .page-block-caption{
        width: 50%;
    }
    .masked-image.page-block.with_block_image.default .page-block-caption{
        padding: 160px 160px 160px 160px; align-content: center; align-items: center;
    }
    
    
}


.page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3{
    color: #ff0000; font-family: special; text-transform: none; font-size: 20px;
}


@media (min-width: 1920px){
    #header{
        top: 30px; left: calc(50vw - 910px)!important;
    }
    #wrapper {
        display: flex; justify-content: center;
    }
    #wrappercontent {
        max-width: 1920px; background: none;
    }
    .page-block.default .page-block-caption{
        padding: 60px 220px;
    }
    .page-block.with_block_image.default .page-block-caption,
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 220px 160px 220px;
    }
    .page-block.with_block_image.default.right .page-block-caption{
        padding: 0px 440px 160px 0px;
    }
}

@media (hover: none) and (min-width: 1920px){
    #header{
        top: 30px; left: calc(50vw - 900px)!important;
    }
}

#theBody.home #pageBlock1.light .page-block-name{
    display: none;
}
#theBody.home #pageBlock1.light{
    padding-top: 90px; min-height: auto; padding-bottom: 10vh;
}

#theBody.home #pageBlock1.light .page-block-intro{
    display: none;
}
#theBody.home #pageBlock1.light .page-block-intro p{
    padding: 0px; margin: 0px;
}
#theBody.home #pageBlock1.light .page-block-intro p a{
    font-family: NeueHaasUnicaBold; font-size: 20px; line-height: 24px; color: #f0f0f0;
}
#theBody.home #pageBlock1.light .page-block-intro p a:hover{
    color: #BC0000;
}
#theBody.home #pageBlock1.light.page-block .page-block-caption{
    padding: 40px 40px 0px 40px; margin-bottom: 20px;
}
#theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
    font-family: NeueHaasUnicaBold; font-size: 20px; line-height: 24px; letter-spacing: -1px;
}

#homeBlocks.page-block.homeBlocks .page-block-caption{
    margin: 0px; padding: 0px;
}

#homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px; grid-row-gap: 15px;
    align-content: flex-start; align-items: flex-start;
}
#homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #left_column,
#homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #right_column{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px; grid-row-gap: 15px;
    align-content: flex-start; align-items: flex-start;
    margin: 0px;
}

.block.homeBlocks{
    padding: 0px;
    border: 0px solid #bbb;
    margin: 0px 0px 0px 0px;
    position: relative;
}
#homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #left_column{
    margin: -10vh 0px 0px 0px;
}
.block.homeBlocks .block-caption{
    position: absolute; top: auto; bottom: 0px; padding: 20px;
}
.block.homeBlocks .block-image{
	width: 100%; height: 80vw; position: relative; overflow: hidden;
}
.block.homeBlocks .block-image img{
	width: 100%; height: 100%; object-fit: cover;  object-position: center center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    opacity: 1!important; visibility: visible!important;
}
.block.homeBlocks:hover .block-image img{
    height: 105%;
}

.block.homeBlocks .block-image::after{
	width: 100%; height: 100%; 
    background: rgba(0,0,0,0.4);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.9) 95%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.9) 95%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.9) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute; content: ''; display: block; left: 0px; top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    pointer-events: none;
    opacity: 0.6;
}
.block.homeBlocks:hover .block-image::after{
    opacity: 1;
}
.block.homeBlocks .block-caption .block-ttl{
    padding: 0px; margin: 0px;
}

.block.homeBlocks .block-caption .block-ttl h2{
    font-size: 14px; padding: 0px; margin: 0px;
    color: #f0f0f0; font-family: special;
}
.block.homeBlocks .block-caption .block-ttl h3{
    font-size: 12px; padding: 0px; margin: 0px;
    color: #f0f0f0; font-family: NeueHaasUnicaRegular;
}
.block.homeBlocks .block-caption .block-ttl h2 a{
    color: #f0f0f0; font-family: special;
}
.block.homeBlocks .block-caption .block-ttl h3 a{
    color: #f0f0f0; font-family: NeueHaasUnicaRegular;
}
#theBody.home .footer{
    display: none;
}

@media (max-width: 767px){
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #left_column,
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #right_column{
        margin: 0px!important;
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #left_column{
        margin: -10vh 0px 0px 0px!important;
    }
}
@media (min-width: 768px){
    #theBody.home #pageBlock1.light{
        width: 70%; height: 100vh; padding: 0px; min-height: 700px; top: 0px; left: 0px;
       /* position: sticky;*/
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption{
        padding: 60px 20px 60px 60px; margin: 0px; align-content: flex-start; align-items: flex-start; padding-top: 120px;
    }
    #theBody.home #pageBlock1.light .page-block-intro{
        display: block;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        margin: 0px;
        position: absolute; top: auto; bottom: 60px; left: 0px; padding: 30px 60px 30px 50%;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .content-link {
        position: absolute; top: auto; bottom: 0px; left: 0px; padding: 30px 60px 30px 50%;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
        font-size: 14px; line-height: 1.2em;
    }
    #theBody.home #homeBlocks{
        width: 30%; padding: 0px 20px; height: 100vh; overflow: hidden; /*overflow: visible; height: auto; */
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px; grid-row-gap: 20px;
        align-content: flex-start; align-items: flex-start;
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #left_column,
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #right_column{
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #right_column{
        display: none;
    }
    .block.homeBlocks .block-image{
        height: 300px;
    }
}
@media (min-width: 960px){
    #theBody.home #pageBlock1.light{
        width: 60%; height: 100vh; min-height: 700px;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption{
        padding: 120px 60px 60px 60px; min-width: 0px; width: 100%;
    }
    #theBody.home #pageBlock1.light .page-block-intro p a{
        font-size: 30px; line-height: 34px;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        padding-left: 40%; margin-top: 40px;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .content-link {
        padding-left: 40%;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
        font-size: 16px; line-height: 1.2em;
    }
    #theBody.home #homeBlocks{
        width: 40%;
    }
    .block.homeBlocks .block-image{
        height: 460px;
    }

    .block.homeBlocks .block-caption .block-ttl h2{
        font-size: 20px;
    }
    .block.homeBlocks .block-caption .block-ttl h3{
        font-size: 16px;
    }
    .block.homeBlocks .block-caption .block-ttl h2 a{
    }
    .block.homeBlocks .block-caption .block-ttl h3 a{
    }
}
@media (min-width: 960px) and (min-height:800px){
    
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
        font-size: 20px; line-height: 1.2em;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        bottom: 120px;
        padding-right: 30px;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .content-link {
        padding: 30px 60px 90px 40%;
    }
}
@media (min-width: 1200px){
    
    #theBody.home #pageBlock1.light{
        width: 50%; height: 100vh; min-height: 700px;
    }
    #theBody.home #homeBlocks{
        width: 50%;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        padding-left: 40%;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .content-link {
        padding-left: 40%;
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px; grid-row-gap: 20px;
        align-content: flex-start; align-items: flex-start;
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #left_column,
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #right_column{
        margin: 0px;
    }
    #homeBlocks.page-block.homeBlocks .page-block-caption .page-block-module .block-listing #right_column{
        display: grid;
    }
    .block.homeBlocks .block-image{
        height: 33vw;
    }
}
@media (min-width: 1440px){
    
    #theBody.home #pageBlock1.light{
        width: 50%; height: 100vh; min-height: 800px;
    }
    #theBody.home #pageBlock1.light .page-block-intro p a{
        font-size: 40px; line-height: 44px;
    }
}
@media (min-width: 1440px) and (min-height:800px){
    #theBody.home #pageBlock1.light{
        min-height: 860px;
    }
}
@media (min-width: 1440px) and (min-height:1000px){
    #theBody.home #pageBlock1.light .page-block-intro p a{
        font-size: 40px; line-height: 56px;
    }
}
@media (min-width: 1600px){
    
    #theBody.home #pageBlock1.light{
    }
    #theBody.home #homeBlocks{
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        padding-left: 50%; padding-right: 60px;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .content-link {
        padding-left: 50%;
    }
}
@media (min-width: 1600px){
    
    #theBody.home #pageBlock1.light{
    }
    #theBody.home #homeBlocks{
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        padding-left: 50%; padding-right: 60px;
    }
    #theBody.home #pageBlock1.light.page-block .page-block-caption .content-link {
        padding-left: 50%;
    }
    .block.homeBlocks .block-image{
        height: 610px;
    }
}



#theBody.het-team #pageBlock1.light{
    padding-top: 200px; min-height: 0px; padding-bottom: 100px;
}
#theBody.het-team #pageBlock1.light .page-block-caption{
    padding-bottom: 0px; margin-bottom: 0px;
}

.block.team .block-caption,
.block.team .block-caption .block-ttl{
    font-size: 12px;
}
.block.team .block-caption .block-ttl h2,
.block.team .block-caption .block-ttl h3,
.block.team .block-caption .block-ttl h4{
    font-size: 12px; padding: 0px; margin: 0px;
}
.block.team .block-caption .block-ttl h2 a,
.block.team .block-caption .block-ttl h3 a,
.block.team .block-caption .block-ttl h4 a{
    text-decoration: none;
}

.block.team .block-image img{
    opacity: 1!important; visibility: visible!important;
}


#het-team.page-block,
#het-team.page-block .page-block-caption,
#het-team.page-block .page-block-caption .page-block-module{
    background: none; padding: 0px; margin: 0px;
}

#het-team.page-block .page-block-caption .page-block-module .block-listing{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px; grid-row-gap: 15px;
    margin-bottom: 
}

.block.team{
    padding: 0px;
    border: 0px solid #bbb;
    margin: 0px 0px 0px 0px;
}
.block.team:nth-of-type(2n + 1){
    margin: -80px 0px 0px 0px;
}
.block.team .block-caption{
    padding: 10px 10px 0px 10px;
}
.block.team .block-caption .block-ttl{
}

@media (min-width: 768px){
    #het-team.page-block .page-block-caption .page-block-module .block-listing{
        padding: 0px 60px;
    }
}
@media (min-width: 1200px){
    #theBody.het-team #pageBlock1.light{
        padding-top: 240px; min-height: 0px; padding-bottom: 240px;
    }
    #het-team.page-block .page-block-caption .page-block-module .block-listing{
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 60px; grid-row-gap: 60px;
    }
    .block.team{
        margin: -160px 0px 140px 0px!important;
    }
    .block.team:nth-of-type(3n + 1){
        margin: -240px 0px 0px 0px!important;
    }
    .block.team:nth-of-type(3n + 2){
        margin: -80px 0px 0px 0px!important;
    }
    .block.team .block-caption{
        padding: 20px 0px 0px 0px;
    }
    .block.team .block-caption .block-ttl h2,
    .block.team .block-caption .block-ttl h3,
    .block.team .block-caption .block-ttl h4{
        font-size: 14px; padding: 0px; margin: 0px 0px 10px 0px;
    }
    .block.team .block-caption .block-ttl h2 a,
    .block.team .block-caption .block-ttl h3 a,
    .block.team .block-caption .block-ttl h4 a{
        text-decoration: none;
    }
}

#theBody.nieuws #pageBlock1.light{
    min-height: 0px;
    padding-top: 150px;
}
#theBody.nieuws #pageBlock1.light .page-block-caption{
    display: none;
}
#nieuws.page-block.scrollable .page-block-caption{
    padding: 0px; margin: 0px;
}
#nieuws.page-block.scrollable .page-block-caption .page-block-module{
    padding: 0px; margin: 0px;
}
#nieuws.page-block.scrollable #infiniteListing{
    padding: 0px 10px; 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px; grid-row-gap: 15px;
    margin-bottom: 60px;
}
.block.news{
    padding: 0px;
    border: 0px solid #bbb;
    margin: 0px 0px 0px 0px;
}
.block.news .block-btns{
    display: none;
}

.block.news .block-caption .block-ttl h2{
    font-family: special; font-size: 18px; line-height: 20px;
}
.block.news .block-caption{
    padding: 15px 10px;
}
#nieuws.page-block.scrollable #infiniteListing  .block.news .block-btns{
    display: none;
}
.block.news .block-image .block-tag{
    color: #f0f0f0; font-size: 12px; padding: 2px 4px; border-radius: 2px; background: #E00000; position: absolute; top: 10px; left: 10px; z-index: 1;
    font-family: NeueHaasUnicaBold;
}

#smartListingNews #nieuws.page-block.scrollable #infiniteListing  .block.news .block-image .block-tag{
    position: relative;
}

#nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1{
    grid-column: span 2; order: -1; width: calc(100% + 20px); margin-left: -10px;
}
#nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption{
    padding: 15px 20px;
}
#nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption .block-ttl h2{
    font-size: 30px; line-height: 35px;
}
#nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-image .block-tag{
    top: 20px; left: 20px;
}

#tagMenuToggle{
    width: calc(100% - 20px); padding: 10px 20px; margin: 0px 10px 10px 10px;
    grid-column: span 2; background: #F8EEEA; border:1px solid #282D33;
    color: #282D33; text-decoration: none; border-radius: 5px; text-align: center; font-size: 16px;
    font-family: NeueHaasUnicaBold;
}
#tagMenuToggle .fa-filter{
    margin-right: 7px;
}
#tagMenu{
    position: fixed; top: 0px; left: -315px; width: 315px; height: 100vh; padding: 150px 20px 40px; background: #F8EEEA; z-index: 2;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
#tagMenu.active{
    left: 0px;
}
#tagMenu a{
    width: 100%; position: relative; float: left;
    padding-left: 24px; top: 0px; left: 0px; font-size: 16; line-height: 34px; text-decoration: none;
    font-family: NeueHaasUnicaBold;
}
#tagMenu a::before{
    position: absolute; left: 0px; top: 11px; width: 12px; height: 12px; border-radius: 2px; background: none;border:1px solid #282D33; display: block; content: '';
}
#tagMenu a.active::after{
    position: absolute; left: 2px; top: 13px; width: 8px; height: 8px; border-radius: 2px; background: #282D33; display: block; content: '';
}


#smartListingNews {
    padding: 0px 20px; margin-top: 60px; margin-bottom: 60px;
}
#smartListingNews .block-listing{
    grid-template-columns: repeat(1, 1fr);
}
#smartListingNews .block.news .block-image{
    /*padding-top: 50px; order: 2;*/
}
#smartListingNews .block.news .block-image .block-tag{
    /*left: 0px;*/
}
#smartListingNews .block.news .block-caption{
    padding-top: 50px; /*order: 1;*/ padding: 20px 0px 0px 0px;
}
#smartListingNews .block.news .block-caption .block-ttl h2{
    font-size: 24px; line-height: 28px; padding-right: 20px;
}


/* force sort order */
#theBody.nieuws.detail_mode #pageBlock1{
    order: -1;
}
#theBody.nieuws.detail_mode .page-block.gallery{
    order: 0;
}
#theBody.nieuws.detail_mode #pageBlock2{
    order: 1;
}
#theBody.nieuws.detail_mode #pageBlock0{
    order: 2;
}

#theBody.nieuws.detail_mode #header{
    left: 76px;
}
@media(min-width:768px) {
    #theBody.nieuws.detail_mode #header{
        left: 116px;
    }
}


#theBody.nieuws.detail_mode #pageBlock1.light{
    padding-bottom: 0px; margin-bottom: 20px;
}
#theBody.nieuws.detail_mode #pageBlock1.light .page-block-caption{
    display: block; margin-bottom: 0px;
}
#theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-name h1{
    background: none; font-size: 30px; line-height: 35px;
    font-family: special;   width: 100%; text-align: center;
}
#theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-subname{
     display: flex; justify-content: center;
}
#theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-subname h3{
    font-size: 12px; margin: 40px 0px 20px 0px;
    font-family: NeueHaasUnicaBold; background: #FF0000; width: auto; position: relative; float: left; padding: 2px 4px;
}


#theBody.nieuws.detail_mode .page-block.gallery.slideshow,
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-caption,
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-caption .page-block-module,
#theBody.nieuws.detail_mode .page-block.gallery.slideshow{
    padding: 0px; margin: 0px;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel{
    width: 100%; height: 60vw; margin-bottom: 30px;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-inner{
    height: 60vw; overflow: visible;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-item .carousel-caption{
    bottom: -40px; width: 100%; padding: 0px 20px; line-height: 40px; justify-content: flex-start;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-item .carousel-caption .carousel-ttl{
    padding: 0px; justify-content: flex-start;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-item .carousel-caption .carousel-ttl h2{
    font-size: 12px; font-family: NeueHaasUnicaRegular; padding: 20px; margin: 0px; color: #282D33; padding: 0px; ;line-height: 40px;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carouselState{
    background: #FF0000; border-radius: 5px; width: 200px; left: 50%; margin-left: -100px; height: 50px; color: #F8EEEA; bottom: 20px;
    font-family: NeueHaasUnicaBold; font-size: 14px; padding: 6px 10px; pointer-events: none;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carouselState .carouselCurrent{
    padding-left: 4px;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carousel-indicators{
    background: none; border-radius: 5px; width: 300px; left: 50%; margin-left: -150px; justify-content: center; padding: 0px; z-index: 99; bottom: 20px;
}
#theBody.nieuws.detail_mode .page-block.slideshow .page-block-module .carousel-indicators li{
    background-color: #F8EEEA; opacity: 1;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carousel-indicators .active{
    background-color: #990000;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carousel-control-prev,
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carousel-control-next{
    top: auto; bottom: 20px; border-radius: 5px; background: #FF0000; left: 20px; color: #F8EEEA;
}
#theBody.nieuws.detail_mode .page-block.gallery.slideshow .page-block-module .carousel-control-next{
    left: auto; right:20px;
}

.lightbox-modal .close{
    border-radius: 5px; background: #FF0000; color: #F8EEEA; top: 20px; right: 20px; line-height: 46px; font-size: 20px; text-align: center;
}
.lightbox-modal .deckInformation{
    display: none;
}
.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{
    border-radius: 5px; background: #FF0000; color: #F8EEEA;
}



#theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-item img{
    object-fit: cover;
}

#theBody.nieuws.detail_mode .page-block .page-block-txt p{
    font-size: 22px; line-height: 26px; color: #282D33;
    font-family: special; 
}

#theBody.nieuws.detail_mode #pageBlock2.page-block .page-block-caption{
    margin: 0px 0px 20px 0px; padding-top: 0px;
}

#theBody.nieuws.detail_mode #pageBlock3.page-block .page-block-caption{
    margin: 0px 0px 20px 0px;
}

#theBody.nieuws.detail_mode #pageBlock2.page-block .page-block-txt{
    border-top: 1px solid #E4DAD4; padding-top: 40px;
}
#theBody.nieuws.detail_mode #pageBlock3.page-block .page-block-txt{
    margin-top: 0px;
}
#theBody.nieuws.detail_mode #pageBlock0.page-block .page-image-caption h2{
    font-size: 12px; font-family: NeueHaasUnicaRegular; padding: 20px; margin: 0px;
}

.news-credits{
    width: 100%; padding: 20px;
}
.news-writer img{
    width: 40px; height: 40px; object-fit: cover; border-radius: 50%; overflow: hidden; margin-right: 15px; object-position: top;
}
.news-date{
    width: 100%; padding: 0px 0px 0px 55px; margin-top: -10px;
}
.news-credits.no-writer{
    padding-top: 0px;
    padding-bottom: 0px;
}
.news-writer img{
}
.news-credits.no-writer .news-date{
   padding: 0px 0px 0px 0px; margin-top: 0px;
}


@media (min-width: 1920px){
    #theBody.nieuws.detail_mode #header{
        left: calc(50vw - 856px)!important;
    }
}

@media (hover: none) and (min-width: 1920px){
    #theBody.nieuws.detail_mode #header{
        left: calc(50vw - 846px)!important;
    }
}


@media (min-width: 600px){
    #nieuws.page-block.scrollable #infiniteListing{
        padding: 0px 20px;
    }
    .block.news .block-caption{
        padding: 15px 0px;
    }
    .block.news .block-caption .block-ttl h2{
        font-size: 20px; line-height: 1.2em;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1{
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption{
        position: absolute; top: auto; bottom: 0px; padding: 60px 30% 60px 20px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption .block-ttl h2 a{
        color: #F8EEEA;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-image .block-tag{
        top: auto; bottom: 155px; left: 20px;
    }
    
    #tagMenuToggle{
        display: none;
    }
    #tagMenu::before{
        display: block; content: 'Filter'; font-family: special; font-size: 30px;
    }
    #tagMenu{
        position: relative; top: 0px; left: 0px; width: 100%; grid-column: span 1; height: auto; padding: 0px 0px;
    }
    
    

    #theBody.nieuws.detail_mode #pageBlock1.light{
        padding-bottom: 5vh;
    }
    #theBody.nieuws.detail_mode #pageBlock1.light .page-block-caption{
    }
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow{
        padding: 0px 20px; margin-top: -5vh;
    }
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-item .carousel-caption{
        padding: 0px;
    }
    #theBody.nieuws.detail_mode #pageBlock0.page-block .page-image-caption h2{
        padding: 20px 0px;
    }
    
    #theBody.nieuws.detail_mode #pageBlock2{
        padding: 0px 60px;
    }
    #theBody.nieuws.detail_mode #pageBlock0{
        padding: 0px 20px;
    }
    #theBody.nieuws.detail_mode #pageBlock3{
        padding: 0px 60px;
    }
    #smartListingNews{
        padding: 0px 60px;
    }
}

@media (min-width: 768px){
    #theBody.nieuws #pageBlock1.light{
        min-height: 30vh;
    }
    #nieuws.page-block.scrollable #infiniteListing{
        padding: 0px 60px; margin-top: -10vh;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px; grid-row-gap: 40px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1{
        width: 100%;
        margin: 0px;
    }

    #theBody.nieuws.detail_mode #pageBlock1.light{
        padding-bottom: 5vh;
    }
    #theBody.nieuws.detail_mode #pageBlock1.light .page-block-caption{
        padding: 20px 30%; width: 100%;
    }
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow{
        padding: 0px 60px; margin-top: -5vh;
    }
    .news-credits{
        padding: 20px 60px;
    }
    #theBody.nieuws.detail_mode #pageBlock0{
        padding: 0px 20px;
    }
    #theBody.nieuws.detail_mode #pageBlock2,
    #theBody.nieuws.detail_mode #pageBlock3,
    #smartListingNews{
        padding: 0px 60px;
    }
    #smartListingNews .block-listing {
        grid-template-columns: repeat(2, 1fr); grid-gap: 60px;
    }
    #smartListingNews .block-listing .block.news{
        align-content: flex-start; align-items: flex-end;
    }
    #smartListingNews .block.news .block-caption .block-ttl h2{
        padding-right: 60px; max-width: 450px;
    }
    #smartListingNews.page-block.center .page-block-link{
        margin-top: 60px;
    }
}
@media (min-width: 960px){
    .block.news .block-caption .block-ttl h2{
        font-size: 24px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-image .block-tag{
        bottom: 215px; left: 60px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption{
        position: absolute; top: auto; bottom: 0px; padding: 60px 60px 60px 60px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption .block-ttl h2{
        font-size: 40px; line-height: 48px;
    }
    
    #theBody.nieuws.detail_mode #pageBlock1.light .page-block-caption{
        padding-left: calc(50% - 360px);
        padding-right: calc(50% - 360px);
    }
    #theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-name h1 {
        font-size: 50px; line-height: 1.1em;
    }
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow{
        padding-left: calc(50% - 420px);
        padding-right: calc(50% - 420px);
    }
        
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel,
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-inner{
        height: 504px;
    }
    
    .news-credits{
        padding: 20px 60px;
    }
    #theBody.nieuws.detail_mode #pageBlock0{
        padding-left: calc(50% - 360px);
        padding-right: calc(50% - 360px);
    }
    #theBody.nieuws.detail_mode #pageBlock2,
    #theBody.nieuws.detail_mode #pageBlock3{
        padding-left: calc(50% - 420px);
        padding-right: calc(50% - 420px);
    }
}
@media (min-width: 1080px){
    #nieuws.page-block.scrollable #infiniteListing{
        padding: 0px 60px; margin-top: -10vh;
        grid-template-columns: repeat(11, 1fr);
        grid-gap: 40px; grid-row-gap: 40px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1{
        grid-area: 1 / 1 / 3 / 9; margin-bottom: 30px;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-image{
        height: 100%;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-image img{
        width: 100%; height: 100%; object-fit: cover;
    }
    
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_2  {
        order: 2;
        grid-area: 1 / 9 / 2 / 12;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_3  {
        order: 3;
        grid-area: 2 / 9 / 3 / 12;
    }
    #tagMenu{
        grid-column: span 2; order: 4;
    }
    #nieuws.page-block.scrollable #infiniteListing .block.news{
        grid-column: span 3;
        order: 5;
    }
    
    #nieuws.page-block.scrollable #infiniteListing .block.news:nth-of-type(3n + 8){
        grid-column: 3 / span 3;
    }
    
    
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow{
        padding-left: calc(50% - 480px);
        padding-right: calc(50% - 480px);
    }
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel,
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-inner{
        height: 576px;
    }
}
@media (min-width: 1200px){
    
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption{
        padding: 60px 30% 60px 60px;
    }
    .block.news .block-caption .block-ttl h2{
       font-size: 26px;
    }
    
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow{
        padding-left: calc(50% - 510px);
        padding-right: calc(50% - 510px);
    }
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel,
    #theBody.nieuws.detail_mode .page-block.gallery.slideshow .carousel .carousel-inner{
        height: 612px;
    }
}
@media (min-width: 1440px){
    #smartListingNews .block-listing {
        padding-left: calc(50% - 600px);
        padding-right: calc(50% - 600px);
    }
}

#theBody.contact #pageBlock1{
    order: 1; padding: 150px 20px 60px 20px; min-height:0px;
}
#theBody.contact #pageBlock1.page-block.with_page_image .page-block-name{
    display: block;
}

#theBody.contact #pageBlock0{
    order: 2;
}
#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt,#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
    font-size: 16px; line-height: 21px; width: 100%; float: left;
    font-family: NeueHaasUnicaBold;
}
#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt h4{
    font-size: 16px; line-height: 21px;
    font-family: NeueHaasUnicaRegular; margin: 10px 0px 0px 0px; padding: 0px; color: #f0f0f0;
}
#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt .fa-regular{
    font-size: 14px; margin-right: 10px;
}

#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt p{
    letter-spacing: 0px;
}
#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt a.route-link{
    text-decoration: none;
}
#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt a span{
    font-family: NeueHaasUnicaRegular; text-decoration: underline; padding-left: 27px;
}
#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt a.contact-social{
    background: #FF0000;
    border-radius: 6px;
    margin: 20px 0px;
    padding: 10px 20px; position: relative; float: left;
}



.page-block.fancyform .page-block-caption .page-block-ttl h2{
    color: #f0f0f0; font-size: 12px; padding: 2px 4px; border-radius: 2px; background: #ff0000; font-family: NeueHaasUnicaBold; float: left; width: auto; letter-spacing: 0px;
}
#contact.page-block.fancyform .page-block-module.page-block-fancyform{
    padding: 0px 20px 0px 20px;
}
#contact.page-block.fancyform .fancy-form-item{
    padding: 0px 15px; margin: 0px; border: 0px solid #000; width: 100%;
}
#contact.page-block.fancyform .fancyformLabel{
    font-family: special; font-size: 24px!important;
}
#contact.page-block.fancyform input.form-control{
    background: #E00000!important;
    border: 0px solid #990000; 
    border-bottom: 1px solid #990000; padding: 5px 0px 5px 0px;
    font-family: special; font-size: 18px!important; font-style: italic;
    border-radius: 0px;
    box-shadow: none!important; width: 100%;
}
#contact.page-block.fancyform input.form-control{
    color: #990000;
}
#contact.page-block.fancyform input.form-control::-webkit-input-placeholder {
    color:#990000;
}
#contact.page-block.fancyform input.form-control::-moz-placeholder {
    color:#990000;
}
#contact.page-block.fancyform input.form-control::-ms-placeholder {
    color:#990000;
}
#contact.page-block.fancyform input.form-control::placeholder {
    color:#990000;
}
#contact.page-block.fancyform select.form-control{
	border: 0px!important; background: #F8EEEA!important; border-radius: .25rem;
	font-size: 14px!important; line-height: 34px!important; color:#000000!important;
    background: #BC0000!important; font-size: 14px;    
    color: #F8EEEA!important; border: 0px solid #BC0000!important;
    padding: 5px 10px;
    box-shadow: none!important; width: 100%;
}
#contact.page-block.fancyform .fancy-form-item.fancy-btn{
    padding: 40px 0px 0px 0px;
}
#contact.page-block.fancyform .fancy-form-item.fancy-btn .btn-primary{
    font-family: NeueHaasUnicaBold; font-size: 16px; text-transform: none;
}


@media (min-width: 768px){

    #contact.page-block.fancyform{
        padding: 0px 20px;
    }
    #contact.page-block.fancyform .page-block-caption{
        padding: 30px 20px;
    }
    #theBody.contact #pageBlock0{
        width: 50%; height: 100vh; position: sticky; top: 0px; left: 0px; overflow: hidden;
    }
    #theBody.contact #pageBlock0 img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }
    #theBody.contact #pageBlock1{ 
        width: 50%; position: absolute; left: 50%; top: auto; bottom: 0px; z-index: 1; height: auto; padding: 0px 40px;
    }
    #theBody.contact #pageBlock1.page-block.with_page_image .page-block-name{
        display: none;
    }
    #theBody.contact #contact.fancyform{
        width: 50%; min-height: 1000px; height: 100vh; display: flex; align-items: flex-start; align-content: flex-start;
    }
}
@media (min-width: 960px){
    #contact.page-block.fancyform .fancyformLabel{
        font-size: 30px!important;
    }
    #contact.page-block.fancyform input.form-control{
        font-size: 24px!important
    }
    #contact.page-block.fancyform .fancy-firstname .fancyformLabel{
        width: 145px;
    }
    #contact.page-block.fancyform .fancy-firstname .fancyFormField{
        width: calc(100% - 145px); width: 280px; padding-right: 30px;
    }
    #contact.page-block.fancyform .fancy-q1 .fancyformLabel{
        width: 180px;
    }
    #contact.page-block.fancyform .fancy-q1 .fancyFormField{
        width: calc(100% - 180px); padding-right: 0px; padding-top: 6px;
    }
    
    #theBody.contact #contact.fancyform{
        align-items: center; align-content: center;
    }
    
    #theBody.contact #pageBlock1.light.page-block .page-block-caption{
        margin-bottom: 0px; padding-bottom: 0px;
    }
    #theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt{
        display: flex; margin-bottom: 0px; padding-bottom: 0px;
    }
    #theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt .prt1,
    #theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt .prt2{
        width: 50%; max-width: 320px;
    }
    #theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt .prt1{
        margin-top: 10px;
    }
    
}
@media (min-width: 1200px){
    #theBody.contact #pageBlock1{
        padding: 0px 80px;
    }
    
    #contact.page-block.fancyform .page-block-caption{
        padding: 30px 20px 30px 50px;
    }
    #contact.page-block.fancyform .page-block-module.page-block-fancyform{
        padding: 0px 20px 0px 50px;
    }
    
    #contact.page-block.fancyform .fancy-firstname .fancyformLabel{
        width: 155px;
    }
    #contact.page-block.fancyform .fancy-firstname .fancyFormField{
        width: calc(100% - 155px); width: 280px; padding-right: 30px;
    }
    #contact.page-block.fancyform .fancy-q1 .fancyformLabel{
        width: 190px;
    }
    #contact.page-block.fancyform .fancy-q1 .fancyFormField{
        width: calc(100% - 190px);
    }
    #contact.page-block.fancyform .fancy-q1 .fancyFormField select.form-control{
        max-width: 300px; min-width: 200px;
    }
    #contact.page-block.fancyform .fancy-email .fancyformLabel{
        width: 285px;
    }
    #contact.page-block.fancyform .fancy-email .fancyFormField{
        width: calc(100% - 285px); width: 280px;
    }
 
}
@media (min-width: 1600px){
    #contact.page-block.fancyform{
        padding: 0px 100px;
    }
    #theBody.contact #pageBlock1{ 
        padding: 0px 160px;
    }
}

#gallery-over-ons .grapCarousel .link-image{
    pointer-events: none;
}

#theBody.over-parc #pageBlock1.light{
    padding-top: 20vh;
    padding-bottom: 10vh; min-height: 0px;
}
#gallery-over-ons{
    margin-top: -10vh;
}
#gallery-over-ons.page-block .page-block-caption{
    margin: 0px; padding-top: 0px;
}
#parc-in-cijfers.page-block.default .page-block-caption{
    padding: 20px 20px 0px 20px; margin-bottom: 0px;
}
#parc-in-cijfers .page-block-ttl h2{
    font-family: NeueHaasUnicaBold; font-size: 16px; letter-spacing: 0px;
}
#parc-in-cijfers .page-block-ttl ,
#parc-in-cijfers .page-block-txt{
    width: 50%; padding: 0px; margin: 0px;
}
#parc-in-cijfers .page-block-txt p{
    font-family: NeueHaasUnicaBold; font-size: 16px; color:#282D33;
}
#parc-in-cijfers .page-block-txt h2{
    font-family: special; color: #F8EEEA;
    font-size: 75px; margin-bottom: 40px; position: relative;
}
#parc-in-cijfers .page-block-txt h2 span{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#parc-in-cijfers .page-block-txt h2 .oldNumbers{
    color: #F8EEEA; opacity: 0;
}
#parc-in-cijfers .page-block-txt h2 .newNumbers{
    color: #E00000; opacity: 1;
}
.grapWrapper .grapCarousel {
    display: flex;
}
.grapCarousel .link-image img{
    width: auto; height: 60vw;
}
@media (min-width: 768px){
    #theBody.over-parc #pageBlock1.light{
        padding-top: 20vh;
        padding-bottom: 20vh; min-height: 0px;
    }
    #gallery-over-ons{
        margin-top: -15vh;
    }
    .grapCarousel .link-image img{
        width: auto; height: 400px;
    }
    #parc-in-cijfers.page-block.default .page-block-caption{
        padding: 20px 60px 0px 60px; margin-bottom: 0px;
    }
    #parc-in-cijfers .page-block-ttl{
        width: 30%; margin-bottom: 60px;
    }
    #parc-in-cijfers .page-block-txt{
        width: 100%; display: flex; flex-wrap: wrap;
    }
    #parc-in-cijfers .page-block-txt p{
        order: 1; width: 25%; 
    }
    #parc-in-cijfers .page-block-txt h2{
        order: 2; width: 25%; font-size: 50px;
    }
}
@media (min-width: 1080px){
    #parc-in-cijfers .page-block-txt{
        width: 70%; margin-bottom: 100px;
    }
    #parc-in-cijfers .page-block-txt p{
    }
    #parc-in-cijfers .page-block-txt h2{
        font-size: 70px;
    }
}
@media (min-width: 1280px){
    #parc-in-cijfers .page-block-ttl{
        width: 20%;
    }
    #parc-in-cijfers .page-block-txt{
        width: 80%;
    }
    #parc-in-cijfers .page-block-txt p{
    }
    #parc-in-cijfers .page-block-txt h2{
        font-size: 90px;
    }
}



#casus---aanhuur.page-block.with_block_image.default .page-block-page_image::before,
#casus---aanhuur.page-block.with_block_image.default .page-block-image::before{
    background-image: url("../img/frame/bg-mask-image.svg"); background-repeat: no-repeat; background-position: left top; background-size: 100%;
    position: absolute; top: 0px; left: calc(20% - 20px); width: calc(60% + 20px); height: calc(100%); display: block; content: ''; z-index: 0;
}
#casus---aanhuur.page-block.with_block_image.default .page-block-page_image,
#casus---aanhuur.page-block.with_block_image.default .page-block-image{
    padding: 0px 20%!important; margin: 0px!important; margin-bottom: 60px!important;
}
#casus---aanhuur.page-block.with_block_image.default .page-block-page_image img,
#casus---aanhuur.page-block.with_block_image.default .page-block-image img{
    -webkit-mask-image: url(../img/frame/mask-image.svg);
    mask-image: url(../img/frame/mask-image.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    padding: 0px;
}

.default.casus.page-block.with_block_image.default .page-block-page_image::before,
.default.casus.page-block.with_block_image.default .page-block-image::before{
    background-image: url("../img/frame/bg-mask-image.svg"); background-repeat: no-repeat; background-position: left top; background-size: 100%;
    position: absolute; top: 0px; left: calc(20% - 20px); width: calc(60% + 20px); height: calc(100%); display: block; content: ''; z-index: 0;
}
.default.casus.page-block.with_block_image.default .page-block-page_image,
.default.casus.page-block.with_block_image.default .page-block-image{
    padding: 0px 20%!important; margin: 0px!important; margin-bottom: 60px!important;
}
.default.casus.page-block.with_block_image.default .page-block-page_image img,
.default.casus.page-block.with_block_image.default .page-block-image img{
    -webkit-mask-image: url(../img/frame/mask-image.svg);
    mask-image: url(../img/frame/mask-image.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    padding: 0px;
}


#modalContact{
    z-index: 1000001;
}

#modalContact .modal-dialog{
    margin: 0px;
}
#modalContact .modal-content{
    min-height: 100vh; min-width: 100vw;
}
#modalContact .modal-header{
    padding: 55px 20px 20px 20px;
}
#modalContact .modal-header .btn-primary{
    padding: 11px 11px 7px 11px;
}
#modalContact .modal-body{
    padding: 20px; display: flex; align-content: center; align-items: center;
}
#modalContact .modal-header .btn-primary span{
    font-size: 14px;
}
#modalContact .page-block.with_page_image.default .page-block-caption{
    padding: 0px;
}
#modalContact .page-block.with_page_image.default .page-block-caption .btn-primary{
    background: #282D33; width: 100%; text-align: left;
}
#modalContact .page-block.with_page_image.default .page-block-caption .btn-primary span{
    font-family: NeueHaasUnicaRegular; font-size: 14px;
}
#modalContact .page-block.with_page_image.default .page-block-caption .btn-primary .fa-regular,
#modalContact .page-block.with_page_image.default .page-block-caption .btn-primary .fa-brands,
#modalContact .page-block.with_page_image.default .page-block-caption .page-block-txt .fa-regular{
    color: #FF0000!important; margin-right: 10px; font-size: 14px;
}
#modalContact .page-block.with_page_image.default .page-block-caption .page-block-txt a{
    font-family: NeueHaasUnicaBold; font-size: 14px;
}
#modalContact .page-block.with_page_image.default .page-block-caption .page-block-txt .route-link {
    text-decoration: none;
}
#modalContact .page-block.with_page_image.default .page-block-caption .page-block-txt .route-link span{
    margin-left: 26px;
    font-family: NeueHaasUnicaRegular; text-decoration: underline;
}
#modalContact .page-block.with_page_image.default .page-block-page_image {
    display: none;
}


#contact-terugbel .page-block-caption{
    padding: 0px; margin: 0px;
}
#contact-terugbel .page-block-module.page-block-fancyform{
    padding: 40px 0px 0px 0px; margin: 0px;
}
#contact-terugbel .fancy-form-item{
    padding: 0px 15px; margin: 0px; border: 0px;
}
#contact-terugbel .fancy-form-item.fancy-btn{
    padding: 0px;
}
#contact-terugbel .fancyformLabel{
    display: none;
}
#contact-terugbel .fancy-form-item.fancy-btn .btn-primary{
    font-family: NeueHaasUnicaRegular; text-transform: none;
    font-size: 14px;
    /*
    pointer-events: none;*/
}

@media (min-width: 768px){
#modalContact .modal-header{
    padding: 30px 60px 20px 60px; justify-content: flex-end;
}
#modalContact .modal-content{
    width: 70vw; left: 30vw; min-width: 70vw;
}
#modalContact .modal-body{
    padding: 20px 60px;
}
}

@media (min-width: 960px){
#modalContact .page-block.with_page_image.default .page-block-caption{
    width: 100%; padding-left: calc(20vw);
}
#modalContact .page-block.with_page_image.default .page-block-caption .page-block-ttl h2{
    font-size: 30px;
}
#modalContact .page-block.with_page_image.default .page-block-page_image {
    display: block; position: fixed; top: 0px; left: 30vw; width: 20vw; height: 100vh;
}
#modalContact .page-block.with_page_image.default .page-block-page_image img{
    width: 100%; height: 100%; object-fit: cover;
}
}
@media (min-width: 1200px){
#modalContact .modal-content{
    width: 800px; left: calc(100vw - 800px); min-width: 800px;
}
#modalContact .page-block.with_page_image.default .page-block-page_image {
    left: calc(100vw - 800px); width: 300px; height: 100vh;
}
#modalContact .page-block.with_page_image.default .page-block-caption{
    padding-left: 300px;
}
}



#modalContact .alert-success{
    background: #E00000;
}
#theBody.contact .alert-success{
    display: flex; justify-content: center; align-content: center; align-items: center;
    padding: 30px;
    background: #E00000;
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100vh;
    top: 0px;
    z-index: 100;
}

#modalContact .alert-success .page-block-caption .page-block-ttl h2 ,
#theBody.contact .page-block.fancyform .alert-success .page-block-caption .page-block-ttl h2 {
    background: none; font-family: special; width: 100%; text-align: center;
    color: #F8EEEA!important; font-size: 30px!important;
}
#modalContact .alert-success .page-block-caption .page-block-ttl h2 {
    text-align: left;
}
#modalContact .alert-success p,
#theBody.contact .alert-success p{
    color: #F8EEEA!important; font-size: 1em!important;
}

#theBody.basicinfopage #pageBlock1.cleanPageBlock1,
#theBody.vacature #pageBlock1.cleanPageBlock1{
    padding-top: 0px;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-caption,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-caption{
    margin: 0px; padding: 0px;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-name,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-name{
    padding-top: 120px; background: #E00000;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-name h1,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-name h1 {
    text-align: center; color: #F5F5F5; font-family: special; margin: 40px 0px;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-intro,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-intro{
    padding: 20px; margin-bottom: -60px;
} 
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt{
    padding: 20px;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .content-link,
#theBody.vacature #pageBlock1.cleanPageBlock1 .content-link{
    padding: 20px 20px 60px 20px;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt h2,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt h2{
    font-family: special; margin-top: 20px; margin-bottom: 10px;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt h3,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt h3{
    font-family: special; margin-bottom: 0px; font-size: 1em; font-style: italic;
}  
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt ul,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt ul{
    font-family: NeueHaasUnicaRegular; margin-bottom: 20px;
}
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt ul li,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt ul li{
    font-family: NeueHaasUnicaRegular;
}
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt p a,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt p a{
    color: #282D33; text-decoration: none;
}
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt p a:hover,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt p a:hover{
    color: #E00000;
}
@media (min-width: 768px){ 
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-intro,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-intro{
    padding: 60px 60px; margin-bottom: -140px;
} 
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt{
    padding: 60px 60px;
} 
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .content-link,
#theBody.vacature #pageBlock1.cleanPageBlock1 .content-link{
    padding: 60px 60px; margin-top: -120px;
}  
}
@media (min-width: 960px){ 
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt,
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-intro,
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .content-link,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-intro,
#theBody.vacature #pageBlock1.cleanPageBlock1 .content-link{
    padding-left: calc(50% - 310px);
    padding-right: calc(50% - 310px);
} 
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-intro p,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-intro p{
    font-size: 1.2em;
} 
}




#vacatures .page-block-ttl{
display: none;
}
.vacatures.block{
}
.vacatures.block .block-caption .block-ttl h2{
    font-family: special;
}
.vacatures.block .block-caption .block-ttl h2 a{
    color:#282D33;
}
.vacatures.block .block-caption .block-txt p{
    color:#5E5E5E;
}

@media (min-width: 900px){ 
#vacatures .block-listing{
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 960px){ 
#vacatures .block-listing{
    padding-left: calc(50% - 310px);
    padding-right: calc(50% - 310px);
} 
#vacatures .block-listing{
    grid-template-columns: repeat(1, 1fr);
}
}

#theBody.home #pageBlock1.light .page-block-intro p a{
    letter-spacing: -1px!important;
}
.block.homeBlocks .block-caption .block-ttl h2 a,
#tagMenu::before,
.masked-image.page-block.with_block_image.default .page-block-intro p, .masked-image.page-block.with_block_image.default.page-block-intro ul,
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-name h1,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-name h1,
#theBody.basicinfopage #pageBlock1.cleanPageBlock1 .page-block-txt h2,
#theBody.vacature #pageBlock1.cleanPageBlock1 .page-block-txt h2,
.vacatures.block .block-caption .block-ttl h2 a,
#contact.page-block.fancyform input.form-control,
#contact.page-block.fancyform .fancyformLabel,
#theBody.nieuws.detail_mode .page-block .page-block-txt p,
.block.news .block-caption .block-ttl h2 a,
#object_main .page-block-ttl h1,
#object_main .page-block-txt-intro, #object_main .page-block-txt-intro p,
.mainmenu .navbar-nav li a, .mainmenu .navbar-nav ul.after-menu li.childmenu a,
.block.services .block-caption .block-ttl h2 a,
#theBody.diensten #pageBlock1.light.page-block .page-block-caption .page-block-txt p,
#pageBlock1.light.page-block .page-block-caption .page-block-txt, #pageBlock1.light.page-block .page-block-caption .page-block-txt p, 
.quote.page-block .page-block-caption .page-block-txt p, 
#theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-name h1,
.page-block-ttl h2{
    letter-spacing: -1px!important;
}

#theBody.contact #pageBlock1.light.page-block .page-block-caption .page-block-txt p,
#theBody.contact .page-block-ttl h2,
#diensten.page-block .page-block-ttl h2,
.mainmenu #extraMenu li a{
    letter-spacing: 0px!important;
}