body,a,a:hover,select,option:hover {
  cursor: url("/Forms/img/Cursor.png") 20 0 , auto !important;
}
a{
	transition:all 0.3s ease;
}

body{
	 font-family: 'Pragmatica Book';
}

iframe{
	max-width:100%;
}

.paginainhoud iframe{
	aspect-ratio:16/9;
	margin: 50px 0px;
	width:100%;
	height: auto !important; 
}

@font-face {
    font-family: 'Pragmatica Book';
    src: url('/Forms/fonts/Pragmatica-Book.eot');
    src: url('/Forms/fonts/Pragmatica-Book.eot?#iefix') format('embedded-opentype'),
        url('/Forms/fonts/Pragmatica-Book.woff2') format('woff2'),
        url('/Forms/fonts/Pragmatica-Book.woff') format('woff'),
        url('/Forms/fonts/Pragmatica-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('/Forms/fonts/Pragmatica-Light.eot');
    src: url('/Forms/fonts/Pragmatica-Light.eot?#iefix') format('embedded-opentype'),
        url('/Forms/fonts/Pragmatica-Light.woff2') format('woff2'),
        url('/Forms/fonts/Pragmatica-Light.woff') format('woff'),
        url('/Forms/fonts/Pragmatica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('/Forms/fonts/Pragmatica-Black.eot');
    src: url('/Forms/fonts/Pragmatica-Black.eot?#iefix') format('embedded-opentype'),
        url('/Forms/fonts/Pragmatica-Black.woff2') format('woff2'),
        url('/Forms/fonts/Pragmatica-Black.woff') format('woff'),
        url('/Forms/fonts/Pragmatica-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica Book';
    src: url('/Forms/fonts/Pragmatica-BookObl.eot');
    src: url('/Forms/fonts/Pragmatica-BookObl.eot?#iefix') format('embedded-opentype'),
        url('/Forms/fonts/Pragmatica-BookObl.woff2') format('woff2'),
        url('/Forms/fonts/Pragmatica-BookObl.woff') format('woff'),
        url('/Forms/fonts/Pragmatica-BookObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('/Forms/fonts/Pragmatica-Medium.eot');
    src: url('/Forms/fonts/Pragmatica-Medium.eot?#iefix') format('embedded-opentype'),
        url('/Forms/fonts/Pragmatica-Medium.woff2') format('woff2'),
        url('/Forms/fonts/Pragmatica-Medium.woff') format('woff'),
        url('/Forms/fonts/Pragmatica-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


.bg-black{
	background:black;
}

.nav-link{
	font-weight: 600;
}

.top-header{
	background:black;
	padding-top:20px;
	padding-bottom:70px;
	color: #adadad;;
}

#google-reviews-widget svg{display:none;}

.socials-icon i{
background: #adadad;
    border-radius: 3px;
color:black;
}

.btn-primary-flip{
	border:1px solid var(--color-primary);
	background-color: transparent;
	color:var(--color-primary);
}

.btn-primary-flip:hover{
	border:1px solid transparent;
	background-color:var(--color-primary) ;
	color:white;
}

.fa-phone{color: #adadad;transform: scaleX(-1);}


.socials-icon:hover i{
	background:var(--color-primary);
}

.menu-header{
	position: fixed;
    z-index: 999;
    background: #0f0f0f;
    top: 0px;
	width: 100%;
	max-width: 1296px;
	transform: translateY(70px);
	transition: transform 0.3s ease;
}

.menu-header.is-stuck {
	transform: translateY(0);
}

.logo img{
	width:150px;
}

.btn{
	padding:15px 20px;
	font-weight: 700;
	position:relative;
	transition:all 0.3s ease;
}

.btn-primary:hover{
	border:1px solid var(--color-primary);
	background-color: transparent;
	color:var(--color-primary);
}
.btn-primary:hover i{
	color:white;
}

.btn-primary:hover i{
	color:var(--color-primary);
}

.btn i{transition:all 0.3s ease;}

.navbar{
	padding:0px; 
}

.navbar-nav-main .nav-link:not(.disabled):hover, .navbar-nav-main .nav-link:not(.disabled):focus{
	background:none;
}

.navbar-nav-main .nav-item{
	position: static;
}

.navbar-nav-main .nav-link{
	color:white;
	 padding: 1.5rem 1.3rem !important;
}

.navbar-nav-main .nav-link:hover{
	color:var(--color-primary);
}

.navbar-nav-main li:first-child:before{
	content:'';
	display:none;
}

.navbar-nav-main li::before{
	content: '';
    border-right: 1px solid white;
    height: 20px;
    top: 26px;
    position: absolute;
}


.dropdown-menu{
	background:#00000080;
	border-radius: 0px;
    border-bottom: 1px solid black;
} 

.dropdown-item{
	color:white;
	padding: .25rem 1.9rem;
    width: 270px;
}

.dropdown-item:focus, .dropdown-item:hover,.dropdown-item.active, .dropdown-item:active{
	background:none;
	background-color:transparent !important;
	color:var(--color-primary);
}

#home_slider{
	height:760px;
	background-size:cover;
	width:100%;
	position:relative;
	background-repeat: no-repeat;
}

#home_slider::after{
	content: '';
    position: absolute;
    left: 150px;
    background-size: contain;
    background-image: url(/Forms/img/gerben.png);
    background-repeat: no-repeat;
    background-position: bottom;
    bottom: -30px;
    width: 470px;
    height: 647px;
}

.slider_box{
	position: absolute;
    right: 15%;
    bottom: -30px;
}

.slider-blok{
	color: white;
    background: black;
    border-radius: 15px;
    padding: 35px;
    float: left;
    max-width: 320px;
    margin: 0px 20px;
}

.slider-blok ul{
  list-style: none;
  padding-left: 0;
  margin:20px 0px;
}

.slider-blok li {
  position: relative;
  padding-left: 32px; /* ruimte voor het icoon */
  margin-bottom: 10px;
  font-weight: 600;
}

.slider-blok li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/Forms/img/checkmark.png");
  background-size: contain;
  background-repeat: no-repeat;
}

p{line-height:1.9;}

#tellers{
	background:#f7f7f7;
	color: black;
}


#tellers .content_box{
	text-align:center;
}

#tellers .content_box p {
	font-size: 4em;
    font-weight: 700;
	position: relative;
	margin: 0px;
}

#tellers .content_box p span.small{
	position: absolute;
    top: -5px;
    font-size: 0.7em;
}

#tellers .content_box span{
	font-size: 1.5em;
	font-weight: 700;
}

.p-100{
	padding:100px 0px;
}

.pt-100{
	padding-top:100px;
}

.pb-100{
	padding-bottom:100px;
}


.titel{
	font-size: 4em;
    font-weight: 700;
	position: relative;
	margin-bottom:35px;
}

#usp .content_box{
    float: left;
    width: 20%;
    border-right: 1px solid #e5e5e5;
    padding: 30px;
    text-align: center;
}
#usp .content_box:last-child{
	border-right: 1px solid transparent;
}

#usp .content_box p{line-height:1.3;}

#CTA{
	position: relative;
	background-size:cover;
	background-position:center;
}

#CTA::before{
 content: "";
  position: absolute;
  inset: 0; /* top/right/bottom/left = 0 */
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

#CTA .container {
  position: relative;
  z-index: 2;
  color:white;
}
i.fa-whatsapp{
    font-size: 1.6em;
    top: 11px;
    position: absolute;
    left: 16px;
}

hr{opacity: 1;background-color: #e5e5e5;}


#projecten .card{
	background-size:cover;
	background-position:center;
	border-radius:0px;
	height:240px;
	border:0px;
}

#projecten .btn:hover i{
	padding-left:25px !important;
}

#projecten .card-titel{
	background:white;
	border-radius:0px 5px 5px 0px;
}

#projecten .datum{
	position: absolute;
    right: 10px;
    background: var(--color-primary);
    color: white;
    padding: 10px 10px 0px 10px;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}

#projecten .datum p{
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: 0px;
    line-height: 0.6em;
    margin-top: 5px;
}

#projecten .datum span{
font-size:0.8em;	
}

#projecten a:hover{
	padding-right: 7px !important;
}

#offerte hr{color:#eeeeee;}

#offerte .form_box{
	padding: 55px;
    box-shadow: 0px 6px 34px 18px #fbf7f7;
    border-radius: 5px;
}

#offerte .titel{
	    font-size: 2em;
}

#footer .socials-icon i{background:white;}
#footer .socials-icon i:hover{background:var(--color-primary);}

#footer a:hover{color:var(--color-primary) !important;}

.openingstijden_item{
	height: 50px;
    line-height: 50px;
}

.table>:not(caption)>*>*{
	border-top-width: 1px;
	border-bottom-width: 0px;
}

#footer a.btn-primary-flip:hover{color:white !important;}

#copyright{border-top:1px solid #212121;color:white;}

#return-to-top {
    position: absolute;
    z-index: 9999;
    text-align: center;
    background: #222222;
    color: #ffffff;
    padding: 15px 15px;
    border-radius: 0px 0px 5px 5px;
    left: calc(50% - 15px);
    top: 0px;
}

#return-to-top:hover{
	background:var(--color-primary);
}
#copyright a{
	color:white;
	text-decoration:none;
}

#copyright a:hover{color:var(--color-primary);text-decoration:none;}


#copyright a:hover i{color:white;}



/* vervolg paginas */

#slider{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	min-height:600px;
}
.slidervervolg_box{
    position: absolute;
    margin-top: 200px;
}

.categorie-header {
	position: relative;
    z-index: 2;
    background: #f7f7f7;
    top: -36px;
    width: 100%;
    max-width: 1296px;
}

.terugknop{
	padding: 10px 25px;
    font-weight: 700;
    position: relative;
    transition: all 0.3s ease;
	background:transparent;
	color:black;
    border: 1px solid black;
	text-decoration:none;
}

.terugknop:hover{
	color:white;
	background:black;
}

.categorie-header .navbar-nav-main .nav-link{
	color:black;
}

.categorie-header .navbar-nav-main li::before{border-right: 1px solid black;}


.categorie-header .navbar-nav-main .nav-link:hover {
    color: var(--color-primary);
}

#slider h2{
	font-size: 4rem;
}


#main h1{
	font-size: 4rem;
}

.producten .card {
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    height: 320px;
    border: 0px;
}

.producten .card-titel {
    background: white;
    border-radius: 0px 5px 5px 0px;
}

.producten a:hover {
    padding-right: 7px !important;
}

.carousel-section {
  position: relative;
}

.carousel-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;

	max-width: inherit;
	margin: 0 auto;

	transform: translateY(-50%);
	pointer-events: none;
     z-index: 9;
}

.carousel-nav button {
  position: absolute;
  pointer-events: all;
}


.carousel-nav button {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  	  
	top: -32px;
	background-color: transparent;
	border: 0px;
	width: 32px;
    height: 64px;
}

.carousel-nav .owl-prev {
	left: 40px;
  background-image: url('/Forms/img/arrow-left.png');
}

.carousel-nav .owl-next {
	right: 40px;
  background-image: url('/Forms/img/arrow-right.png');
}

/* default span verbergen */
.carousel-nav button span {
  display: none;
}


.form-control {
    display: block;
    width: 100%;
    padding: 0.875rem 3.15rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    background-clip: padding-box;
    border: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group label{
	margin-top:30px;
	margin-bottom:20px;
	font-weight:700;
}

.input-icon {
  position: relative;
}


.input-icon::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: absolute;
    top: calc(50% - 10px);
    left: 32px;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}


/* Font Awesome user icon */
.input-icon.user::before {
  content: "\f007"; /* user icon */
}

.input-icon.email::before {
  content: "\f0e0"; /* envelope */
}

.input-icon.bericht::before {
  content: "\f040"; /* pencil */
  top: 25px;
}

.select{position:relative;}

.select::before{
	content: "\f078"; /* down arrow */
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: absolute;
    top: 25px;
    right: 32px;
    transform: translateY(-50%);
    color: var(--color-primary);
    pointer-events: none;
}

.zoeken{position:relative;}

.zoeken::before{
	content: "\f002"; /* search */
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: absolute;
    top: 25px;
    left: 20px;
    transform: translateY(-50%);
    color: var(--color-primary);
    pointer-events: none;
}
.form-group .form-check label{
	margin:0px;
	font-weight:inherit;
}
.form-check-input:checked {
    background-color: var(--color-primary);
    border-color:var(--color-primary);
}


#bottommenu .categorie-header{
	top:inherit;
}

.card {
  position: relative;
  overflow: hidden;
}

.card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  pointer-events: none;
}


.ModuleOverzichtsTekst h2{font-size:4em;font-weight:700;padding-top:100px;padding-bottom:100px;}
.ModuleOverzichtsTekst h3{font-size:1.3em;font-weight:700;padding-top:100px;}
.ModuleOverzichtsTekst h4{font-size:1em;font-weight:700;}

.paginainhoud h2{font-size:4em;font-weight:700;padding-top:40px;padding-bottom:40px;}
.paginainhoud h3{font-size:1.3em;font-weight:700;padding-top:40px;}
.paginainhoud h4{font-size:1em;font-weight:700;}


.foto_album .card {
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    height: 170px;
    border: 0px;
}


.main-carousel .card {
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    height: 570px;
    border: 0px;
}

.thumb-carousel img {
  cursor: pointer;
  opacity: 0.6;
}

.thumb-carousel .current img {
  opacity: 1;
  border: 2px solid #000;
}


#CTA.transparent::before{background-color:transparent;}


#referenties_list .content_item{
	border:1px solid #f4f4f4;
	line-height: 2em;
}

.text-black{color:black;}


#referenties_list .card {
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    height: 320px;
    border: 0px;
}

#referenties_list a:hover {
    padding-right: 7px !important;
}

#referenties_list .card-titel {
    background: white;
    border-radius: 0px 5px 5px 0px;
}


.grayscale{
	filter: brightness(0.16);
	transition:all 0.3s ease;
}
.grayscale:hover{
	filter: brightness(1);
}

.adres a{color:black;text-decoration:none;}
.adres i{color:var(--color-primary);    width: 26px;    margin-right: 15px;}
.adres a:hover{color:var(--color-primary);}
.adres a:hover i{color:var(--color-primary);}


.contactform_content h3{
	font-size: 2em;
    margin-bottom: 50px;
}

.bg-gray{
	background:#f7f7f7;
}

.paginainhoud ul {
    list-style: none;
    padding-left: 0;
    margin: 20px 0px;
}
	
.paginainhoud  li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}

.paginainhoud li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(/Forms/img/checkmark.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.vacature-item{
    border: 1px solid var(--color-primary);
}

.vacature-item img{
    width: 40%;
}
.vacature-item h3{padding-bottom:25px;}
.vacature-item .content{
	padding:50px 35px;
}

.color-primary{color:var(--color-primary);}


.extrafotos .card {
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    height: 320px;
    border: 0px;
}