/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 06 2026 | 11:12:35 */
.split-mask {
    overflow: hidden !important;
    display: block;
    line-height: 1.4; 
    padding-bottom: 0.2em; /* Soms nodig voor uitstekende delen van letters */
}


.home .va-mask-container {
    position: fixed;
    width: 101%;
    z-index: 100000;
/*     background: #00000021;  */
    top: 0;
    left: 0;
	   height: 100vh; 
   height: 100dvh; 
	 padding-bottom: calc(env(safe-area-inset-bottom) + 100px);
    pointer-events: none;
}

.home .va-mask-front {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/va-mask.svg);
    background-size: 300%;
	background-repeat: no-repeat;
    background-position:49% 50%;
    animation: va-welkom .65s cubic-bezier(1, -0.01, 0.82, 0.47) forwards;
    animation-delay: 1.2s;
    z-index: 10;
}

.home .va-mask-back {
    position: absolute;
    width: 100%;
    height: 100%;
     z-index: 5;
    animation: va-welkom-back 1.1s cubic-bezier(1, -0.01, 0.82, 0.47) forwards;
     animation-delay: 0s;
}



@keyframes  va-welkom {

    0% {
          background-size: 300%;
        background-position:49% 50%;
		opacity:1;
    }
     97% {
         background-size: 10000%;
         background-position: 49% 50%;
		 opacity:1;
    }
	 100% {
		 opacity:0;
    }
}

@keyframes  va-welkom-back {
    0%{
      background: #1D1D1B;  
    }
    50% {
         background: #d6fb04;
         opacity:1;
    }
     100% {
        opacity:0;
    }
}





.admin-bar .elementor-element.elementor-element-7a10938 {
    top: 30px;
}

p.sticky-heading {
    font-family: "Bricolage Grotesque", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.04em;
}

.elementor-widget-button {
    max-height: 46px !important;
}

/* van assem custom knoppen met dropdown*/ 
.elementor-widget-button a {
    outline: 1px solid #3f3f3f !important;
    outline-offset: -1px !important;
    border: none !important;
    border-radius: 100px !important;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 22px;
    padding-right: 18px;
    box-sizing: border-box !important;
}

a:hover .elementor-button-icon {
    transform: rotate(-185deg);
}

.elementor-button-icon {
    height: auto;
    width: 10px;
    background: #e5dcd6;
    mask-image: url(/wp-content/uploads/schroef.svg);
    mask-size: 10px;
    transition: .9s cubic-bezier(0.76, 0.46, 0, 1.01);
    mask-repeat: no-repeat;
    mask-position: center;
}

.elementor-button span svg {
    display: none;
}

span.elementor-button-content-wrapper {
    gap: 7px !important;
} 

a.elementor-button {
    font-weight: 800 !important;
}

/* Shared expand styles */
.elementor-button-light-border a,
.elementor-button-light-full a,
.elementor-button-dark-border a,
.elementor-button-dark-full a,
.elementor-button-neon a {
    overflow: hidden !important;
    display: inline-block !important;
    position: relative;
}

.elementor-button-light-border span.elementor-button-text,
.elementor-button-light-full span.elementor-button-text,
.elementor-button-dark-border span.elementor-button-text,
.elementor-button-dark-full span.elementor-button-text,
.elementor-button-neon span.elementor-button-text {
    position: relative;
    z-index: 5;
}

.elementor-button-light-border a:hover span.elementor-button-icon,
.elementor-button-light-full a:hover span.elementor-button-icon,
.elementor-button-dark-border a:hover span.elementor-button-icon,
.elementor-button-dark-full a:hover span.elementor-button-icon,
.elementor-button-neon a:hover span.elementor-button-icon {
    position: relative;
    z-index: 5;
    transition: background .1s cubic-bezier(0.55, 0.48, 0, 1.03), transform .5s cubic-bezier(0.55, 0.48, 0, 1.03);
}

.elementor-button-light-border span.elementor-button-icon,
.elementor-button-light-full span.elementor-button-icon,
.elementor-button-dark-border span.elementor-button-icon,
.elementor-button-dark-full span.elementor-button-icon,
.elementor-button-neon span.elementor-button-icon {
    transition: background .8s cubic-bezier(0.55, 0.48, 0, 1.03), transform .5s cubic-bezier(0.55, 0.48, 0, 1.03);
}

/* light border */
.elementor-button-light-border a {
    background: transparent !important;
    outline-color: #e5dcd6 !important;
    color: #e5dcd6 !important;
    transition: background-color 0.2s 0s, color 0.3s ease;
}

.elementor-button-light-border a:hover {
    background: #e5dcd6 !important;
    outline-color: #e5dcd6 !important;
    color: #3f3f3f !important;
    transition: background-color 0.2s 0.3s, color 0.3s ease;
}

.elementor-button-light-border a:before {
    content: "";
    background: #e5dcd6;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    position: absolute;
    top: -227px;
    right: -227px;
    transform: scale(0.00);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.elementor-button-light-border a:hover:before {
    transform: scale(1);
    z-index: 2;
    transition: .8s cubic-bezier(0.65, 0.47, 0, 1.03) !important;
}

.elementor-button-light-border .elementor-button-icon {
    background: #e5dcd6 !important;
}

.elementor-button-light-border a:hover .elementor-button-icon {
    background: #3f3f3f !important;
}

/* light full */
.elementor-button-light-full a {
    background: #e5dcd6 !important;
    outline: none !important;
    color: #3f3f3f !important;
    transition: background-color 0.2s 0s, color 0.3s ease;
}

.elementor-button-light-full a:hover {
    background: transparent !important;
    color: #e5dcd6 !important;
    transition: background-color 0.2s 0.3s, color 0.3s ease;
}

.elementor-button-light-full a:before {
    content: "";
    background: transparent;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    position: absolute;
    top: -227px;
    right: -227px;
    transform: scale(0.00);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
    outline: 1px solid #e5dcd6;
    outline-offset: -1px;
}

.elementor-button-light-full a:hover:before {
    transform: scale(1);
    z-index: 2;
    transition: .8s cubic-bezier(0.65, 0.47, 0, 1.03) !important;
}

.elementor-button-light-full .elementor-button-icon {
    background: #3f3f3f !important;
}

.elementor-button-light-full a:hover .elementor-button-icon {
    background: #e5dcd6 !important;
}

/* dark border */
.elementor-button-dark-border a {
    background: transparent !important;
    outline-color: #3f3f3f !important;
    color: #3f3f3f !important;
    transition: background-color 0.2s 0s, color 0.3s ease;
}

.elementor-button-dark-border a:hover {
    background: #3f3f3f !important;
    outline-color: #3f3f3f !important;
    color: #e5dcd6 !important;
    transition: background-color 0.2s 0.3s, color 0.3s ease;
}

.elementor-button-dark-border a:before {
    content: "";
    background: #3f3f3f;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    position: absolute;
    top: -227px;
    right: -227px;
    transform: scale(0.00);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.elementor-button-dark-border a:hover:before {
    transform: scale(1);
    z-index: 2;
    transition: .8s cubic-bezier(0.65, 0.47, 0, 1.03) !important;
}

.elementor-button-dark-border .elementor-button-icon {
    background: #3f3f3f !important;
}

.elementor-button-dark-border a:hover .elementor-button-icon {
    background: #e5dcd6 !important;
}

/* dark full */
.elementor-button-dark-full a {
    background: #3f3f3f !important;
    outline: none !important;
    color: #e5dcd6 !important;
    transition: background-color 0.2s 0s, color 0.3s ease;
}

.elementor-button-dark-full a:hover {
    background: #DDF742 !important;
    color: #3f3f3f !important;
    transition: background-color 0.2s 0.3s, color 0.3s ease;
}

.elementor-button-dark-full a:before {
    content: "";
    background: #DDF742;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    position: absolute;
    top: -227px;
    right: -227px;
    transform: scale(0.00);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.elementor-button-dark-full a:hover:before {
    transform: scale(1);
    z-index: 2;
    transition: .8s cubic-bezier(0.65, 0.47, 0, 1.03) !important;
}

.elementor-button-dark-full .elementor-button-icon {
    background: #e5dcd6 !important;
}

.elementor-button-dark-full a:hover .elementor-button-icon {
    background: #3f3f3f !important;
}

/* neon full */
.elementor-button-neon a {
    background: #DDF742 !important;
    outline: none !important;
    color: #3f3f3f !important;
    transition: background-color 0s 0s, color 0s 0s;
}

.elementor-button-neon a:hover {
    background: #3f3f3f !important;
    color: #DDF742 !important;
    transition: background-color 0s 0.3s, color 0s 0s;
}

.elementor-button-neon a:before {
    content: "";
    background: #3f3f3f;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    position: absolute;
    top: -227px;
    right: -227px;
    transform: scale(0.00);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.elementor-button-neon a:hover:before {
    transform: scale(1);
    z-index: 2;
    transition: .8s cubic-bezier(0.65, 0.47, 0, 1.03) !important;
}

.elementor-button-neon .elementor-button-icon {
    background: #3f3f3f !important;
}

.elementor-button-neon a:hover .elementor-button-icon {
    background: #DDF742 !important;
}

/* einde knoppen */


.rotate-slow {
	transition: none !important;
}



svg.circulair-saw {
    width: 70vh;
    height: auto;
    position: absolute;
    left: calc(100% + 10px - 35vh);
    top: -22vh;
}



/* projecten */

/* .swiper.custom-swiper  .swiper-slide {
    max-width:  calc(100% - 40px);
} */

a.project-tile.project-tile-in-slider {
    height: 70vh;
	max-height: 700px;
    width: 100%;
    display: block;
    background: black;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

 @media only screen and (min-width: 1000px) {

.laatste-werk-on-case .swiper-slide {
    max-width: 450px;
}
}

.project-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.project-bg {
    transition: .55s cubic-bezier(0.3, 0.2, 0, 1.01);
}

a:hover .project-bg  {
	transform: scale(1.04);
}

.project-content {
    position: absolute;
	max-width: 450px;
    z-index: 100;
    bottom: 0;
    left: 0;
    padding: 60px;
	  color: white;
}

.project-content h3 {
    font-family: "Bricolage Grotesque", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.04em;
    color: white;
}
/* 
.project-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0000007d, transparent);
}
 */

.project-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000b0, #0000002e);
}

.project-meta-item {
    border-bottom: 1px solid var(--VanAssBgMidMid, #E5DCD5);
    display: flex;
    padding: 8px 0;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.project-meta-start {
    font-weight: bold;
}

.project-meta-full-wrapper {
    background: white;
    padding: 24px;

    border-radius: 8px;
}

  .project-meta-item:last-child {
        border-bottom: none;
    }
    
.project-meta-start {
    display: flex;
    align-items: center;
    gap: 5px;
}


.project-meta-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.project-meta-top .project-meta-item {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.project-meta-top  .project-meta-end {
/* font-family: "Bricolage Grotesque Condensed"; */
font-family: "Bricolage Grotesque Condensed", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 26.4px */
letter-spacing: -0.48px;
}

.project-meta-end {
    text-align: right;
}



.project-meta-wrapper .project-meta-item {
    gap: 16px;
}


@media only screen and (max-width: 600px) {

.project-meta-wrapper .project-meta-item {
    gap: 0px;
    display: flex;
    flex-direction: column;
	 text-align: left;
}
	
.project-meta-end {
    text-align: left;
}

	

}





.swiper-wrapper {
    overflow: visible !important;
}

.swiper.custom-swiper {
    overflow: visible;
}

html,body {
    overflow-x: clip !important;
}

.swiper.custom-swiper .swiper-pagination {
    position: absolute;
    bottom: -60px !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.swiper.custom-swiper span.swiper-pagination-bullet {
    width: 16px;
    height: 16px !important;
}


.swiper.custom-swiper .swiper-button-prev {
    top: -66px !important;
    right: 64px !important;
    left: auto !important;
}

.swiper.custom-swiper .swiper-button-next {
    top: -65px !important;
    right: 0;
}

.swiper.custom-swiper .swiper-button-next {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: var(--VanAssBgMidMid, #E5DCD5);
    width: 60px;
    height: 60px;
    padding: 20px;
}

.swiper.custom-swiper .swiper-button-prev {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: var(--VanAssBgMidMid, #E5DCD5);
    width: 60px;
    height: 60px;
    padding: 20px;
}

.swiper-button-disabled {
    background: white !important;
}

span.swiper-pagination-bullet:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/schroef.svg);
    position: absolute;
    background-size: contain;
    z-index: 10;
    left: 0;
    opacity: 0;
    transition: .45s cubic-bezier(0.38, 0.28, 0, 1.07);
    transform: scale(0) rotate(145deg);
}

span.swiper-pagination-bullet {
    position: relative;
    background: #E5DCD5 !important;
    opacity: 1;
	 transition: .35s cubic-bezier(0.38, 0.28, 0, 1.07);
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    background: #e5dcd500 !important;
    opacity: 1;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.expertise-labels {
    position: absolute;
    top: 54px;
    left: 60px;
    color: white;
    display: flex;
    align-items: center;
    gap: 9px;
}

.expertise-dot {
    width: 3px;
    height: 3px;
    background: white;
    border-radius: 10px;
}

.expertise-labels span {
    font-weight: bold;
}

span.is-expertise {
    color: #d7fb05;
}

.expertise-labels:after {
    height: 1px;
    position: absolute;
    content: "";
    border-bottom: 1px dashed white;
    width: 450px;
    bottom: 4px;
    left: -60px;
    display: block;
    mask-image: linear-gradient(270deg, #00000000 0%, #00000082 20%);
}


.expertise-labels.project-version span, .expertise-labels.project-version {
    color: white !important;
    font-weight: bold;
}

.project-content p {
    margin: 0;
}



.project-expert-grid-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
}

.project-expert-grid-container a.project-tile {
    display: block;
    padding-bottom: 40%;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
	 width: 100%;
}




@media only screen and (min-width: 999px) {

/* Item 1 en 4 van elke rij: 60% */
.project-expert-grid-container a.project-tile:nth-child(4n+1),
.project-expert-grid-container a.project-tile:nth-child(4n+4) {
    width: calc(55% - 5px);
}

/* Item 2 en 3 van elke rij: 40% */
.project-expert-grid-container a.project-tile:nth-child(4n+2),
.project-expert-grid-container a.project-tile:nth-child(4n+3) {
    width: calc(45% - 5px);
}
}


/* stripes */
.swiper-button-lines {
    position: absolute;
    top: -92px;
    width: 135px;
    height: 70px;
    right: -5px;
    border-left: 1px dashed #737373;
    border-right: 1px dashed #737373;
    opacity: .5;
}

.swiper-button-lines:after {
    position: absolute;
    width: calc(100% + 100px);
    left: -50px;
    height: 1px;
    top: 0;
    content: "";
    border-top: 1px dashed #737373;
     mask-image: linear-gradient(90deg,  transparent 0%, black 20%, black 80%,  transparent 100%);

}

.swiper-button-lines:before {
    position: absolute;
    width: calc(100% + 100px);
    left: -50px;
    height: 1px;
    bottom: 0;
    content: "";
    border-top: 1px dashed #737373;
    mask-image: linear-gradient(90deg,  transparent 0%, black 20%, black 80%,  transparent 100%);
}


.lines-container {
	position: relative !important;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-block-end: 0.5rem !important;
    margin-block-start: -0.6rem !important;
}


.guidelines-bottom {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.guidelines-bottom:after {
    height: 200px;
    position: absolute;
    content: "";
    border-left: 1px dashed white;
    width: 1px;
    bottom: 0px;
    right: 0px;
    display: block;
    mask-image: linear-gradient(180deg, #00000000 0%, #00000082 20%);

}

.guidelines-bottom:before {
    height: 1px;
    position: absolute;
    content: "";
    border-bottom: 1px dashed white;
    width: 450px;
    top: 0px;
    left: 0px;
    display: block;
  mask-image: linear-gradient(270deg, #00000000 0%, #00000082 20%);
}

.guidelines-inner {
    position: absolute;
    inset: 0;
    background-image: url(/wp-content/uploads/pattern-light.png);
    background-size: 8px;
    mask-image: linear-gradient(45deg, #00000000 0%, #0000007a 80%);

}

.guidelines-top .guidelines-inner {

    mask-image: linear-gradient(135deg, #00000000 0%, #0000007a 80%);

}


.guidelines-top{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: 0px;
   
}

.guidelines-top:after {
    height: 200px;
    position: absolute;
    content: "";
    border-left: 1px dashed white;
    width: 1px;
    top: 0px;
    right: 0px;
    display: block;
    mask-image: linear-gradient(0deg, #00000000 0%, #00000082 20%);

}

.guidelines-top:before {
    height: 1px;
    position: absolute;
    content: "";
    border-bottom: 1px dashed white;
    width: 450px;
    bottom: 0px;
    left: 0px;
    display: block;
  mask-image: linear-gradient(270deg, #00000000 0%, #00000082 20%);
}

.elementor-widget-html.geen-relative {
    position: initial !important;
}

.guidelines-top.inset-version {
    top: -60px;
	left: -60px;
}

.guidelines-bottom.inset-version {
    bottom: -60px;
	left: -60px;
}



/* contact persoon */

.contact-persoon-image {
    width: 55px;
	min-width: 55px;
    height: 55px;
    background-size: cover;
    border-radius: 4px;
    background-position: center !important;
}

.elementor-widget-contact_persoon > .elementor-widget-container {
    display: flex;
/*     background: #F6F2F0; */
	 background: #FFF;
    padding: 4px;
    border-radius: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.contact-persoon {
    display: flex;
    flex-wrap: nowrap;
     justify-content: space-between; 
    width: 100%;
}

.contact-persoon-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-persoon-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

a.contact-persoon-email {
    display: flex;
    align-items: center;
    gap: 8px;
}

a.contact-persoon-telefoon {
    display: flex;
    align-items: center;
    gap: 9px;
}

.contact-persoon-info h3 {
    margin: 0 !important;
    font-size: 17px;
}

.contact-persoon-info p {
    font-size: 14px;
    margin: 0 !important;
    line-height: 16px;
}


.contact-persoon-right svg {
    margin: 0 !important;
   
}

.contact-persoon-right a {
	opacity: 0.65 !important;
	transition:  .3s ease-in-out;
}


.contact-persoon-right a:hover {
	opacity: 1 !important;
}


.contact-persoon-mail-icon {
     margin: 0 !important;
    max-height: 32px;
}

.contact-persoon-telefoon-icon {
         margin: 0 !important;
    max-height: 32px;
}
/* 
.contact-persoon-image {
    margin-right: 11px;
}
 */
.contact-persoon-right a {
    font-weight: bold;
	font-size: 15px;
}



a.algemeen-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 0px;
    font-weight: bold;
}



a.algemeen-contact svg {
    transition: .35s cubic-bezier(0.38, 0.28, 0, 1.07);
}

a.algemeen-contact:hover svg {
    transform: translateX(4px);
}

.contact-max-content.elementor-widget-contact_persoon {
    max-width: max-content !important;
}

.contact-persoon {
    gap: 10px;
    display: flex;
    justify-content: flex-start;
}

.contact-persoon-left {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 600px) {

	.elementor-widget-contact_persoon {
    max-width: 100% !important;
}
	
.contact-persoon-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-persoon-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.elementor-widget-contact_persoon {
    width: 100%;
}

.contact-persoon-image {
    height: 100%;
    width: 120px;
}

.contact-persoon {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.contact-persoon-right svg {
    height: 24px;
}

.contact-persoon-mail-icon {
    height: 24px;
}


.contact-persoon-telefoon-icon{
    height: 24px;
}

.contact-persoon-telefoon-icon {}

.contact-persoon-left {
    width: 100%;
}

.contact-persoon-right {
    width: 100%;
}

.contact-persoon-right a {
    width: 100%;
}

a.contact-persoon-email {
    border-bottom: 1px solid #e5dcd6;
    padding-bottom: 4px;
}

}

/* small width */


.contact-persoon.small-width .contact-persoon-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-persoon.small-width .contact-persoon-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.elementor-widget-contact_persoon {
    width: 100%;
}

.contact-persoon.small-width .contact-persoon-image {
    height: 100%;
    width: 140px;
}

.contact-persoon.small-width{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.contact-persoon.small-width .contact-persoon-right svg {
    height: 24px;
}

.contact-persoon.small-width .contact-persoon-mail-icon {
    height: 24px;
}


.contact-persoon.small-width .contact-persoon-telefoon-icon{
    height: 24px;
}


.contact-persoon.small-width .contact-persoon-left {
    width: 100%;
}

.contact-persoon.small-width .contact-persoon-right {
    width: 100%;
}

.contact-persoon.small-width .contact-persoon-right a {
    width: 100%;
}

.contact-persoon.small-width a.contact-persoon-email {
    border-bottom: 1px solid #e5dcd6;
    padding-bottom: 4px;
}

/* einde small width */


span.and-expertise {
/*     font-family: GrotCondLight; */
	font-family: "Bricolage Grotesque Condensed";
    font-weight: 300 !important;
	color: #DDF742 !important;
}


@media only screen and (min-width: 1000px) {
	
.h1-middle-lines {
  font-size: 65px
}
	
}


/* Expertise */

.in-expertise-contact .e-con-inner {
    padding: 50px;
}

.in-expertise-contact .e-con.e-parent.e-lazyloaded {
    border-radius: 8px;
    overflow: hidden !important;
}

expertise-featured-image.elementor-widget.elementor-widget-image {}

.expertise-featured-image:after {
    height: 1000px;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
    top: -340px;
    mask-image: linear-gradient(180deg, #00000000 0%, #00000082 20%, #00000082 80%, #00000000 100%);
}

.expertise-featured-image:before {
    height: 1000px;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: -340px;
    mask-image: linear-gradient(180deg, #00000000 0%, #00000082 20%, #00000082 80%, #00000000 100%);
}

.expertise-intro:after {
     width: 100vw;
     border-bottom: 1px dashed #737373;
     position: absolute;
     content: "";
     height: 1px;
     left: 0vw;
     top: 0;
     mask-image: linear-gradient(90deg, #00000000 0%, #00000082 20%, #00000082 80%, #00000000 100%);
     visibility: visible;
     opacity: 1;
}


.expertise-titel h1:after {
     width: 100vw;
     border-bottom: 1px dashed #737373;
     position: absolute;
     content: "";
     height: 1px;
     left: calc(50% - 50vw);
     top: 0;
     mask-image: linear-gradient(90deg, #00000000 0%, #00000082 20%, #00000082 80%, #00000000 100%);
     visibility: visible;
     opacity: 1;
}

.expertise-titel h1:before {
     width: 100vw;
     border-bottom: 1px dashed #737373;
     position: absolute;
     content: "";
     height: 1px;
     left: calc(50% - 50vw);
     bottom: .3em;
     mask-image: linear-gradient(90deg, #00000000 0%, #00000082 20%, #00000082 80%, #00000000 100%);
     visibility: visible;
     opacity: 1;
}

.titel-sectie-bg-container {
    animation: titel-intro-animation 6s cubic-bezier(0.17, 0.29, 0, 1.03) forwards;
	background-size: cover !important;
}


@keyframes titel-intro-animation {
    0% {
        background-size: 120%;
        
    }
    100% {
         background-size: 100%;
    }
}



/* Expertise pagina */

.project-topbar:after {
    background-image: url(/wp-content/uploads/pattern-light.png);
    background-size: 8px;
    /* mask-image: linear-gradient(45deg, #00000000 0%, #0000007a 80%); */
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
}

.project-topbar:before {
         width: 100vw;
     border-bottom: 1px dashed #fff;
     position: absolute;
     content: "";
     height: 1px;
     left: calc(50% - 50vw);
     top: 0px;
     mask-image: linear-gradient(90deg, #ffffff00 0%, #ffffff82 20%, #ffffff82 80%, #ffffff00 100%);
     visibility: visible;
     opacity: 1;
}

.project-topbar-outer:before {
    height: 1500px;
    border-left: 1px dashed #fff;
    width: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: -300px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}

/* .project-topbar-outer:after {
    height: 1500px;
    border-left: 1px dashed #fff;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
    top: -300px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
} */

.project-topbar-outer:after {
    height: 1500px;
    border-left: 1px dashed #fff;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
    top: -300px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}

.project-topbar-outer.geen-lijn-rechts:after {
    height: 1500px;
    border-left: 1px dashed #fff;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
    opacity: 0;
    top: -300px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}



.project-meta-container:after {
    height: 1500px;
    border-left: 1px dashed #fff;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
    top: -300px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}

.project-meta-container:before {
    height: 1500px;
    border-left: 1px dashed #fff;
    width: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: -300px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}

/* Footer */

.footer-top-bar:after {
      width: 100vw;
     border-bottom: 1px dashed #737373;
     position: absolute;
     content: "";
     height: 1px;
     left: calc(50% - 50vw);
     bottom:  16px;
     mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
     visibility: visible;
     opacity: 1;
}



.footer-top-bar:before {
      width: 100vw;
     border-bottom: 1px dashed #737373;
     position: absolute;
     content: "";
     height: 1px;
     left: calc(50% - 50vw);
     top: 0px;
     mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
     visibility: visible;
     opacity: 1;
}



.footer-top-bar-left:before {
    height: 500px;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: -240px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}


.footer-top-bar-right:after {
    height: 500px;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
     top: -240px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}


.footer-top-bar-right:before {
    height: 500px;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: -240px;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}



.footer-bottom-bar:before {
      width: 100vw;
     border-bottom: 1px dashed #737373;
     position: absolute;
     content: "";
     height: 1px;
     left: calc(50% - 50vw);
     top: 0px;
     mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
     visibility: visible;
     opacity: 1;
}

.footer-container-outer {
    overflow: hidden;
}

.footer-top-container:after {
    position: absolute;
    background-image: url(/wp-content/uploads/pattern-light.png);
    background-size: 8px;
    mask-image: linear-gradient(45deg, #00000000 0%, #0000007a 80%);
    content: "";
    top: -90px;
    width: 50vw;
    height: 90px;
    left: -50vw;
    opacity: .3;
}

.footer-top-container:before {
    position: absolute;
    background-image: url(/wp-content/uploads/pattern-light.png);
    background-size: 8px;
    mask-image: linear-gradient(-45deg, #00000000 0%, #0000007a 80%);
    content: "";
    bottom: 100px;
    width: 50vw;
    height: 90px;
    right: -50vw;
    opacity: .3;
    left: auto;
    top: -90px;
}

.footer-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: stretch;
}

.footer-menu a {
    color: white;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #ffffff1c;
    padding-top: 18px;
    padding-bottom: 18px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 28px;
    font-weight: 600;
    opacity: .8;
    position: relative;
    transition: .45s cubic-bezier(0.38, 0.28, 0, 1.07);
}
.footer-menu a:hover {
    opacity: 1;
     color: white;
     border-bottom: 1px dashed #ffffff6b;
}

.footer-top-bar:after {
    width: 100vw;
    border-bottom: 1px dashed #737373;
    position: absolute;
    content: "";
    height: 1px;
    left: calc(50% - 50vw);
    bottom: 0px;
    mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
    visibility: visible;
    opacity: 1;
}

.footer-menu a:before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 4px;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    transition: .45s cubic-bezier(0.38, 0.28, 0, 1.07);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.81884%202.71753e-05L12.4296%202.74035e-05C12.5242%201.21083%2012.8175%202.27029%2013.3094%203.17839C13.7823%204.08649%2014.454%204.86216%2015.3242%205.5054L15.3242%206.95269C14.7188%207.36891%2014.2175%207.8608%2013.8202%208.42836C13.404%209.01484%2013.0823%209.63916%2012.8553%2010.3013C12.6283%2010.9824%2012.4769%2011.6919%2012.4013%2012.4297L9.76209%2012.4297C9.83776%2011.8432%209.98911%2011.2283%2010.2161%2010.5851C10.4432%209.94186%2010.7742%209.33646%2011.2094%208.7689C11.6256%208.20133%2012.1553%207.70944%2012.7986%207.29323L12.7986%207.17972L-2.14954e-05%207.40674L-2.1287e-05%205.02297L12.7986%205.27838L12.7986%205.16486C12.1742%204.84324%2011.654%204.38919%2011.2378%203.80271C10.8215%203.21623%2010.4999%202.58244%2010.2729%201.90137C10.0459%201.23921%209.89452%200.605429%209.81884%202.71753e-05Z%22%20fill%3D%22%23F6F2F0%22%2F%3E%3C%2Fsvg%3E);
}
.footer-menu a:hover:before {
 right: 0px;
}



/* werkwijze */



@media only screen and (min-width: 778px) {
    .van-ass-image-left-inner {
    width: 50vw;
    right: 0 !important;
    position: absolute;
    height: 100%;
    border-radius: 0 8px 8px 0;
}
}

span.e-n-accordion-item-title-header h3 {
    font-size: 24px !important;
    padding-top: 12px;
    padding-bottom: 0;
	 opacity: .3;
}

span.e-n-accordion-item-title-header h3 {
    font-size: 24px !important;
	position: relative;
    padding-top: 12px;
	padding-right: 50px;
    padding-bottom: 0;
	 opacity: .3;
	 transition: 1.4s cubic-bezier(0.72, 0.38, 0.08, 1.27) !important;
}

summary[aria-expanded="true"]  span.e-n-accordion-item-title-header h3 {
	 opacity: 1;
}


.e-n-accordion-item > div {
    border: 0px;
}

.e-n-accordion-item {
    border-bottom: 1px dashed #BDB6AE;
}

.e-n-accordion-item:last-child {
        border-bottom: none;
    }
    

summary.e-n-accordion-item-title {
    padding-bottom: 0 !important;
}


.e-n-accordion:after{
    height: 140%;
    border-left: 1px dashed #BDB6AE;
    width: 1px;
    position: absolute;
    content: "";
    right: 0;
    top: -20%;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}

.e-n-accordion:before{
    height: 140%;
    border-left: 1px dashed #BDB6AE;
    width: 1px;
    position: absolute;
    content: "";
    left: 0;
    top: -20%;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}

.elementor-widget-n-accordion:after {
    width: 150%;
    border-bottom: 1px dashed #737373;
    position: absolute;
    content: "";
    height: 1px;
    left: -25%;
    bottom: 0;
    mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
    visibility: visible;
    opacity: 1;
}

.elementor-widget-n-accordion:before {
    width: 150%;
    border-bottom: 1px dashed #737373;
    position: absolute;
    content: "";
    height: 1px;
    left: -25%;
    top: 0;
    mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
    visibility: visible;
    opacity: 1;
}

.van-ass-faq-container:before {
    position: absolute;
    background-image: url(/wp-content/uploads//pattern-dark-1.png);
    background-size: 8px;
    mask-image: linear-gradient(
90deg, #00000000 0%, #0000007a 80%);
    content: "";
    top: 0;
    width: 90px;
    height: 100%;
    left: -90px;
    opacity: .3;
}
}


h3.e-n-accordion-item-title-text {
    padding-right: 60px;
    position: relative;
}

h3.e-n-accordion-item-title-text {
    width: 100% !important;
}

span.e-n-accordion-item-title-header {
    width: 100%;
}

h3.e-n-accordion-item-title-text:after {
    height: 24px;
    width: 24px;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%200C18.6274%200%2024%205.37258%2024%2012C24%2018.6274%2018.6274%2024%2012%2024C5.37258%2024%200%2018.6274%200%2012C0%205.37258%205.37258%200%2012%200ZM10.7243%205.30526V8.43528C10.7243%209.0432%2010.4828%209.6263%2010.0532%2010.0564C9.62356%2010.4865%209.04075%2010.7285%208.43281%2010.7292H5.30526V13.5081H8.43281C9.04073%2013.5088%209.62357%2013.7508%2010.0532%2014.1809C10.4828%2014.611%2010.7242%2015.1941%2010.7243%2015.8021V18.9271H13.5032V15.8021C13.5032%2015.1941%2013.7444%2014.611%2014.174%2014.1809C14.6036%2013.7508%2015.1865%2013.5088%2015.7944%2013.5081H18.9146L18.9195%2010.7243H15.7944C15.1865%2010.7236%2014.6036%2010.4816%2014.174%2010.0515C13.7444%209.62137%2013.5032%209.03826%2013.5032%208.43035V5.30526H10.7243Z%22%20fill%3D%22%233F3F3F%22%2F%3E%3C%2Fsvg%3E);
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
/*     opacity: .3; */
	/* van assem schroef transition */
    transition: 1.4s cubic-bezier(0.72, 0.38, 0.08, 1.27) !important;
}

.van-assem-schroef-transition {
	transition: 1.4s cubic-bezier(0.72, 0.38, 0.08, 1.27) !important;
}

summary[aria-expanded="true"] h3.e-n-accordion-item-title-text:after {
    transform: rotate(135deg);
    opacity: 1;
}



.van-ass-detail-block-inner {
    position: absolute;
    width: calc(100% - 60px);
    transform: translateY(100%);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.van-ass-detail-block-inner h3 {
    margin-top: -0px !important;
    transform: translateY(-100%);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.van-ass-detail-block-inner p {
    transform: translateY(50%);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

.van-ass-detail-block-outer:hover .van-ass-detail-block-inner {

    transform: translateY(0%);
}

.van-ass-detail-block-outer:hover .van-ass-detail-block-inner h3 {
    transform: translateY(0%);
}

.van-ass-detail-block-outer:hover .van-ass-detail-block-inner p {
    transform: translateY(0%);
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}


.van-ass-detail-block-outer {
    position: relative;
    overflow: hidden;
}

.van-ass-yellow-quote-block h3 {
    line-height: 1.5;
    margin-top: 10px !important;;
}


.van-ass-detail-block-outer .guidelines-bottom {
    bottom: -30px;
    left: -30px;
}

.van-ass-detail-block-outer:after {
    width: 55px;
    content: "";
    height: 55px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2253%22%20height%3D%2253%22%20viewBox%3D%220%200%2053%2053%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.5%200C41.1355%200%2053%2011.8645%2053%2026.5C53%2041.1355%2041.1355%2053%2026.5%2053C11.8645%2053%200%2041.1355%200%2026.5C0%2011.8645%2011.8645%200%2026.5%200ZM23.6827%2011.7158V18.6279C23.6827%2019.9704%2023.1496%2021.2581%2022.2008%2022.2079C21.252%2023.1578%2019.965%2023.6922%2018.6225%2023.6936H11.7158V29.8305H18.6225C19.965%2029.832%2021.252%2030.3664%2022.2008%2031.3162C23.1496%2032.266%2023.6827%2033.5537%2023.6827%2034.8962V41.7974H29.8196V34.8962C29.8196%2033.5537%2030.3522%2032.266%2031.3009%2031.3162C32.2497%2030.3664%2033.5369%2029.832%2034.8793%2029.8305H41.7696L41.7805%2023.6827H34.8793C33.5369%2023.6812%2032.2497%2023.1468%2031.3009%2022.197C30.3522%2021.2472%2029.8196%2019.9595%2029.8196%2018.617V11.7158H23.6827Z%22%20fill%3D%22%23F6F2F0%22%2F%3E%3C%2Fsvg%3E);
    position: absolute;
    top: 30px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;    
}


.van-ass-detail-block-outer:hover:after {
    transform: rotate(135deg);
    /* van assem schroef transition */
    transition: 1.4s cubic-bezier(0.22, 0.46, 0, 1.1) !important;
}

.step-swiper .swiper-slide {
    max-width: 400px;
}

.step {
    border-radius: 8px;
    overflow: hidden;
    height: 70vh;
    max-height: 600px;
}

.step-bg:after {
    content: "";
    inset: 0;
    position: absolute;
    background: black;
    opacity: .4;
}

.step-content {
    position: absolute !important;
    bottom: 0;
    padding: 30px !important;
}

.step-content * {
    color: var(--e-global-color-0d091cf);
}

span.step-number {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 10;
    color: white;
    background: var(--e-global-color-text);
    display: block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-weight: 700;
    font-size: 20px;
}


/* Circulair */

a.project-tile {
    width: 100%;
    display: block;
    min-height: 600px;
    overflow: hidden !important;
    border-radius: 8px !important;
    position: relative;
}


/* animation overrules */

.fadeInUp {
    animation-name: fadeInUpCustom !important;
/* 	animation-timing-function: cubic-bezier(.52,.49,.03,.99); */
	animation-timing-function: cubic-bezier(0.12, 0.47, 0.03, 0.99)
	animation-duration: 2400ms !important;	
}


[data-settings*="fadeInDown"] {
	/* jouw CSS hier */
	opacity: 0;
}

.fadeInDown.animated {
	animation-fill-mode: forwards  !important;;
	opacity: 1;
}


/* .fadeInDown {
    animation-name: fadeInDownCustom !important;
 	animation-timing-function: cubic-bezier(.52,.49,.03,.99); 
	animation-timing-function: cubic-bezier(0.12, 0.47, 0.03, 0.99)
	animation-duration: 2400ms !important;	
}
 */

/* @keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translate3d(0,20%,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
 */

@keyframes fadeInUpCustom {
    0% {
        opacity: 0;
        transform: translate3d(0, min(20%, 200px), 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}



.van-ass-full-width-quote strong {
    color: var(--e-global-color-primary);
}





/* circulair */

.circ-bg-layer {
    width: 100vw;
    left: calc(50% - 50vw) !important;
    position: absolute;
	overflow: hidden;
}

.circ-bg-layer {
    transition: none !important;
}

.circ-steps {
    display: flex;
    background: white;
    padding: 6px;
    border-radius: 100px;
    margin-top: 12px;
    gap: 5px;
}

a.circ-steps-step {
    border-radius: 100px;
    font-weight: 600;
    padding: 11px 18px;
}

a.circ-steps-step.circ-step-active {
    background: #3f3f3f;
    color: white;
}


/* over ons */

.tabs-outer-container .e-n-tabs-content {
    margin-top: -240px;
    z-index: 1;
}

.e-n-tabs-heading {
    z-index: 10;
}


.tabs-outer-container .e-n-tab-title[aria-selected="true"] {
    background: #3f3f3f !important;
    color: #f7f2f0;
}

.tabs-outer-container .e-n-tab-title {
    border-radius: 100px !important;
    background: transparent !important;
    color: #f7f2f0 !important;
}

.tabs-outer-container .e-n-tab-title span {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.tabs-outer-container .e-n-tabs-heading {
    border: 1px solid #ffffff38;
    padding: 10px;
    display: inline-flex !important;
    max-width: fit-content;
    margin: 0 auto;
    border-radius: 100px;
    padding: 5px;
}

@media only screen and (min-width: 999px) {
.tabs-outer-container .e-n-tab-title span {
    font-size: 20px !important;
    font-weight: 600 !important;
}
}


@media only screen and (max-width: 999px) {


.tabs-outer-container .e-n-tab-title {
    margin-bottom: 0px !important;
    padding: 6px 24px;
    margin-top: 0px !important;
}
}


@media only screen and (max-width: 800px) {
/* .tabs-outer-container .e-n-tabs-content {
    margin-top: 0px !important;
    padding-top: 30px;
} */

	.tabs-outer-container h2 {
		font-size: 36px !important;
}
	
	
.tabs-outer-container .e-n-tabs-content {
    display: block;
    margin-top: -320px !important;
    min-height: 900px !important;
}

.e-n-tabs-content > div {
    height: 100% !important;
    max-height: 100%;
    min-height: 900px !important;
}

.tabs-outer-container .e-n-tabs-heading {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 24px;
    border: 0px;
}
}


span.h1-thin {
    font-family: GrotCondLight;
    font-weight: 300 !important;
}


.project-tile.project-tile-in-slider.team-lid-variant {
    width: 100%;
    height: 460px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.team-lid-variant .project-content {
    padding: 30px;
}

.team-lid-slider  .swiper-slide {
    max-width: 350px;
}

.team-slider-container:after {
    content: "";
    width: 100vw;
    height: 350px;
    position: absolute;
    top: -1px;
    background: var( --e-global-color-text );
    left: calc(50% - 50vw);
    z-index: 1;
}

.team-slider-container > .e-con-inner {
    z-index: 3;
}


/* Werken bij */

h3.elementor-icon-box-title {
    margin-bottom: 0px !important;
}

.elementor-icon-box-content {
    margin-bottom: 12px;
}

span.elementor-icon {
    border-radius: 12px;
    background: var(--VanAssBgMidMid, #E5DCD5);
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    padding: 20px;
}

span.elementor-icon svg {
    width: 100%;
    height: 100%;
}




@media only screen and (min-width: 767px) {
	
	
.icon-outer-container:after {
 height: 115%;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    left: 64px;
    top: -15%;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}


.icon-outer-container:before {
 height: 115%;
    border-left: 1px dashed #737373;
    width: 1px;
    position: absolute;
    content: "";
    left: 0px;
    top: -15%;
    mask-image: linear-gradient(180deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
}


.icon-outer-container .elementor-widget-icon-box:last-child .elementor-icon-box-icon:before {
   width: 100px;
   border-bottom: 1px dashed #737373;
   height: 1px;
   position: absolute;
   content: "";
   left: -20px;
   bottom: 0%;
   mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
   visibility: visible;
}

.elementor-icon-box-icon {
    position: relative;
}


.icon-outer-container .elementor-widget-icon-box:first-child .elementor-icon-box-icon:before {
   width: 100px;
   border-top: 1px dashed #737373;
   height: 1px;
   position: absolute;
   content: "";
   left: -20px;
   top: 0%;
   mask-image: linear-gradient(90deg, #00000000 0%, #ffffff82 20%, #ffffff82 80%, #00000000 100%);
   visibility: visible;
}

}

/* Vacature lijst */

.vacature-meta {
    color: var(--VanAssBgDark, #3F3F3F);
    opacity: .6;
    display: flex;
    gap: 16px;
    margin-bottom: 7px;
}

a.vacature-item h3 {
    position: relative;
    padding-right: 30px;
    margin-bottom: 4px !important;
}

a.vacature-item h3 .vacature-arrow {
    position: absolute;
    right: 0;
    top: 5px;
    transition: .4s cubic-bezier(0.55, 0.2, 0.19, 1) !important;
}

a.vacature-item:hover h3 .vacature-arrow {
    right: -5px;
}

a.vacature-item {
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px dashed;
    margin-bottom: 28px;
}


.image-slider .swiper-slide {
    width: auto;
}



.image-slider .swiper-slide img {
    border-radius: 8px;
}

.image-slider .swiper-slide img {
    object-fit: cover;
}

.image-slider .swiper-slide  img {
    mask-image: linear-gradient(black 60%, #00000085);
}

.tabs-inline .e-n-tabs-heading {
       display: inline-flex !important;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: center;
    background: white;
    padding: 5px;
     max-width: fit-content;
    border-radius: 100px;
}

.tabs-inline  .e-n-tab-title[aria-selected="false"] span{
    color: #3f3f3f !important;
}

.e-n-tab-title {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}

.tabs-inline  .e-n-tab-title[aria-selected="true"] {
    background: #3f3f3f !important;
    color: #f7f2f0;
}


.tabs-inline .e-n-tab-title {
    border-radius: 100px !important;
    background: transparent !important;
    color: #f7f2f0 !important;
}

.tabs-inline .e-n-tab-title span {
    font-size: 14px !important;
    font-weight: 600 !important;
}


.tabs-inline .e-n-tab-title {
    padding: 7px 20px !important;
}

.step-no-image .step {
    height: auto;
    max-height: initial;
}

.step-no-image .step-content {
    position: initial !important;
    margin-top: 60px;
}

.step-no-image .step-content * {
    color: #3f3f3f;
}
.step-no-image .step-content {
    padding: 0 !important;
    margin-top: 90px;
}

.step-no-image span.step-number {
    left: 0;
}

.vacatures-dark-bg .vacature-lijst * {
    color: white;
}

.vacatures-dark-bg a.vacature-item {
    border-color: #ffffff45;
}



.gm-style-iw-a {
    display: none;
}

.geen-block-end-start p, .geen-block-end h3 ,.geen-block-end h2 {
    margin-block-end: 0rem !important;
    margin-block-start: 0rem !important;
}

.footer-social-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 32px;
    align-content: center;
}

a.footer-social {
    color: white;
    display: inline-flex;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    font-weight: 600;
    opacity: .8;
    position: relative;
    transition: .45s 
cubic-bezier(0.38, 0.28, 0, 1.07);
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.footer-social-right a {
        opacity: .8;
        display: inline-flex;
        position: relative;
        transition: .45s 
cubic-bezier(0.38, 0.28, 0, 1.07);
        margin-bottom: -4px !important;
}

.footer-social-container a:hover{
   opacity: 1;
     color: white !important;
}



.footer-social-right {
    margin-bottom: -6px;
	 display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
}


.contact-page-contact-info {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
}


.contact-page-contact-info a{
  color: #1d1d1b;
    display: inline-flex;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    font-weight: 600;
}


.contact-page-contact-info svg rect {
  fill: #E5DCD5;
}

.contact-page-contact-info {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
}


.contact-page-contact-info a{
  color: #1d1d1b;
    display: inline-flex;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    font-weight: 600;
}


.contact-page-contact-info svg rect {
  fill: #E5DCD5;
}

.contact-extra-info {
    color: var(--VasAssDarkForGreen, #BDB6AD);
/*     font-family: Inter; */
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    border-top: 1px solid #bdb6ad59;
    padding-top: 12px;
}


@media only screen and (max-width: 999px) {
	.contact-block-overlay {
    position: initial;
}
.contact-block-overlay  .e-con-full {
    width: 100%;
    padding: 0;
}
}


span.font-midden {
    font-family: "Noto Serif", Sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-transform: none;
    font-style: italic;
    line-height: 1.3em;
    letter-spacing: -0.03em;
    color: #d7fb05;
    display: block;
    margin-top: -.2em;
}

span.font-onder {
    font-family: GrotCondLight;
    font-weight: 300 !important;
    letter-spacing: 2px;
}

span.font-boven {
    font-family: 'Bricolage Grotesque';
    font-weight: 900;
}

@media only screen and (min-width: 1000px) {
.slider-heading {
    padding-right: 190px;
}
}


@media only screen and (max-width: 999px) {
	.swiper-pagination {
		display: none !important;
	}
	
	.swiper-button-lines {
    top: auto;
    bottom: -67px !important;
    height: 55px;
}

.swiper.custom-swiper .swiper-button-prev {
    top: auto !important;
    bottom: -61px !important;
    height: 43px;
    padding: 10px;
}

.swiper.custom-swiper .swiper-button-next {
    top: auto !important;
    bottom: -61px !important;
    height: 43px;
    padding: 10px;
}



.slider-container-custom .ons-werk-na-slider {
    max-width: 200px !important;
}

}

span.projecten {
    display: inline-block;
    position: relative !important;
}


span.projecten:after {
    height: 1px;
    position: absolute;
    content: "";
    border-bottom: 1px dashed white;
    width: 500px;
    bottom: 50%;
    right: 105%;
    display: block;
    mask-image: linear-gradient(
90deg, #00000000 0%, #00000082 20%);
}

span.projecten:before {
    height:11px;
    position: absolute;
    content: "";
    border-right: 1px solid white;
    width: 50px;
    bottom: 42%;
    right: 105%;
    display: block;
}



span.and-expertise {
    display: inline-block;
    position: relative !important;
}


span.and-expertise:after {
    height: 1px;
    position: absolute;
    content: "";
    border-bottom: 1px dashed white;
    width: 500px;
    bottom: 50%;
    left: 105%;
    display: block;
    mask-image: linear-gradient(
270deg, #00000000 0%, #00000082 20%);
}

span.and-expertise:before {
    height:11px;
    position: absolute;
    content: "";
    border-left: 1px solid white;
    width: 50px;
     bottom: 42%;
    left: 105%;
    display: block;
}






.project-topbar-outer .elementor-widget-heading {
    z-index: 100;
    position: relative ;
}


/* solliciteren */

.zijkant-solliciteer:before {
    height: calc(100% + 200px);
    position: absolute;
    content: "";
    border-left: 1px dashed #3f3f3f;
    width: 1px;
    top: -150px;
    right: 0px;
    opacity: 0.5;
    display: block;
    mask-image: linear-gradient(180deg, #00000000 0%, #00000082 10%, #00000082 90%, #00000000 100% );
}

.zijkant-solliciteer:after {
    height: calc(100% + 200px);
    position: absolute;
    content: "";
    border-left: 1px dashed #3f3f3f;
    width: 1px;
    top: -150px;
    opacity: 0.5;
    right: 0px;
    display: block;
    mask-image: linear-gradient(180deg, #00000000 0%, #00000082 10%, #00000082 90%, #00000000 100% );
}

.zijkant-solliciteer {
  padding-left: 2px !important;
 padding-right: 2px !important;
}

.zijkant-solliciteer-boven:after {
    height:1px;
    position: absolute;
    content: "";
    border-bottom: 1px dashed #3f3f3f;
    width:calc(100% + 50px); 
    top: 0px;
    left: -25px;
    opacity: 0.5;
    display: block;
    mask-image: linear-gradient(90deg, #00000000 0%, #00000082 10%, #00000082 90%, #00000000 100% );
}    
}



/* tijdlijn */



  .timeline-container {
    position: relative;
    padding: 40px 0;
  }

  .timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 1px;
    transform: translateX(-50%);
    border-left: 1px dashed white;
     mask-image: linear-gradient(0deg, #00000000 0%, #00000029 10% , #00000029 95%,  #00000000 100%);
  }

  .timeline-items {
    position: relative;
  }

  .timeline-item {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    height: 0;
    top: calc(var(--position, 0) * 1px);
  }

  .timeline-dot {
    position: absolute;
    width: auto;
    height: 27px;
    background: #1d1d1b;
    border: 1px solid #3F3F3F;
    border-radius: 40px;
    color: #d7fb05;
    cursor: pointer;
    left: calc(50% - 62px);
    z-index: 10;
    top: 0;
    padding: 1px 18px 0px 11px;
    font-weight: bold;
    text-align: left;
    min-width: 73px;
  }

  .timeline-dot-inner {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #f7f2f0;
    border-radius: 50%;
    top: 50%;
    right: 4px;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: all 0.3s ease;
    
  }

  .timeline-dot:hover  {
  background: #3F3F3F;
  }

  .timeline-dot:hover .timeline-dot-inner {
    opacity: .5
  }

.timeline-text h3 {
    color: #f7f2f0 !important;
}

  .timeline-content {
    position: absolute;
    color: white !important;
    border-radius: 8px;
    padding: 0;
    min-width: 250px;
    max-width: calc(50% - 175px);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    transition: all 0.3s ease;
    z-index: 5;
    top: 74px;
    margin-top: -60px;
  }

  .timeline-content-left {
    right: calc(50% + 175px);
    /* transform-origin: right center; */
  }

  .timeline-content-right {
    left: calc(50% + 175px);
    /* transform-origin: left center; */
    width: 100%;
  }

  .timeline-content.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }

  .timeline-content-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .timeline-year {
    font-weight: bold;
    font-size: 16px;
    color: #3F3F3F;
  }

  .timeline-text {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
  }


.timeline-content p, .timeline-content b {
    color: #f7f2f0;
}

.timeline-content-inner {
    position: relative;
/*     padding-top: 16px; */
}

.timeline-content-inner:after {
    width: calc(100% + 175px);
    border-top: 1px dashed #f7f2f029;
    content: "";
    top: 0;
    position: absolute;
    right: 0;
}

.timeline-content-inner:before {
    width: 175px;
    content: "";
    top: 1px;
    position: absolute;
    left: -175px;
    height: 100px;
    background-image: url(/wp-content/uploads/pattern-light.png);
    background-size: 8px;
    mask-image: linear-gradient(0deg, #00000000 0%, #00000017 80%);
}



.active .timeline-dot {
    background: #3F3F3F;
}


@media only screen and (min-width: 1000px) {



.timeline-content-left .timeline-content-inner:after {
    width: calc(100% + 175px);
    border-top: 1px dashed #f7f2f029;
    content: "";
    top: 0;
    position: absolute;
    left: 0;
}

.timeline-content-left .timeline-content-inner:before {
    right: -150px;
    left: auto;
}

.timeline-dot.dot-right {
    left: calc(50% - 17px);
        padding: 2px 9px 2px 25px;
    text-align: right;
}
	

.timeline-dot.dot-right .timeline-dot-inner {
    right: auto;
    left: 15px;
}
	
	/* correctie voor onderkant */
	
	.timeline-items .timeline-item:nth-last-of-type(-n+4) .timeline-content {
  transform: translateY(-150px)
}


.timeline-items .timeline-item:nth-last-of-type(-n+4) .timeline-content-inner:before {
   transform: translateY(150px)
}

.timeline-items .timeline-item:nth-last-of-type(-n+4) .timeline-content-inner:after {
   transform: translateY(150px)
}

	
.timeline-items .timeline-item:nth-last-of-type(-n+2) .timeline-content {
  transform: translateY(-250px)
}


.timeline-items .timeline-item:nth-last-of-type(-n+2) .timeline-content-inner:before {
   transform: translateY(250px)
}

.timeline-items .timeline-item:nth-last-of-type(-n+2) .timeline-content-inner:after {
   transform: translateY(250px)
}
	
	

}



@media only screen and (max-width: 999px) {
	
.timeline-items .timeline-item:nth-last-of-type(-n+4)
	.timeline-text {
    top: -200px;
    position: relative;
}
	
.timeline-items .timeline-item:nth-last-of-type(-n+2)
	.timeline-text {
    top: -300px;
    position: relative;
}
	
	
	
	
}


/* tijdlijn mobiel */


@media only screen and (min-width: 1000px) {
.timeline-item[data-year="1965"] span:after {
   content: "oprichting";
   color: white;
   text-transform: uppercase;
   font-size: 15px;
   margin-left: 2px;
}
}

.timeline-item[data-year="1965"] .timeline-dot.dot-left {
   left: calc(50% - 154px);
}

/* .timeline-content img {
    max-height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
} */

.timeline-content img {
    max-height: 300px;
    object-fit: cover;
    object-position: 50% 25%;
    border-radius: 8px;
}

@media only screen and (max-width: 1000px) {
.timeline-content img {
    max-height: 290px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}
}


.timeline-content a {
    color: #d6fb03;
	opacity: 0.7;
	transition:  .4s cubic-bezier(0.85, 0.41, 0, 1.03);
}

.timeline-content a:hover {
    color: #d6fb03;
	opacity: 1;
}

.timeline-zaag {
    width: 120px;
    height: 120px;
    position: absolute;
    top: -60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22115%22%20height%3D%22116%22%20viewBox%3D%220%200%20115%20116%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22path-1-inside-1_55_4776%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M109.77%2057.6L114.89%2053.98L109.35%2051.04L113.98%2046.81L108.12%2044.58L112.18%2039.8L106.09%2038.33L109.52%2033.08L103.29%2032.38L106.04%2026.74L99.77%2026.83L101.77%2020.89L95.5601%2021.76L96.8199%2015.62L90.8199%2017.26L91.29%2011.01L85.5%2013.4L85.1899%207.13998L79.74%2010.23L78.65%204.06L73.65%207.81L71.8%201.81L67.29%206.16998L64.6899%200.459991L60.76%205.34L57.48%200L54.1899%205.34L50.26%200.459991L47.67%206.16998L43.1%201.81L41.24%207.81L36.24%204.06L35.15%2010.23L29.6899%207.13998L29.39%2013.4L23.59%2011.01L24.0699%2017.26L18.0699%2015.62L19.3199%2021.76L13.12%2020.89L15.12%2026.83L8.84998%2026.74L11.6%2032.38L5.37%2033.08L8.80005%2038.33L2.70996%2039.8L6.77002%2044.58L0.910034%2046.81L5.54004%2051.04L0%2053.98L5.13%2057.6L0%2061.22L5.54004%2064.16L0.910034%2068.39L6.77002%2070.62L2.70996%2075.4L8.80005%2076.87L5.37%2082.12L11.6%2082.82L8.84998%2088.46L15.12%2088.37L13.12%2094.31L19.3199%2093.44L18.0699%2099.58L24.0699%2097.94L23.59%20104.19L29.39%20101.8L29.6899%20108.06L35.15%20104.97L36.24%20111.14L41.24%20107.39L43.1%20113.39L47.61%20109.03L50.2%20114.74L54.13%20109.86L57.42%20115.2L60.7%20109.86L64.63%20114.74L67.23%20109.03L71.74%20113.39L73.59%20107.39L78.59%20111.14L79.6801%20104.97L85.13%20108.06L85.5%20101.81L91.29%20104.2L90.8199%2097.95L96.8199%2099.59L95.5601%2093.45L101.77%2094.32L99.77%2088.38L106.04%2088.47L103.29%2082.83L109.52%2082.13L106.09%2076.88L112.18%2075.41L108.12%2070.63L113.98%2068.4L109.35%2064.17L114.89%2061.23L109.77%2057.6ZM57.42%2067.54C55.4541%2067.54%2053.5322%2066.957%2051.8976%2065.8648C50.263%2064.7726%2048.989%2063.2202%2048.2367%2061.4039C47.4844%2059.5876%2047.2875%2057.589%2047.671%2055.6608C48.0546%2053.7327%2049.0012%2051.9615%2050.3914%2050.5714C51.7815%2049.1812%2053.5527%2048.2346%2055.4808%2047.851C57.409%2047.4675%2059.4076%2047.6643%2061.2239%2048.4166C63.0402%2049.169%2064.5926%2050.443%2065.6848%2052.0776C66.777%2053.7123%2067.36%2055.634%2067.36%2057.6C67.36%2060.2362%2066.3127%2062.7645%2064.4486%2064.6287C62.5845%2066.4928%2060.0563%2067.54%2057.42%2067.54Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M109.77%2057.6L114.89%2053.98L109.35%2051.04L113.98%2046.81L108.12%2044.58L112.18%2039.8L106.09%2038.33L109.52%2033.08L103.29%2032.38L106.04%2026.74L99.77%2026.83L101.77%2020.89L95.5601%2021.76L96.8199%2015.62L90.8199%2017.26L91.29%2011.01L85.5%2013.4L85.1899%207.13998L79.74%2010.23L78.65%204.06L73.65%207.81L71.8%201.81L67.29%206.16998L64.6899%200.459991L60.76%205.34L57.48%200L54.1899%205.34L50.26%200.459991L47.67%206.16998L43.1%201.81L41.24%207.81L36.24%204.06L35.15%2010.23L29.6899%207.13998L29.39%2013.4L23.59%2011.01L24.0699%2017.26L18.0699%2015.62L19.3199%2021.76L13.12%2020.89L15.12%2026.83L8.84998%2026.74L11.6%2032.38L5.37%2033.08L8.80005%2038.33L2.70996%2039.8L6.77002%2044.58L0.910034%2046.81L5.54004%2051.04L0%2053.98L5.13%2057.6L0%2061.22L5.54004%2064.16L0.910034%2068.39L6.77002%2070.62L2.70996%2075.4L8.80005%2076.87L5.37%2082.12L11.6%2082.82L8.84998%2088.46L15.12%2088.37L13.12%2094.31L19.3199%2093.44L18.0699%2099.58L24.0699%2097.94L23.59%20104.19L29.39%20101.8L29.6899%20108.06L35.15%20104.97L36.24%20111.14L41.24%20107.39L43.1%20113.39L47.61%20109.03L50.2%20114.74L54.13%20109.86L57.42%20115.2L60.7%20109.86L64.63%20114.74L67.23%20109.03L71.74%20113.39L73.59%20107.39L78.59%20111.14L79.6801%20104.97L85.13%20108.06L85.5%20101.81L91.29%20104.2L90.8199%2097.95L96.8199%2099.59L95.5601%2093.45L101.77%2094.32L99.77%2088.38L106.04%2088.47L103.29%2082.83L109.52%2082.13L106.09%2076.88L112.18%2075.41L108.12%2070.63L113.98%2068.4L109.35%2064.17L114.89%2061.23L109.77%2057.6ZM57.42%2067.54C55.4541%2067.54%2053.5322%2066.957%2051.8976%2065.8648C50.263%2064.7726%2048.989%2063.2202%2048.2367%2061.4039C47.4844%2059.5876%2047.2875%2057.589%2047.671%2055.6608C48.0546%2053.7327%2049.0012%2051.9615%2050.3914%2050.5714C51.7815%2049.1812%2053.5527%2048.2346%2055.4808%2047.851C57.409%2047.4675%2059.4076%2047.6643%2061.2239%2048.4166C63.0402%2049.169%2064.5926%2050.443%2065.6848%2052.0776C66.777%2053.7123%2067.36%2055.634%2067.36%2057.6C67.36%2060.2362%2066.3127%2062.7645%2064.4486%2064.6287C62.5845%2066.4928%2060.0563%2067.54%2057.42%2067.54Z%22%20stroke%3D%22%23DDF742%22%20stroke-width%3D%222%22%20mask%3D%22url(%23path-1-inside-1_55_4776)%22%2F%3E%3C%2Fsvg%3E");
    left: 50px;
    display: block !important;
}


@media only screen and (max-width: 999px) {
	
    .timeline-dot {
       padding-left: 24px;
       padding-right: 12px;
    }
    .timeline-dot-inner {
    left: 12px;
}


.timeline-line {
    left: 20px;
}

.timeline-dot {
    left: 7px !important;
}
	

	
	
	.timeline-content-right, .timeline-content-left {
    left: 100px;
    max-width: calc(100% - 100px);
    right: auto;
}

}


/* mobile menu trigger */

.mob-menu-trigger {
  margin-top: 0px;
  margin-right: 4px;
  border-radius: 4px;
  width: 39px;
  height: 37px;
  padding: 10px 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
  background: #E5DCD5;
}

.mob-menu-stripe-one {
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background: var(--VanAssBgDark, #3F3F3F);

}


.mob-menu-stripe-two {
    width: 50%;
    height: 3px;
    border-radius: 1px;
    background: var(--VanAssBgDark, #3F3F3F);

}


.mob-menu-stripe-two {
    margin-top: 5px;
    margin-left: auto;
    transition:  .5s cubic-bezier(0.21, 0.54, 0, 1.03);

}

.mob-menu-stripe-one {
    margin-top: 2px;
     transition:  .5s cubic-bezier(0.21, 0.54, 0, 1.03);
}


.menu-active .mob-menu-stripe-one {
   transform: rotate(-45deg) translateY(4px)  translateX(-3px);
   width: 100%;
}


.menu-active .mob-menu-stripe-two {
   transform: rotate(45deg) translateY(-2px) translateX(-2px);
   width: 100%;
}


/*mob menu */

.va-mob-menu {
    background: #1d1d1b;
    height: 100dvh;
    position: fixed;
    padding: 0px;
    z-index: 800;
    top: 0;
    left: 0;
    padding-top: 120px;
    transition:  .5s cubic-bezier(0.21, 0.54, 0, 1);
    transform: translateY(-100%);
}

.menu-active .va-mob-menu {
    transform: translateY(0%);
}

.va-mob-menu a.elementor-item {
    color: white !important;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #ffffff1c !important;
    padding-top: 18px;
    padding-bottom: 18px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;
    opacity: .8;
    position: relative;
    transition: .45s 
cubic-bezier(0.38, 0.28, 0, 1);
    padding-left: 10px !important;
    padding-top: 13px ;
    padding-bottom: 12px;
}

.va-mob-menu a.elementor-item:after {
   display: none;
}

.va-mob-menu  a.elementor-item:hover {
    color: #000 !important;
    display: block;
    background: #ddf742b0;
    width: 100%;
    border-bottom: 1px dashed #ddf74233 !important;

}

.va-mob-menu  .current_page_item a.elementor-item {
    color: #000 !important;
    display: block;
    background: #DDF742;
    width: 100%;
    border-bottom: 1px dashed #DDF742 !important;

}

.va-mob-menu  a.elementor-button {
   display: block;
    width: calc(100% - 20px);
    margin-left: 10px;
}

.footer-bottom-bar a {
    color: white;
    opacity: .6;
    transition: .4s ease-out;
}

.footer-bottom-bar a:hover {
    color: white;
    opacity: 1;
    transition: .4s ease-out;
}


/* responsive fixes */

@media (min-width: 1100px) {
    .va-contact-block {
    position: absolute;
    right: calc(50% - 175px + -385px);
    top: 170px;
}
}

@media only screen and (max-width: 600px) {

	span.projecten:before{
    top: 60px;
    right: 120% !important;
}
	
	
.expertise-labels {
    top: 23px !important;
}

 span.projecten:after {
      top: 65px;
       right: 120% !important;
 }

span.and-expertise:before {
     top: -0px;
     left: 110% !important;
}

span.and-expertise:after {
     top: 5px;
      left: 110% !important;
}
	
	
a.project-tile.project-tile-in-slider, .project-tile  {
    height: 50vh !important;
    min-height: 450px !important;
}

.swiper-slide {
    max-width: 86vw !important;
}
	
	
	.van-ass-detail-block-outer {
    min-height: 60vh;
}
	
	
}




.your-talent-text .swiper-slide:after {
    content: "Jouw talent";
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-family: var(--e-global-typography-7062107-font-family), Sans-serif;
    font-size: 50px;
    font-weight: var(--e-global-typography-7062107-font-weight);
    text-transform: var(--e-global-typography-7062107-text-transform);
    line-height: var(--e-global-typography-7062107-line-height);
    color: var(--e-global-color-text);
}


/* Elke 2e slide */
.your-talent-text .swiper-slide:nth-child(2n):after {
    content: "Jouw ideeën";
}

/* Elke 3e slide */
.your-talent-text .swiper-slide:nth-child(3n):after {
    content: "Jouw ervaring";
}

/* Elke 4e slide */
.your-talent-text .swiper-slide:nth-child(4n):after {
    content: "Jouw vaardigheden";
}

/* Elke 5e slide */
.your-talent-text .swiper-slide:nth-child(5n):after {
    content: "Jouw ambitie";
}

/* Elke 6e slide */
.your-talent-text .swiper-slide:nth-child(6n):after {
    content: "Jouw ontwikkeling";
}

/* Elke 7e slide */
.your-talent-text .swiper-slide:nth-child(7n):after {
    content: "Jouw passie";
}


/* Elke 8e slide */
.your-talent-text .swiper-slide:nth-child(8n):after {
    content: "Jouw plezier";
}


.home .menu-bar-container {
	transform: translatey(-150px);
	animation: menu-bar-intro 1.3s cubic-bezier(0.12, 0.47, 0.03, 0.99) forwards;
	animation-delay: 1.6s !important;
}

@keyframes  menu-bar-intro {
	0% {
		transform: translatey(-150px)
	}
	100% {
		transform: translatey(0px)
	}
	
}



@media only screen and (max-width: 999px) {
.lines-bottom-left, .lines-container, .project-content {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
	overflow: hidden;
}

.guidelines-bottom {
    bottom: -30px;
    left: -30px;
}
	
.guidelines-top {
    left: -30px;
    top: -30px;
}

.expertise-labels {
    left: 30px;
    top: 30px;
}	
	
}

@media only screen and (max-width: 600px) {

h2 {
    font-size: 36px !important;
}
	
	.titel-sectie-bg-container h1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;;
}

span.font-midden {
    font-size: 43px !important;
}
	
}






/* Gsap animaties */

.line-wrapper {
  overflow: hidden;
  display: block;
  line-height: 1.2;
}

/* Split lines styling */
.split-line {
  display: block;
  line-height: inherit;
}

/* Split words styling */
.split-word {
  display: inline-block;
  will-change: transform, opacity;
}

/* Prevent flash before animation */
.animate-headings h1,
.animate-headings h2,
.animate-headings h3,
.animate-headings h4,
.animate-headings h5,
.animate-headings h6 {
  visibility: visible;
}

/* Optional: smooth out any layout shifts */
.gsap-split-done {
  transform: translateZ(0);
  backface-visibility: hidden;
}


.elementor-sticky__spacer, .elementor-sticky__spacer * {
    visibility: hidden !important;
}



.titel-sectie-bg-container-bg {
    position: absolute;
    height: 100%;
    width: 100%;
	background-size: cover;
    animation: page-intro-animatie 3.5s cubic-bezier(0.2, 0.5, 0, 0.93) forwards !important;
    display: block;
/*     background-position: center center !important; */
}

@keyframes page-intro-animatie {
    0% {
         transform: scale(1.4)
    }
    100% {
         transform: scale(1)
    }
}

/* .fadeInDown {
    visibility: hidden !important;
}

.fadeInDown.animated {
    visibility: visible !important;
} */

.swiper.custom-swiper.step-swiper,
.swiper.custom-swiper.team-lid-slider {
    margin-bottom: 60px;
}

.is-kleine-tegel .expertise-labels.project-version {
    display: none;
}

.is-kleine-tegel .guidelines-bottom {
    display: none;
}

.is-kleine-tegel .guidelines-top {
    display: none;
}

a.project-tile.is-kleine-tegel {
    min-height: 0 !important;
	height: auto !important;
}

.is-kleine-tegel .project-content-klein {
    padding: 40px;
    min-height: 0;
	 padding-bottom: 29px;
}


.is-kleine-tegel h3 {
    padding-right: 70px;
    color: white !important;
    opacity: 1 !important;
    visibility: visible;
    z-index: 10000;
    position: relative;
}

.is-kleine-tegel h3:after {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -2px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%224%22%20fill%3D%22%23DDF742%22%2F%3E%3Cpath%20d%3D%22M18.8774%209.66995L21.4882%209.66995C21.5828%2010.8808%2021.8761%2011.9402%2022.368%2012.8483C22.8409%2013.7564%2023.5125%2014.5321%2024.3828%2015.1753L24.3828%2016.6226C23.7774%2017.0388%2023.2761%2017.5307%2022.8788%2018.0983C22.4626%2018.6848%2022.1409%2019.3091%2021.9139%2019.9712C21.6869%2020.6523%2021.5355%2021.3618%2021.4599%2022.0996L18.8207%2022.0996C18.8964%2021.5131%2019.0477%2020.8983%2019.2747%2020.255C19.5018%2019.6118%2019.8328%2019.0064%2020.268%2018.4388C20.6842%2017.8713%2021.2139%2017.3794%2021.8572%2016.9632L21.8572%2016.8496L9.05857%2017.0767L9.05857%2014.6929L21.8572%2014.9483L21.8572%2014.8348C21.2328%2014.5132%2020.7126%2014.0591%2020.2963%2013.4726C19.8801%2012.8861%2019.5585%2012.2524%2019.3315%2011.5713C19.1045%2010.9091%2018.9531%2010.2754%2018.8774%209.66995Z%22%20fill%3D%22%233F3F3F%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    transition: .35s ease-out;
}


.is-kleine-tegel:hover h3:after {
    right: -5px;
    top: -2px;
}




@media only screen and (max-width: 999px) {
	
	.project-content-klein {
    padding: 21px  !important;
    padding-top: 30px !important;;
     padding-bottom: 15px !important;;
}

.is-kleine-tegel h3:after {
    top: 4px;
}

.is-kleine-tegel:hover h3:after {
    top: 4px;
}
	
}

button#cn-close-notice {
    background: transparent;
}

.geen-marge-onder .swiper.custom-swiper.step-swiper {
    margin-bottom: 0;
}


@media (max-width: 768px) {

  /* Reset alle inner spacing */
  .section-margin-top > .e-con-inner,
  .section-margin-bottom > .e-con-inner,
  .section-margin-top-bottom > .e-con-inner,
  .section-padding-top > .e-con-inner,
  .section-padding-bottom > .e-con-inner,
  .section-padding-top-bottom > .e-con-inner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  /* Margins */
  .section-margin-top {
    margin-top: clamp(24px, 25vw, 60px) !important;
  }

  .section-margin-bottom {
    margin-bottom: clamp(24px, 25vw, 60px) !important;
  }

  .section-margin-top-bottom {
    margin-top: clamp(24px, 25vw, 60px) !important;
    margin-bottom: clamp(24px, 25vw, 60px) !important;
  }

  /* Paddings */
  .section-padding-top {
    padding-top: clamp(24px, 25vw, 60px) !important;
  }

  .section-padding-bottom {
    padding-bottom: clamp(24px, 25vw, 60px) !important;
  }

  .section-padding-top-bottom {
    padding-top: clamp(24px, 25vw, 60px) !important;
    padding-bottom: clamp(24px, 25vw, 60px) !important;
  }

}



.animate-text-lines p {
    opacity: 0;
	animation: intro-lines .2s ease-out forwards;
}

@keyframes intro-lines {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



@media only screen and (min-width: 1500px) {

.e-con {
    --container-max-width: 1272px !important;
}
	
}



@media only screen and (min-width: 1600px) {

.e-con {
    --container-max-width: 1430px !important;
}
	
}


.swiper-button-next:after, .swiper-button-prev:after {
	display: none !important;
}


.expertise-label p {
    font-family: "Bricolage Grotesque", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: inline-block;
    display: inline-flex;
    gap: 6px;
    align-content: center;
    flex-direction: row;
    margin-bottom: 0 !important;
    border: 1px solid #0000000a;
    padding: 7px 12px;
    border-radius: 100px;
    background: #0000000d;
}

.expertise-label p:before {
    width: 6px;
    height: 6px;
    content: "";
    left: 0;
    display: inline-block;
    background: #ddf743;
    border-radius: 100px;
    margin-top: 3px;
    margin-bottom: 0px !important;
}



.team-lid-variant .project-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000a6, #00000000);
}


@media only screen and (max-width: 600px) {
	
.elementor-widget-contact_persoon {
    min-width: 100% !important;
}
	
.contact-persoon-left {
    gap: 8px !important;
}
	
}

.elementor-nav-menu--layout-horizontal li.menu-item {
    border: 1px solid #fff;
    border-radius: 1000px;
    margin: 0 1px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	transition: .3s ease-out;
}


.elementor-nav-menu--layout-horizontal li.menu-item a {
   margin-right: 0px !important;
}


.elementor-nav-menu--layout-horizontal li.menu-item:hover {
    border: 1px solid #3F3F3F;
    border-radius: 1000px;
    margin: 0 1px;
	transition: .3s ease-out;
}



.elementor-nav-menu--layout-horizontal li.menu-item.current-menu-item {
    border: 1px solid #3f3f3f61;
    border-radius: 1000px;
	opacity: .8;
	transition: .3s ease-out;
}



.elementor-nav-menu--layout-horizontal li.menu-item:hover {
    border: 1px solid #3f3f3f61;
    border-radius: 1000px;
	transition: .3s ease-out;
}


/* leerbaarheid stappen vergroten */

.step-bg:after {
    opacity: 1;
    background: linear-gradient(0deg, #000000bf 0%, #00000091 50%, #00000000 100%) !important;
}


.team-meta-data {
   margin-top: 10px;
}

.team-meta-data a:hover {
    color: white !important;
    opacity: 1;
}

.team-meta-data a {
    opacity: .8;
}

.team-lid-slider .swiper-slide {
    max-width: 320px !important;
}

.project-tile.project-tile-in-slider.team-lid-variant  .project-content {
    max-width: 100% !important;
}



@media only screen and (max-width: 1100px) {

.elementor-nav-menu--layout-horizontal li.menu-item a {
    font-size: 12px !important;
}
	
}



.home-intro h1 {
    font-family: "Bricolage Grotesque", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.04em;
    text-transform: none;
}
/* 

.single-project .titel-sectie-bg-container-bg {
	background-position: unset !important;
} */


/* Aanpassingen mei */

.active .timeline-dot {
    background: #d7fb04;
    color: #1d1d1b;
}

.active .timeline-dot .timeline-dot-inner {
    background: #1d1d1b;
}


.active.timeline-item[data-year="1965"] span:after {
     color: #1d1d1b;
}