/* CSS Document */

body{
	font-size: 14px;
}
body,
p b,
.navbar-nav li.active a.menu-link,
.page-block.cloud .page-block-caption .page-block-module .block-listing .block .block-caption .block-ttl h2{
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 400;  /*Regular*/

}
@media(min-width:1280px) {  
body{
	font-size: 15px;
}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 600;  /*Medium*/
}
.footerAddress p a.active,
.headAddress a.active{
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 300;  /*Medium*/
}
.headAddress a{
 	font-size: 14px;
}

.page-block-txt h4{
	text-transform: uppercase; font-size: 1em;
}

.footer-socials h2{
	text-transform: none; font-size: 1em;
	font-variation-settings: "wght" 400;  /*Light*/
}
.footer-menu .navbar-nav li.menu-link a.menu-link{
	font-size: 0.8em;
}
#theMain .navbar-nav li a.menu-link{
    line-height: 2em; font-size: 1.4em;
}
#extraMenu .navbar-nav li a.menu-link{
    line-height: 1em; font-size: 1em;
	font-variation-settings: "wght" 300; 
}


.mainmenu .social-label h2{
	font-size: 1em;
	font-variation-settings: "wght" 300; line-height: 1em; padding: 0px; margin: 4px 0px 0px 0px;
}


.page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-image-text h3,
.navbar-nav li a,
.btn-primary,
.btn-primary-grey,
.btn-default,
.btn-secondary,
.btn-info,
.btn-list,
.btn-primary,
.page-block.cta-sticker .page-block-txt p, .page-block.cta-sticker .page-block-txt ul,
.navbar-nav li.active a.menu-link,
.page-block.quote .page-block-caption .page-block-ttl h2{
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 400;  /*Regular*/
}


.page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-image-text h3,
.page-block-txt h2{
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 400;  /*Regular*/
}

#theMain .navbar-nav li a.menu-link,
#theMain .navbar-nav li a.menu-link-arrow,
.mainmenu #theMain .navbar-nav ul.after-menu li.childmenu a{
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 400;  /*Regular*/
	font-style: normal;
	font-size: 1.6em; line-height: 1.4em;
	height: 1.4em; padding-top: 1.4em; overflow: hidden;
}
#theMain .navbar-nav li.active a.menu-link,
.mainmenu #theMain .navbar-nav ul.after-menu li.childmenu.active a{
	font-variation-settings: "wght" 600;  /*Regular*/
}

.page-block-ttl h2, .page-block-image-text h2,
.page-block h1, .page-block .page-block-name h1,
#tagMenu a,
.internPageMenu li,
#theMain .navbar-nav li a.menu-link{
	text-transform: lowercase;
}
#theBody.werk.detail_mode .page-block .page-block-name h1{
	text-transform: none;
}


/*#tophighlight p,
.page-block .page-block-subname h3,
.page-block-ttl.page-block-ttl-intro h3{
	letter-spacing: 4px;
}*/
.page-block .page-block-subname h3{
	font-size: 1.5em;
}
.page-block-ttl.page-block-ttl-intro h3{
	font-size: 1.0em;
}


.block-img-credits{
	font-size: 0.6em;
}


@media(min-width:768px) {
	#theMain .navbar-nav li a.menu-link, #theMain .navbar-nav li a.menu-link-arrow, .mainmenu #theMain .navbar-nav ul.after-menu li.childmenu a{
		font-size: 1.2em;
	}
	
	.mainmenu #theMain .navbar-nav ul.after-menu li.childmenu a{
		font-family: "Roboto", sans-serif;
		line-height: 2.3em; font-size: 1em;
		font-variation-settings: "wght" 300; 
	}
}

@media(min-width:960px) {

	#theMain .navbar-nav li a.menu-link,
	#theMain .navbar-nav li a.menu-link-arrow{
		font-size: 1.4em;
	}
	.mainmenu #theMain .navbar-nav ul.after-menu li.childmenu a{
		line-height: 3em; height: 40px;
	}
	
	/*#tophighlight p,
	.page-block .page-block-subname h3,
	.page-block-ttl.page-block-ttl-intro h3,
	.page-block-txt h2{
		letter-spacing: 6px;
	}*/

}
@media(min-width:1280px) {

	#theMain .navbar-nav li a.menu-link,
	#theMain .navbar-nav li a.menu-link-arrow{
		font-size: 1.4em;
	}
	#theMain .navbar-nav{
		gap: 30px;
	}
	.mainmenu #theMain .navbar-nav ul.after-menu li.childmenu a{
		line-height: 3.3em; height: 49px;
	}

}




h1, .page-block-name h1{
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2em; line-height: 1em;
	margin: 30px 0px 15px;
}

.btn-primary,
.btn-primary-grey,
.btn-default,
.btn-secondary,
.btn-info,
.btn-list{
	text-transform: none;
}

.page-block-ttl h2,
.page-block-image-text h2{
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 2em; line-height: 1em;
	margin: 30px 0px 15px;
}
.page-block-ttl h2 span,
.page-block-image-text span{
	font-family: "Roboto", sans-serif;
	font-weight: 300;
    font-style: italic;
}

.page-block.hero .page-block-caption .page-block-ttl h2{
	font-family: "Roboto", sans-serif;
	font-variation-settings: "wght" 300; font-size: 2em;
}

h2 {
    font-size: 2em;
}
.page-block-txt h2 {
    font-weight: 300;
}
.page-block-txt h3,
h3 {
    font-size: 1.0em;
    font-weight: 400;
} 
.page-block-subname h3,
.page-block-ttl.page-block-ttl-intro h3,
.page-block-image-text h3,
.page-block-txt h2{
    font-size: 1.4em; margin: 0.3em 0px 1em 0px;
}

h4 {
    font-size: 1.0em;
}
  
.page-block-intro p,
.page-block-intro ul{
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
    font-size: 1.3em; line-height: 1.6em;
} 
.page-block-txt p,
.page-block-txt ul,
.block .block-caption p{
    font-size: 1.0em; line-height: 1.6em;
}   


@media(min-width:768px) {
/*#theBody.home #pageBlock1.page-block.with_block_image .page-block-caption .page-block-txt p{
	font-family: "the-seasons", sans-serif;
	font-weight: 300;
	font-style: normal;
    font-size: 1.4em; line-height: 1.6em;
}*/
.page-block-ttl h2,
.page-block-image-text h2{
	margin: 0px 0px 30px;
}
	
h1, .page-block-name h1{
	margin: 30px 0px 30px;
}
	
}

.block .block-caption .block-ttl h2{
	margin: 0px 0px 0.2em 0px;
	font-variation-settings: "wght" 500; 
	font-style: normal;
    font-size: 1.4em; line-height: 1.0em;
}
.block .block-caption .block-ttl.with-sub h2{
	font-variation-settings: "wght" 400; font-size: 2em; line-height: 1.4em;
	letter-spacing: 6px; margin: 0.4em 0px;
}
.block .block-caption .block-ttl h3{
	margin: 0px;
	font-variation-settings: "wght" 400; 
    font-size: 1.1em; line-height: 1.0em;
}


.block-img-credits p{
	font-size: 1em; margin: 0px; padding: 10px 0px 0px 0px; line-height: 1em;
}


/*cta + Sticker*/

.page-block.cta .page-block-txt p,
.page-block.cta .page-block-txt ul{
    font-size: 1.0em;
}

.page-block.cta-sticker .page-block-ttl h2{
    font-size: 2em;
} 
.page-block.cta-sticker .page-block-txt p,
.page-block.cta-sticker .page-block-txt ul{
    font-size: 1.0em;
} 

/*cta + fixed*/
.page-block.cta-fixed .page-block-caption .page-block-txt p{
	font-size: 1.5em; line-height: 1em;
}



/* cloud */
.page-block.cloud .page-block-caption .page-block-module .block-listing .block .block-caption .block-ttl h2{
    font-size: 1em;
}


/* usps */
.block.usps .block-caption .block-icon h3,
.block.usps .block-caption .block-ttl h2{
    font-size: 1.6em;
}



/*
slideshow
*/ 
.page-block.gallery.slideshow .page-block-module .carouselState{
    font-size: 1em; line-height: 3em;
}
.page-block.gallery.slideshow .page-block-module .carousel-indicators{
    font-size: 1em; height: 3em;
}


.link-image h3{
    font-size: 1em; line-height: 3em;
}

/*
slider
*/ 
.slideLeft,
.slideRight{
    line-height: 60px; font-size: 2em; 
} 

/*
lightbox
*/ 
.deckInformation,
.deckInformation .deckDESC{
    font-size: 1em; font-weight: 100; line-height: 3em;
}
.lightbox-modal .close::after,
.lightbox-modal .carousel-control-next::after, .lightbox-modal .carousel-control-prev::after, .lightbox-modal .close, .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{
	font-size: 25px;
}

/* usps */
.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-icon h3{
    font-size: 8vw;
}

@media(min-width:600px) {  
.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-icon h3{
    font-size: 15px; line-height: 15px;
}
}
@media(min-width:991px) {  
.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-icon h3{
    font-size: 15px; line-height: 15px;
}
}
@media(min-width:1280px) {  
.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-icon h3{
    font-size: 15px; line-height: 15px;
}
.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-ttl h2{
    font-size: 2.0em;
}
}
@media(min-width:1600px) {  
.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-icon h3{
    font-size: 15px; line-height: 15px;
}
}




/*
projectplanning
*/
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption .block-txt{
    font-size: 1em;
    font-weight: 400;
}
.block.projectplanning .block-caption .block-ttl h2{
    font-size: 2em;
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
    font-size: 40px; line-height: 60px;
}



/*map pois*/
.maptypebuttons .btn-primary{
    font-size: 1em; line-height: 40px; border: 0px!important;
}


/*news*/
.block.news .block-image .block-tag,
#theBody.nieuws.detail_mode #pageBlock1 .page-block-caption .page-block-subname h3{   
    font-size: 0.8em; line-height: 2.4em;
    font-weight: 400;
}
.block.news .block-caption .block-ttl h2{
	font-variation-settings: "wght" 400; 
}
.block.news .block-caption .block-ttl h3{
	font-variation-settings: "wght" 300;  font-size: 1.0em;
}

#tagMenuToggle{
    font-size: 1em;
    font-weight: 300;
}
#tagMenu a{
    font-size: 1em; line-height: 38px;
    font-weight: 100;
}


#theBody.nieuws.detail_mode #pageBlock0.page-block .page-image-caption h2{
    font-size: 1em;
}
#theBody.nieuws.detail_mode .page-block .page-block-txt p{
    font-size: 1.4em; line-height: 1.8em; font-weight: 200;
}
#theBody.nieuws.detail_mode #pageBlock3.page-block .page-block-txt p{
    font-size: 1.0em; line-height: 1.5em; font-weight: 200;
}


.block.projects .block-caption .block-ttl h2{
	font-variation-settings: "wght" 400; font-size: 1.2em;
}


@media (min-width: 960px){
    #tagMenu::before{
		display: flex;
        font-size: 1.6em; line-height: 1.2em;
		font-variation-settings: "wght" 400; width: 100%;  margin-bottom: 10px;
    }
    .block.news .block-caption .block-ttl h2{
        font-size: 1.6em; line-height: 1.2em;
    }
	.block.projects .block-caption .block-ttl h2{
        font-size: 1.3em; line-height: 1.2em;
    }
}
@media (min-width: 1280px){
    .block.news .block-caption .block-ttl h2{
    } 
    
    #theBody.nieuws.detail_mode #pageBlock1.light.page-block .page-block-caption .page-block-name h1 {
        font-size: 5em;
    }

}

@media(min-width:600px) {
	.page-block-ttl h2, .page-block-image-text h2{
	}
}


@media(max-width:767px) {
	.page-block-caption-head .page-block-ttl-intro{
		margin-top: -15px;
	}
	
}

@media(min-width:768px) {

	h1,
	.page-block-name h1,
	.page-block-ttl h2,
	.page-block-image-text h2{
		font-size: 2.4em;
	}
	.page-block-subname h3,
	.page-block-ttl.page-block-ttl-intro h3,
	.page-block-image-text h3,
	.page-block-txt h2{
		font-size: 1.7em;
	}
	.page-block.cta .page-block-ttl.page-block-ttl-intro h3{
		margin: 0em 0px 2em;
	}

	h2 {

	}
	.page-block-txt h2 {

	}
	.page-block-txt h3 {
		font-weight: 400; margin: 0.8em 0px 0.4em 0px;
	}
	h4 {
		font-size: 1.0em;
	}

	.page-block-intro p,
	.page-block-intro ul{
		font-size: 1.4em; line-height: 1.6em;
	} 
.page-block-txt h5,
	.page-block-txt p,
	.page-block-txt ul,
	.block .block-caption p{
		font-size: 1.1em; line-height: 1.6em;
	}   
	#pageBlock1 .page-block-txt p,
	#pageBlock1 .page-block-txt ul{
		font-size: 1.1em; line-height: 1.6em;
	}   

}


@media(min-width:960px) {
	h1, .page-block-name h1{
		margin-top: 0px;
	}
}
@media(min-width:991px) {
	.page-block-ttl h2, .page-block-image-text h2{
	}
}

@media(min-width:1280px) {
	h1, .page-block-name h1{
		font-size: 2.0em;
	}

	.page-block-txt h2 {
	}
	.page-block-txt h3 {
	}
	h4 {
	}

	.page-block-ttl h2, .page-block-image-text h2{
	}
	.page-block.with_block_image.default .page-block-ttl h2{
		width: 80%;
	}
	.page-block-intro p,
	.page-block-intro ul{
		font-size: 1.4em; line-height: 1.3em;
	} 
	.page-block-txt p,
.page-block-txt h5,
	.page-block-txt ul,
	.block .block-caption p{
		font-size: 1.1em; line-height: 1.6em;
	}   
	#pageBlock1 .page-block-txt p,
	#pageBlock1 .page-block-txt ul{
		font-size: 1.1em; line-height: 1.6em;
	}   

}

@media(min-width:1440px) {
	h1, .page-block-name h1{
		font-size: 2.4em;
	}
	.page-block-txt h2 {
	}
	.page-block-txt h3 {
	}
	h4 {
	}

	.page-block-ttl h2, .page-block-image-text h2{
		font-size: 2.4em;
	}
	.page-block.with_block_image.default .page-block-ttl h2{
		width: 90%;
	}
	.page-block-intro p,
	.page-block-intro ul{
		font-size: 2.0em; line-height: 1.5em;
	} 
	#tagMenu a, .internPageMenu li,
	.page-block-txt p,
.page-block-txt h5,
	.page-block-txt ul,
	.block .block-caption p{
		font-size: 1.2em!important; line-height: 1.5em;
	}   
	#pageBlock1 .page-block-txt p,
	#pageBlock1 .page-block-txt ul{
		font-size: 1.2em; line-height: 1.5em;
	}   
	.block .block-caption .block-ttl h2
	}
	.block .block-caption .block-ttl h3{
	}
}


/*
quote
*/ 

@media(max-width:767px) {
	.page-block.quote{
		padding: 60px 0px;
	}	
	
}
.page-block.quote .page-block-caption .page-block-txt p{
	font-family: "font-family", sans-serif;
	font-weight: 300;
	font-style: normal;
    font-size: 2em; line-height: 1em;
}

.page-block.quote .page-block-caption .page-block-txt p{
}
.page-block.quote .page-block-caption .page-block-ttl h2, 
.page-block.quote .page-block-caption .page-block-ttl h2 a{
	text-transform: none; font-size: 1.3em;
	font-variation-settings: "wght" 200;  /*Light*/
}
.page-block.quote .page-block-caption .page-block-ttl h3, 
.page-block.quote .page-block-caption .page-block-ttl h3 a{
	text-transform: none;
}

.page-block.quote .page-block-caption .page-block-txt h3 {
	font-variation-settings: "wght" 480;
	font-size: 1.5em;
}
.page-block.quote .page-block-caption .page-block-txt h4 {
	font-variation-settings: "wght" 300;
	text-transform: none;
	font-size: 2em;
}




@media (min-width: 991px) {
	.page-block.quote .page-block-caption .page-block-txt h4 {
		font-size: 3em;
		line-height: 1.2em;
	}
	.page-block.quote .page-block-caption .page-block-ttl h2, 
	.page-block.quote .page-block-caption .page-block-ttl h2 a{
		text-transform: none; font-size: 1.6em;
		font-variation-settings: "wght" 200;  /*Light*/
	}
	
	
}
@media (min-width: 1280px) {
	.page-block.quote .page-block-caption .page-block-txt h4  {
		font-size: 3.8em;
	}
}


.page-block.list-click-detail.highlights .page-block-ttl h2{
	font-variation-settings: "wght" 300; letter-spacing: 0.3em; font-size: 1.2em;
}

@media(min-width:991px) {
    /*cta*/
    .page-block.cta .page-block-txt p,
    .page-block.cta .page-block-txt ul{
        font-size: 1.0em;
    } 
    .page-block.cta-sticker .page-block-ttl h2{
        font-size: 3em;
    } 
    .page-block.cta-sticker .page-block-txt p,
    .page-block.cta-sticker .page-block-txt ul{
        font-size: 1.0em;
    } 
    /*
    quote
    */ 
    .page-block.quote .page-block-caption .page-block-txt p{
        font-size: 3em; line-height: 1.2em;
    }
    .page-block.quote .page-block-caption .page-block-ttl h2{
    }
    /* cloud */
    .page-block.cloud .page-block-caption .page-block-module .block-listing .block .block-caption .block-ttl h2{
        font-size: 1.4em;
    }
}

@media(min-width:1280px) {
    /*
    quote
    */ 
    .page-block.quote .page-block-caption .page-block-txt p{
		font-size: 3.8em;
    }
    .page-block.gallery.slideshow .page-block-module .carouselState{
        font-size: 1em; line-height: 3em;
    }
    .page-block.gallery.slideshow .page-block-module .carousel-indicators{
        font-size: 1em; height: 3em;
    }
}
@media(min-width:1440px) {
    .page-block.gallery.slideshow .page-block-caption .page-block-ttl h2{
        
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-txt p{
		line-height: 1.2em;
    }
}
@media(min-width:1920px) {
}




.fancyformLabel,
#pageBlockPage .slider_output span{
    font-size: 0.8em; line-height: 1em;
    font-weight: 300; 
}
.fancy-column input.form-control, .fancy-column select.form-control, .fancy-column textarea.form-control{
    font-size: 1em;
    height: 3em;
}

.alert-success h2{
    font-size: 3em;
} 
.alert-success p{
    font-size: 1em;
}