/*
Theme Name: Vizien 1.1
Author: Roald Craenen
Author URI: https://www.vizien.nl/
Version: 1.1
Description: AB test #1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

:root{
	--animate-delay: 0.2s;
	--boxshadow:0 0 20px rgba(0,0,0,0.1);
	--boxshadow_hover:0 0 40px rgba(0,0,0,0.2);

	--transition:all 150ms ease-in-out;
	--transition-slow:all 250ms ease-in-out;

	--wit:#FFFFFF;
	--wit-60:rgba(255,255,255,0.6);
	--zwart:#000000;
	--zwart-60:rgba(0,0,0,0.6);

	--grijs-licht:#F1F1F1;
	--grijs-donker:#262626;
	--grijs-border:#0000001A;
	--grijs-knop:#F2F1F2;

	--geel:#FBBF16;
	--geel-donker:#E6B016;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
*{line-height:1.75em;}
html,body{width:100%;font-family:'Mulish', sans-serif;font-weight:400;font-size:16px;color:var(--zwart);}
b,strong{font-weight:700}
em,i{font-style:italic}
img{max-width:100%;height:auto;}
a img{border:none;text-decoration:none}
a{color:var(--blauw);text-decoration:underline;}
a:hover{color:var(--blauw);text-decoration:none}
h1,h2,h3,h4{line-height:1em;font-weight:700;font-family:'Big Shoulders Display', sans-serif;text-transform: uppercase;letter-spacing: 0.39px;}
h1{font-size:48px;margin:0 0 30px 0;}
h2{font-size:30px;margin:0 0 30px 0;}
h3{font-size:30px;margin:0 0 30px 0;}
h4{font-size:20px;margin:0 0 30px 0;}
p{margin:5px 0 20px 0}
p:first-of-type{margin-top:0;}
p:last-of-type{margin-bottom:0;}
i.padding-left{padding-left:10px;}
i.padding-right{padding-right:10px;}
input:focus,textarea:focus,button:focus {outline:0;}
.wp-caption{max-width:100%}
p + ul{margin-top:30px;}
::target-text{background: #E1ECFF;}

/* General */
.subtitel{text-transform:uppercase;font-size:24px;margin:-30px 0 30px 0}
.spacing{letter-spacing:1px;}
.transition{transition:all 100ms ease-in-out;}
.transition.schaduw{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.schaduw:hover{box-shadow:0 0 40px rgba(0,0,0,0.2);}
.spacing{letter-spacing:1px;}
.objectfit_ie{background-size:cover;background-position:50%;}
.objectfit_ie img{width:100%;height:100%;object-fit:cover;display:block;}
.compat-object-fit img{opacity:0;}
.grecaptcha-badge{display:none;}
.fa-input {font-family:'Font Awesome 5 Pro',sans-serif;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cta{padding:20px 30px;background:var(--blauw);color:#fff;font-size:16px;font-weight:700;text-decoration:none;display:inline-block;border-radius:10px;border:none;line-height:1em;}
.cta:hover,.cta:focus{background:var(--blauw);color:#fff}
.cta.brown{background-color:var(--grijs);}
.gradient{position:relative;}
.gradient .container{position:relative;z-index:1;}
.gradient:before{content:"";position:absolute;width:50%;height:100%;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);top:0;left:0;}
.clickable:hover{cursor:pointer;}

/* Nav */
.navigation{background-color:#1a171b}
.navbar{margin-bottom:0;padding:0}
.navbar-default{border:none;background-color:transparent;margin:0 -15px}
.navbar-header{width:100%;text-align:left}
.navbar ul{list-style:none;margin:0;padding:0}
.navbar ul.nav{padding:0 0 0 0}
.navbar-nav li a{text-decoration:none;color:#fff !important;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,0.1);}
.navbar-nav li a i{float:right;transition:all 100ms ease-in-out;line-height: 1.75;}
.navbar-nav li a i.active{float:right;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}
.navbar-nav li li a{padding:10px 25px 10px 45px}
.navbar-nav li li li a {padding:10px 25px 10px 65px}
.navbar-toggler{border:none;padding:10px;background:transparent !important;float:right;border:2px solid #313131;border-radius:0;margin-top:17px;}
.navbar-toggler .icon-bar{background-color:var(--zwart) !important;height:3px}
.navbar-collapse{background-color:#1a171b;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;margin-left: 0;margin-right: 0;}
.navbar-brand{padding:0;display:inline-block;margin:15px 0 12px 0;min-width: 150px;max-width: 150px;min-height: 47px;max-height: 47px;}
.navbar-brand img{display:block;padding:0;min-width: 150px;max-width: 150px;min-height: 47px;max-height: 47px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Breadcrumbs */
.breadcrumbs{line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 30px;}
.breadcrumbs span{font-weight:400;color: var(--wit);}
.breadcrumbs span i{padding:0 10px;}
.breadcrumbs span i:first-child{padding:0}
.breadcrumbs span a{text-decoration:none;color:var(--wit)}

/* FAQ */
.faq #accordionGroup{width:100%;}
.faq .accordion-item{box-shadow:none;border:1px solid #26262642;border-radius: 0;}
.faq .accordion-item + .accordion-item{margin-top:15px;}
.faq .accordion-header{padding:0;border:none;}
.faq .accordion-button:focus{box-shadow: none !important;}

.faq h4 button{padding:15px 25px;font-size: 16px;line-height: 35px;font-weight: 400;font-family: 'Mulish', sans-serif;color: var(--zwart);display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.faq h4 .icon{position:relative;margin-left: 50px;transition:all 200ms ease-in-out;min-width: 30px;max-width: 30px;min-height: 30px;max-height: 30px;background: var(--wit);border:1px solid var(--zwart);display: inline-flex;align-items: center;justify-content: center;}
.faq h4 .icon > i{position: absolute;transition: all 200ms ease-in-out;font-size: 12px;margin-left: 1px;}
.faq h4 button:not(.collapsed) .icon{background: var(--geel);border:1px solid var(--geel);}
.faq h4 button:not(.collapsed) .icon i.opened{color: var(--wit);}
.faq h4 button:not(.collapsed) .icon i.closed{opacity: 0;}
.faq h4 button:after{content:none}

.accordion-button:not(.collapsed){color:var(--zwart);background-color:var(--wit);box-shadow: none !important;}
.faq .accordion-body{padding:0 25px 25px 25px;}
.faq .leesmeer{text-decoration: none;color: var(--geel);}
.faq .leesmeer i{padding-left: 10px;transition: var(--transition);}
.faq .leesmeer:hover > i{transform: translateX(5px);}
.faq .cat-name{font-family: 'Big Shoulders Display', sans-serif;font-size: 25px;line-height: 100%;letter-spacing: 0.2px;display: block;margin-bottom: 25px;}

/* Footer */
.footer{background-color:var(--grijs-donker);color:#fff;padding: 60px 0 0 0;position: relative;overflow: hidden;}
.social{margin-top:40px;font-size:20px;}
.footer .social a,.social a{color:var(--wit-60);display: inline-flex;align-items: center;justify-content: center;}
.social a + a{margin-left:15px;}
.footer h4{color:#fff;font-size:25px;text-transform: unset;letter-spacing: 0.2px;}
.footer a{color:#fff;text-decoration:none}
.footer ul.footernav{list-style:none;margin:0;padding:0}
.footer .footernav ul{margin: 0;padding: 0;}
.footer .footernav ul li{list-style-type: none;}

.footer .logo-wrap{display: inline-flex;width: fit-content;height: fit-content;}
.footer .logo{width: 161px;height: 58px;object-fit: contain;}
.footer .f-link{display: block;width: fit-content;font-size: 16px;line-height: 35px;color: var(--wit-60) !important;}
.footer ul li a{font-size: 16px;line-height: 35px;color: var(--wit-60);display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.copyright{padding: 0 0 60px 0;background: var(--grijs-donker);}
.copyright span{color: var(--wit);}
.footer-lijn{padding: 60px 0 50px 0;background: var(--grijs-donker);}
.footer-lijn .lijn{display: block;width: calc(100% - 12px);height: 2px;background: rgba(255,255,255,0.25);}

/* Contact form */
:is(.wpcf7-form,._form) :is(input[type="date"],input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],select,textarea){margin:0 0 15px 0;padding:10px 15px;width:100%;color:var(--zwart);background-color:#F1F1F1;border:none;transition:all 150ms ease-in-out;}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !important}
:is(.wpcf7-form,._form) :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="text"],textarea)::placeholder{color: var(--zwart) !important;}
.wpcf7-validation-errors{border:2px solid #ff0000 !important;margin:0 0 20px 0 !important;color:#ff0000 !important;padding:10px !important}
span.wpcf7-not-valid-tip{display: none !important;}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);padding:20px 25px !important;margin-left: 0 !important;margin-right: 0 !important;line-height: 1.5;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}

.wpcf7-form .form-label{font-weight: bold;}
.wpcf7-form .send-row p{display: flex;flex-direction: row;align-items: center;}
.wpcf7-spinner{min-width: 24px;min-height: 24px;margin-right: 0 !important;}
:is(.wpcf7-form,._form) button{border: none;margin-top: 10px;min-height: 48px;max-height: 48px;}
.wpcf7-form textarea{height: 175px;}

/* Activecampaign forms */
._form{text-align:left;}
._form ._form-content{display:flex;flex-wrap:wrap;align-items:flex-end;}
._form ._form-content ._field-wrapper{position:relative;}
._form ._form-content ._form_element{margin-right:24px;line-height:1.75em;width:100%;}
._form ._form-content ._form_element:has(textarea){width:100%;}
._form ._form-content textarea{width:100%;}
._form ._form-content ._button-wrapper{}
._form ._form-content ._button-wrapper._full_width{width:100%;}
._form ._form-content ._button-wrapper button{}
._form ._form-content label{font-weight: bold;margin-bottom:.5rem;line-height: 1;}

._form ._error{color:#ff0000;position:absolute;bottom:-5px;font-size:0.7em;}
._form ._has_error{background-color:#ffe8e8 !important;}

/* Contact form validation */
span.wpcf7-not-valid-tip{font-size:12px !important}

/* Default Wordpress */
.entry-content td{padding-right:20px}
.alignleft{float:left;margin-right:20px}
.alignright{float:right;margin-left:20px}
.aligncenter{clear:both;display:block;margin:0 auto 20px}
blockquote{font-style:italic;border-left:4px solid #e1001a;padding-left:10px}

/* IE fixes */
.widget-area{width:100%}
.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,0.1);}
.table>tbody>tr>td{border:none;}
video{height:auto}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:30px}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe[name='google_conversion_frame'] {font-size: 0 !important;height: 0 !important;line-height: 0 !important;margin-top: -13px;width: 0 !important;}

/* Responsive oembed */
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* ---------------------------------- Extra ---------------------------------- */

/* Algemeen */
.melk{background-color: rgba(255, 255, 255, 0.35);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);}
.first-content{position: relative;top:-70px;margin-bottom: -70px;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px}
.tt-none{text-transform: none;}
.trans-100{transition: var(--transition);}

.clamp{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}

.blok{margin: 75px 0;}
.blok-zwart{padding: 75px 0;}

.hoek{position: absolute;content:'';width: 35px;height: 35px;background: #fff;clip-path: polygon(0 0, 100% 0, 0% 100%);}
.hoek.linksboven{top:0;left:0;}
.hoek.linksonder{bottom:0;left:0;transform: rotate(270deg);}
.hoek.rechtsboven{top:0;right:0;transform: rotate(90deg);}
.hoek.rechtsonder{bottom:0;right:0;transform: rotate(180deg);}

.bt-2{border-top: 2px solid var(--grijs-border);}
.bb-2{border-bottom: 2px solid var(--grijs-border);}
.bb{border:2px solid var(--grijs-border);}

.img{display: block;width: 100%;height: 100%;object-fit: cover;}

/* Knoppen */
.knop,._form button._submit{display: inline-flex;align-items: center;justify-content: center;width: fit-content;height:fit-content;transition: var(--transition-slow);position: relative;font-size: 16px;font-weight: 600;text-decoration: none;padding: 17px 70px 17px 20px;}
.knop:after,._form button._submit:after{position: absolute;right:0;width: 50px;height: 100%;content:'\f061';font-family:'Font Awesome 6 Pro';font-weight:400;transition: var(--transition-slow);display: flex;align-items: center;justify-content: center;z-index:10;}
.knop:hover,._form button._submit:hover{padding: 17px 20px 17px 70px;}
.knop:hover:after,._form button._submit:hover:after{right: calc(100% - 50px);}

.knop.geel,._form button._submit{background: var(--geel);color: var(--wit);}
.knop.geel:after,._form button._submit:after{background: var(--geel-donker);color: var(--wit);}
.knop.wit{background: var(--wit);color: var(--zwart);}
.knop.wit:after{background: var(--grijs-knop);color: var(--zwart);}

.knop-border{border:1px solid #E5E5E5;}

.terug, .terug i{display: inline-flex;align-items: baseline;font-size: 16px;text-decoration: none;color: var(--zwart-60);transition: var(--transition);}
.terug:hover{color: var(--zwart-60);}
.terug:hover > i{transform: translateX(-5px);}

/* Fonts */
.titel{font-size: 32px;line-height: 40px;letter-spacing: 0.39px;margin-bottom:20px;color: var(--zwart);}
.main-content :is(h1,h2,h3,h4){font-size: 26px;line-height: 32px;letter-spacing: 0.3px;}
.main-content :is(h2,h3,h4){margin-top:60px;}
.main-content .titel.klein, .titel.klein{font-size: 25px;line-height: 37px;letter-spacing: 0.2px;}
.tekst :is(p, span, li, a){font-size: 16px;line-height: 35px;color: var(--zwart-60);}

.titel.wit{color: var(--wit);}
.tekst.wit :is(p, span, li){color: var(--wit-60);}
.grijs, .grijs :is(p, span, li){color:#E5E5E5;}

.tekst a{color: var(--geel);}
.tekst.wit a{color:var(--wit);}

/* Menu */
.top{padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,0.5);transition: var(--transition-slow);}
:is(.top, .oc-menu) .logo-wrap{display: inline-flex;width: fit-content;height: fit-content;}
:is(.top, .oc-menu) .logo{width: 130px;height: 47px;object-fit: contain;}
.top .oc-toggler{border: none;background: transparent;color: var(--wit);padding: 0 10px;}
.top .oc-toggler i{font-size: 30px;transform:rotateY(180deg);}

.top.scrolled{background:rgba(0,0,0,0.5);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);}

/* Menu offcanvas */
.oc-menu{background: transparent;border-right: none !important;}
.oc-menu .oc-close{border: none;background: transparent;padding: 0 10px;font-size: 30px;color: var(--wit);}
.oc-menu .offcanvas-header{padding: 11px 12px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.oc-menu .offcanvas-body{padding: 0;background: transparent;}
.oc-menu #nav-2{background: transparent;}
.oc-menu #nav-2 .navbar-nav li a i{color: var(--geel);padding-left: 25px;}
.oc-menu #nav-2 ul.sub-menu{list-style-type: none;padding-left: 0;}
.oc-menu #nav-2 li.contact{display: none;}
.oc-menu .oc-contact{margin: 25px;width:calc(100% - 50px);}

/* Home */
.home-swiper{width: 100%;overflow: hidden;position: relative;height: 100dvh;}
.home-swiper .swiper-slide{display: flex;align-items: center;}
.home-swiper .swiper-slide .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.home-swiper .swiper-slide .bg img{display: block;width: 100%;height: 100%;object-fit:cover;-webkit-filter:brightness(0.5);filter:brightness(0.5);}
.home-swiper .swiper-slide .container{position: relative;z-index:5;}
.home-swiper .swiper-slide .slide-content{padding-top: 35px;}

.home-swiper .nav-container{position: absolute;bottom:0;left:0;right: 0;z-index: 999;}
.home-swiper .nav-wrap{width: 195px;height: 115px;position: relative;}

.home-swiper .nav-btn{display: flex;align-items: center;justify-content: center;min-width: 45px;max-width: 45px;min-height: 45px;max-height: 45px;background: transparent;color: var(--wit);border: 1px solid var(--wit);transition: var(--transition);}
.home-swiper .nav-btn::after{content:'\f061';font-family: 'Font Awesome 6 Pro';font-weight: 400;font-size: 12px;}
.home-swiper .nav-btn:hover{background: rgba(255,255,255,0.25);}
.home-swiper .nav-btn.prev::after{transform: rotate(180deg);}
.home-swiper .nav-btn.prev{right: unset;left: 45px;}
.home-swiper .nav-btn.next{right: 45px;}

.stappenplan .switches{border:1px solid #E5E5E5CC;padding: 5px;}
.stappenplan .switch{font-size: 16px;font-weight: 600;color: rgba(0,0,0,0.5);transition: var(--transition);background:transparent;border:none;padding: 10px 20px;}
.stappenplan .switch.active{background: var(--geel);color: var(--wit);}
.stappenplan .data-blok .img-wrap{width: 100%;height: 250px;display: block;}
.stappenplan .data-blok .img-wrap img{display: block;width: 100%;height: 100%;object-fit: cover;}
.stappenplan .data-blok .content{padding: 40px;border:2px solid var(--grijs-border);border-top: none;}
.stappenplan a.knop + span{font-size:12px;display:block;margin-top:10px;}

.kosten-blok{padding: 40px;background: var(--wit);}
.kosten-blok ul.usps{padding-left: 0;margin:0 0 24px 0;list-style-type: none;}
.kosten-blok ul.usps li{position: relative;padding-left: 30px;color: var(--zwart-60);font-size: 16px;line-height:30px;}
.kosten-blok ul.usps li + li{margin-top: 5px;}
.kosten-blok ul.usps li::before{min-width: 16px;max-width: 16px;min-height: 16px;max-height: 16px;background: var(--geel);color:var(--wit);font-size: 10px;content:'\f00c';position: absolute;font-family: 'Font Awesome 6 Pro';font-weight: 400;display: flex;align-items: center;justify-content: center;left:0;top:8px;}

.kosten-blok:not(.zwart) .tekst p{margin:5px 0;line-height: 30px;}
.kosten-blok:not(.zwart) .tekst p:first-child{margin-top: 0;}
.kosten-blok .tekst strong{opacity: 1;color: var(--zwart);}
.kosten-blok .tekst ul{padding-left: 20px;margin:15px 0 0 0;}
.kosten-blok ul li{line-height: 30px;}
.kosten-blok ul li::marker{opacity: 1;color: var(--zwart);}
.kosten-blok ul li + li{margin-top: 10px;}

.kosten-blok.zwart{background: #393939;}

/* Page header */
.page-header{padding: 145px 0 75px 0;display: flex;align-items: center;}
.page-header .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index:-1;}
.page-header .bg img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-filter: brightness(0.5);filter: brightness(0.5);}

/* Main content */
#leesmeer{scroll-margin-top:150px;}
.main-content{position: relative;}
.blok-zwart{background:var(--grijs-donker);}

/* Referenties */
.referenties{padding: 75px 0;margin-top: 75px;}
.ref-item{padding: 40px 30px 35px 30px;background: var(--wit);}
.ref-item h4{text-transform: unset;margin-bottom: 5px;}
.ref-item span.bedrijf{color: #cdcdcd;font-weight: bold;font-size: 16px;}
.ref-item .clamp{-webkit-line-clamp: 6;}
.ref-item .stars i{color: var(--geel);}

.gemiddeld > strong{font-family: 'Big Shoulders Display', sans-serif;text-transform: unset;font-size: 25px;line-height: 100%;letter-spacing: 0.2px;margin-bottom: 15px;}
.gemiddeld .avg{color: var(--geel);font-weight: 800;}
.gemiddeld .right span{font-size: 16px;line-height: 24px;color:var(--zwart);}

/* Nieuwsbrief */
.nieuwsbrief{margin: 75px 0;}

/* Contact */
.contact .gegevens strong{font-family: 'Big Shoulders Display', sans-serif;font-size: 18px;line-height: 100%;letter-spacing: 0.14px;}
.contact .gegevens a.c-link{text-decoration: none;display: block;width: fit-content;}

/* Cases */
.single-cases .page-header .bedrijf{color: var(--geel);margin-bottom: 20px;display: block;}

:is(.case-item, .blog-item){width: 100%;}
:is(.case-item, .blog-item) .img-wrap{display: block;width: 100%;min-height: 200px;max-height: 200px;height: 200px;}
:is(.case-item, .blog-item) .content{padding: 40px;position: relative;background: var(--wit);}
:is(.case-item, .blog-item) .clamp{-webkit-line-clamp: 3;}
.case-item .hoek{position: absolute;content: '';width: 61px;height: 61px;bottom: -1px;right: -1px;background: var(--grijs-donker);transform: rotate(180deg);}
.case-item .knop{border:1px solid #E5E5E5;}

.case-archive .case-item .content{border:1px solid #E5E5E5;position: relative;border-top: none;}
.case-archive .case-item .hoek{background: #e5e5e5;overflow: hidden;}
.case-archive .case-item .hoek::after{width: 50px;height: 100px;content: '';position: absolute;bottom: 0;right: 23px;background: #fff;transform: rotate(45deg);}

/* Case/blog swiper */
.cases{background: var(--grijs-donker);padding: 75px 0;}
.blogs{background: var(--grijs-licht);padding: 75px 0;margin: 75px 0;}
.swiper-cases, .swiper-blogs{position: relative;overflow: hidden;width: 100%;padding-bottom: 30px;margin-bottom: 35px;}
:is(.swiper-cases, .swiper-blogs) .swiper-slide{height: auto;align-self: stretch;}
:is(.swiper-cases, .swiper-blogs) .swiper-slide .case-item{height: 100%;}
:is(.swiper-cases, .swiper-blogs) .swiper-pagination{bottom: 0;}
.swiper-cases .swiper-pagination .swiper-pagination-bullet{background:rgba(255,255,255,0.25);opacity: 100%;transition: var(--transition);}
.swiper-blogs .swiper-pagination .swiper-pagination-bullet{background:rgba(0,0,0,0.25);opacity: 100%;transition: var(--transition);}
:is(.swiper-cases, .swiper-blogs) .swiper-pagination .swiper-pagination-bullet-active{background:var(--geel);}

/* Blogs */
.single-blogs .page-header .date{color: var(--geel);margin-bottom: 20px;display: block;}

.nieuws{padding: 30px 0;}
.blog-item .date{position: absolute;left: 0;top: 25px;padding: 12px 24px;font-size: 14px;color: var(--wit);direction: ltr !important;}
.blog-item .content{border:1px solid #E5E5E5;border-top: none;}
.blog-item .leesmeer, .leesmeer i{color: var(--geel);text-decoration: none;transition: var(--transition);}
.blog-item .leesmeer:hover > i{transform: translateX(5px);}

.single-blogs .widget-check{background: var(--zwart);padding: 40px;}

/* Vacatures */
.details .detail{color:var(--grijs-licht);margin:20px 20px 0 0;}
.single-vacatures .tekst ul{margin: 0;padding: 0;list-style-type: none;}
.single-vacatures .tekst ul li{padding-left: 40px;display: inline-flex;position: relative;}
.single-vacatures .tekst ul li + li{margin-top:10px;}
.single-vacatures .tekst ul li:not(:has(i))::before{content:'\25A0';color: var(--geel);position: absolute;left:0;top:-3px;font-size: 20px;}
.single-vacatures .tekst ul li:has(i){padding-left: 0;align-items: baseline;}
.single-vacatures .tekst ul li i{color: var(--geel);min-width: 40px;max-width: 40px;}

.solliciteren, .contact-blok{margin-bottom: 75px;padding: 75px 0;border-top: 2px solid var(--grijs-border);border-bottom: 2px solid var(--grijs-border);}
.solliciteren::after, .contact-blok::after{position: absolute;bottom: -77px;height: 75px;width: 2px;background: var(--grijs-border);content: '';left: calc(50% - 1px);}
.solliciteren a.tel{text-decoration: none;color: var(--geel);}

#solliciteren{scroll-margin-top: 150px;}
.solliciteren.open, .contact-blok{margin-top: 75px;}
:is(.solliciteren, .contact-blok) h4.titel{color: var(--geel);}

.vac-item, .team-item{padding: 30px;border: 2px solid var(--grijs-border);}
.vac-item .left{height: 150px;max-height: 150px;}
.vac-item .clamp{-webkit-line-clamp: 3;font-size: 16px;line-height: 25px;color: var(--zwart-60);}
.vac-item .knop{border:1px solid #E5E5E5;}
.vac-item span.sub{font-weight: bold;color: var(--geel);letter-spacing: 0.13px;}

.no-vac :is(h3.titel, h4.titel){font-size: 36px;line-height: 45px;letter-spacing: 0.29px;}
.no-vac h4.titel{color: var(--geel);}

/* Team */
.team-item .wrap{max-height: 250px;aspect-ratio: 4 / 3;}
.team-item .wrap img{object-position: 50% 0;}
.team-item h4{font-size: 18px;line-height: 37px;letter-spacing: 0.14px;}

/* Pagination */
.custom-pag a, .custom-pag span.current{text-decoration:none;display: inline-flex;align-items: center;justify-content: center;min-width: 40px;max-width:40px;min-height:40px;max-height:40px;background: var(--grijs-licht);border-radius: 0;margin: 0 5px;font-size: 18px;font-weight: 600;color: var(--grijs-donker);transition: var(--transition);}
.custom-pag span.current{color: #fff;background: var(--geel);}
.custom-pag a:hover{background: var(--grijs-border);}
.custom-pag :is(.next, .prev){background: #fff;color: var(--grijs-donker);border:1px solid #E5E5E5;}
.custom-pag .page-numbers.dots{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 45px;margin: 0 5px;}

/* Widget */
.widget{padding-top: 60px;margin-top: 60px;border-top: 2px solid var(--grijs-border);}

/* FAQ part */
.faq-part .accordion-item{border-top: 2px solid rgb(93 93 93);}
.faq-part .acc-col:last-of-type .accordion-item{border-bottom: 2px solid rgb(93 93 93);}
.faq-part :is(.accordion-item, .accordion-button){background: transparent;}
.faq-part .faq h4 button{color: var(--wit);}
.faq-part .faq h4 .icon{background: transparent;border:1px solid var(--wit);}

/* Diensten */
.buttons .knop.wit{border:1px solid #E5E5E5;}
.buttons .knop.geel{padding: 18px 70px 18px 20px;}
.buttons .knop.geel:hover{padding: 18px 20px 18px 70px;}

/* Aanbieders */
.swiper-logos{position: relative;width: 100%;overflow: hidden;display: flex;align-items: center;padding: 40px 0;}
.swiper-logos .swiper-slide{height: 100%;align-self: stretch;display: flex;align-items: center;justify-content: center;}
.swiper-logos .swiper-slide .wrap img{width: 200px;height: 60px;object-fit: contain;transition: all 500ms ease-in-out;}

/* Banner */
.banner{background: var(--grijs-donker);padding: 50px 0;}
.banner .titel strong{color: var(--geel);}

/* Extra pages */
.error404 .top{background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);}
.tekst.policy h2:first-child{margin:0 0 16px 0;}
.tekst.policy h2:nth-child(n+2){margin:48px 0 16px 0;}
.tekst.policy ul{margin-bottom: 0;}

/* Vacature counter */
span.vac-count{background: var(--geel);color: var(--wit);font-size: 12px;margin-left: 8px;display: inline-flex;align-items: center;justify-content: center;min-width: 16px;max-width: 16px;min-height: 16px;max-height: 16px;padding-right: 1px;position: relative;top: -1px;}

/* Form CV */
.form-wrap .wpcf7-form input[type=file]{position: relative;width: 100%;min-height: 48px;padding: 10px 15px;margin: 0 0 15px 0;border: none;background: #f1f1f1;}
.form-wrap .wpcf7-form input::file-selector-button{display: none !important;}
.form-wrap .wpcf7-form input[type=file]::before{position: absolute;content: 'Upload je cv';background: #F1F1F1;display: inline-flex;align-items: center;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;width: 100%;height: 48px;left: 0;top: 0;padding: 10px 15px;color: rgba(0,0,0,0.35) !important;transition: var(--transition);}
.form-wrap .wpcf7-form input[type=file]::after{transition: var(--transition);content: '\e09a';font-family: 'Font Awesome 6 Pro';display: inline-flex;position: absolute;right: 15px;padding: 0;width: fit-content;align-items: center;justify-content: center;color: var(--zwart);top: 0;height: 100%;background: transparent;}
.form-wrap .wpcf7-form input[type=file]:hover:after{color:var(--geel);}

.form-wrap .wpcf7-form input.file-selected[type=file]::before{content:'';background: transparent;}
.form-wrap .wpcf7-form input.file-selected[type=file]::after{content:'\f00c';color:green;}

.form-wrap .wpcf7-list-item{margin:0 0 15px 0;}
.form-wrap .wpcf7-list-item input[type="checkbox"]{accent-color: var(--geel);margin-right: 10px;position: relative;top:2px;}
.form-wrap .wpcf7-list-item label{display: flex;flex-direction: row;align-items: flex-start;}
.form-wrap .wpcf7-list-item span{font-size: 12px;line-height: 20px;}
.form-wrap .wpcf7-list-item span a{color: var(--geel);}



/* Pop-up */
.popup h5{font-weight: bold;font-family: 'Big Shoulders Display', sans-serif;}
.popup-slide{background: var(--grijs-knop);width: 30px;height: 30px;position: absolute;left: -15px;top: calc(50% - 15px);border: 1px solid rgba(0,0,0,0.1);transition: var(--transition-slow);}
.popup-move{transform:translateX(calc(100% - 30px)) !important;}
.flip-btn > i{transform: rotate(180deg);}

/* AB test */
.ab-test{border-top:4px solid var(--geel);}
.ab-test h5{font-size:20px;text-transform:uppercase;margin:0 0 10px 0}
.ab-test.popup{left:0;right:0;position: fixed;bottom:0;transition: var(--transition-slow);opacity: 0;z-index: -999;pointer-events: none;background-color: var(--wit);padding: 12px;box-shadow: 0 .25rem 1rem rgba(0,0,0,.15);transform: translateX(50px);}
.ab-test.popup.show{opacity: 1;z-index: 9999;pointer-events: initial;transform: translateX(0);}
.ab-test .close{background: var(--grijs-knop);width: 30px;height: 30px;position: absolute;right:12px;top: 12px;border: none;transition: var(--transition-slow);}
.ab-test .popup-slide{right: -15px;left:initial;display:none;}
.ab-test.popup-move{transform:translateX(calc((100% - 30px) * -1)) !important;}
.ab-test .sec-cta{display:block;font-size:14px;}
.ab-test .ab-check img{pointer-events:none;}



/* ------------------------------ Media Queries ------------------------------ */
@media(min-width: 400px){
	.oc-menu{border-right: 1px solid rgba(255,255,255,0.5) !important;}
}
@media (min-width: 576px) {
	/* Footer */
	.footer-lijn .lijn{width: 100%;left: calc((-100vw + 540px - 7px) / 2);position: relative;}
}
@media (min-width: 768px) {
	/* Footer */
	.footer{padding: 80px 0 0 0;}
	.footer-lijn{padding: 80px 0 50px 0;}
	.footer-lijn .lijn{left: calc((-100vw + 720px - 7px) / 2);}
	.copyright{padding: 0 0 80px 0;}

	/* Page header */
	.breadcrumbs{margin-bottom: 45px;}
	.page-header{padding: 170px 0 100px 0;}

	/* Algemeen */
	.blok, .nieuwsbrief, .blogs{margin: 100px 0;}
	.blok-zwart{padding: 100px 0;}
	.referenties{padding: 100px 0;margin-top: 100px;}
	.hoek{width: 55px;height: 55px;}

	/* Nieuws */
	.nieuws{padding: 30px 0;}

	/* Vacatures */
	.solliciteren.open, .contact-blok{margin-top: 100px;}

	.vac-archive .row{margin-left: 0;margin-right: 0;}
	.vac-archive .vac-item{border:none;}
	.vac-archive .vac-col{border-right: 2px solid #ededed;border-bottom: 2px solid #ededed;background:#fff;}
	.vac-archive .vac-col:nth-child(odd){padding-right: 0;border-left:2px solid #ededed;}
	.vac-archive .vac-col:nth-child(even){padding-left: 0;}
	
	.vac-archive .vac-col:nth-child(-n+2){border-top: 2px solid #ededed;}
	.vac-archive .no-vac .vac-item{border:2px solid #ededed;}

	.send-row.vac p{justify-content: flex-start;flex-direction: row-reverse;}
	.send-row.vac p .wpcf7-spinner{margin-right: 24px !important;}

	/* Team */
	.team .row{margin-left: 0;margin-right: 0;}
	.team .team-item{border:none;}
	.team .team-col{border-right: 2px solid #ededed;border-bottom: 2px solid #ededed;background:#fff;}
	.team .team-col:nth-child(odd){padding-right: 0;border-left:2px solid #ededed;}
	.team .team-col:nth-child(even){padding-left: 0;}
	.team .team-col:nth-child(-n+2){border-top: 2px solid #ededed;}

	/* Fonts */
	.titel{font-size: 42px;line-height: 50px;}
	.main-content :is(h1,h2,h3,h4){font-size: 32px;line-height: 38px;}
	.main-content .titel.klein{font-size: 25px;line-height: 37px;}

	/* Aanpassingen 14-10-2024 */
	:is(.post-type-archive-faq, .single-faq) .form-wrap #_form_17_ :is(._form_element:nth-child(2), ._form_element:nth-child(4)){right: -24px;}
	:is(.post-type-archive-faq, .single-faq) .form-wrap #_form_17_ ._field38{margin-right: 0;}
}
@media (min-width: 992px) {
	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul.nav{padding:0;margin-top:0;}
	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:inline-flex;align-items:baseline;color:var(--wit) !important;text-decoration:none;font-weight:600;font-size:16px;line-height:100%;padding:40px 0;border:none;transition: var(--transition);}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 15px}
	
	.navbar-collapse ul ul{display: block;position: absolute;top: calc(100% + 2px);border: 2px solid rgba(255, 255, 255, 0.5);border-top: 0;width: fit-content;min-width: 100%;left: 0;text-align: left;transition: var(--transition);transform: translateY(30px);opacity: 0;z-index: -999;pointer-events: none;background-color: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(20px) saturate(70%);backdrop-filter: blur(20px) saturate(70%);}
	.navbar-collapse ul ul::before{position: absolute;top: -2px;width: 100%;height: 2px;content: '';background: transparent;z-index: -1;}
	.navbar-collapse ul li:hover > ul{z-index:999;opacity: 1;pointer-events: initial;transform: translateY(0);}
	.navbar-collapse ul li:hover > a i{transform: rotate(90deg);}

	.navbar-collapse ul ul li{float:none;width:auto;padding: 0;}
	.navbar-collapse ul ul li:hover{background-color:rgba(255,255,255,0.2);}
	.navbar-collapse ul ul a{padding: 20px 25px;color: var(--wit) !important;text-shadow: none;white-space: nowrap;width: 100%;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-nav li li li a {padding:15px}
	.navbar-nav li a i{line-height:1;color: var(--geel);font-size: 12px;margin-left: 10px;transform-origin: center;}

	/* Algemeen */
	.first-content{top:-98px;margin-bottom: -98px;}

	/* Menu */
	.top{padding: 0;border-bottom: 2px solid rgba(255,255,255,0.5);}
	.top .logo{width: 185px;height: 67px;object-fit: contain;}
	.top .logo-wrap::after{position: absolute;top: -14px;right: -40px;height: calc(100% + 29px);width: 2px;background: rgba(255, 255, 255, 0.5);content: '';}
	.top li.contact{background-color: rgba(255, 255, 255, 0.35);-webkit-backdrop-filter: blur(5px) saturate(70%);backdrop-filter: blur(5px) saturate(70%);padding: 0;margin-left: 20px;transition: var(--transition);}
	.top li.contact a{padding: 40px;}
	.top li.contact:hover{background-color: rgba(255, 255, 255, 0.4);}

	/* Footer */
	.footer{padding: 100px 0 0 0;}
	.footer-lijn{padding: 100px 0 50px 0;}
	.footer-lijn .lijn{left: calc((-100vw + 960px - 7px) / 2);}

	/* Home */
	.home-swiper .swiper-slide .slide-content{padding-top: 48px;}
	.kosten{overflow: hidden;}
	.kosten .streep-row::before{position: absolute;left: calc((-100vw + 960px) / 2);top: 110px;height: 2px;width: 100vw;background: rgba(255, 255, 255, 0.25);content: '';z-index: 0;}

	.stappenplan .button-col{position: absolute;right:0;top:0;}
	.stappenplan .data-blok .img-wrap{height: 175px;}

	/* Page header */
	.breadcrumbs{margin-bottom: 60px;}
	.page-header{padding: 222px 0 125px 0;}

	/* Algemeen */
	.blok, .blogs{margin: 125px 0;}
	.blok-zwart{padding: 125px 0;}
	.hoek{width: 75px;height: 75px;}
	.referenties{padding: 125px 0;margin-top: 125px;}

	/* Nieuwsbrief */
	.nieuwsbrief{padding-top: 125px;margin:125px 0;}
	.nieuwsbrief .img{position: absolute;height: calc(100% + 250px);top: -125px;right: 0;min-width: calc((100vw - 240px) / 2);}

	/* Solliciteren */
	.solliciteren::after, .contact-blok::after{height: calc(100% + 77px);}
	.solliciteren.open, .contact-blok{margin-top: 125px;}
	.vac-item, .team-item{padding: 40px;}
	.vac-item .left{aspect-ratio: 1/1;height: 175px;max-height: 175px;}

	/* FAQ */
	.faq .cat-name{margin: 10px 0 0 0;background: var(--wit);width: fit-content;line-height: 35px;padding: 5px 15px 5px 0;}
	.faq-archive-wrap{overflow: hidden;margin:0;padding: 125px 0;}
	.faq-archive-wrap .container::before{position: absolute;left: 25px;top: -125px;height: calc(100% + 250px);width: 2px;background: var(--grijs-border);content: '';z-index: -1;}
	.faq-archive-wrap .row::before{position: absolute;left: 25px;top: 33px;height: 2px;width: calc((100% + 100vw)/2);background: var(--grijs-border);content: '';z-index: -1;}
	.post-type-archive-faq .contact-blok{margin-top: 0;}
	.widget{border:none;}
	.content-col::after{position: absolute;top: -189px;height: calc(100% + 250px + 64px);right: 0;width: 2px;background: var(--grijs-border);content: '';}

	/* FAQ part */
	.faq-part .accordion-item{border-bottom: 2px solid rgb(93 93 93);}
	.faq-part .acc-col:nth-child(n+3) .accordion-item{position: relative;top: -2px;margin-bottom: -2px;}

	/* Aanbieders */
	.logos{padding: 60px 0;}
	.swiper-logos{position: absolute;top:0;padding: 0;height: 100%;z-index:-2;}
	.swiper-logos .swiper-slide-active img{-webkit-filter: blur(10px) saturate(70%);filter: blur(10px) saturate(70%);opacity: 0.4;}

	/* Diensten */
	:is(.home, .single-diensten) .content-5{padding: 75px 0 150px 0;margin: 175px 0 0 0;border-top: 2px solid var(--grijs-border);}
	:is(.home, .single-diensten) .content-5 img{position: relative;top: -125px;height: calc(100% + 150px);}
	:is(.home, .single-diensten) .content-5 .row::after{content:'';position: absolute;right:calc(50% + 12px);top:-75px;height: calc(100% + 225px);width: 2px;background: var(--grijs-border);}

	/* Case/blog swiper */
	:is(.cases, .blogs) .nav-btn{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;background: transparent;color: var(--wit);transition: var(--transition);border:1px solid var(--wit);}
	.blogs .nav-btn{color:var(--grijs-donker);border:1px solid var(--grijs-donker);}
	:is(.cases, .blogs) .nav-btn:hover{background: rgba(255,255,255,0.25);}
	:is(.cases, .blogs) .nav-btn::after{content:'\f061';font-family: 'Font Awesome 6 Pro';font-weight: 400;font-size: 18px;}
	:is(.cases, .blogs) .nav-btn.prev::after{transform: rotate(180deg);}

	:is(.cases, .blogs) .titel{margin-top: 75px;}
	:is(.cases, .blogs) .nav-btn.prev{top:22px;left:12px;}
	:is(.cases, .blogs) .nav-btn.next{top:22px;left:72px;}

	:is(.cases .swiper-cases, .blogs .swiper-blogs){left:calc((-100vw + 960px - 24px)/2);width: calc((100vw + 560px - 400px)/2);direction: rtl;}
	:is(.cases .swiper-cases, .blogs .swiper-blogs) .content{direction: ltr;}

	/* Pop-up */
	.popup{position: fixed;bottom:25px;right: 25px;transition: var(--transition-slow);opacity: 0;z-index: -999;pointer-events: none;background-color: var(--wit);padding: 40px;box-shadow: 0 .25rem 1rem rgba(0,0,0,.15);transform: translateX(50px);}
	.popup.show{opacity: 1;z-index: 9999;pointer-events: initial;transform: translateX(0);}
	.popup h5{font-weight: bold;font-family: 'Big Shoulders Display', sans-serif;}
	.popup-slide{background: var(--grijs-knop);width: 30px;height: 30px;position: absolute;left: -15px;top: calc(50% - 15px);border: 1px solid rgba(0,0,0,0.1);transition: var(--transition-slow);}
	.popup-move{transform:translateX(calc(100% - 30px)) !important;}
	.flip-btn > i{transform: rotate(180deg);}

	/* Fonts */
	.titel{font-size: 49px;line-height: 57px;}
	.main-content :is(h1,h2,h3,h4){font-size: 38px;line-height: 44px;}
	.main-content .titel.klein{font-size: 25px;line-height: 37px;}

	/* 	Activecampaign */
	._form ._form-content ._form_element{width:fit-content}

	/* AB test */
	.ab-test h5{font-size:25px;margin:0 0 15px 0}
	.ab-test.popup{left:25px;bottom:25px;right:initial;max-width:450px;padding:40px}
	.ab-test .popup-slide{right: -15px;left:initial;}
	.ab-test.popup-move{transform:translateX(calc((100% - 30px) * -1)) !important;}
	.ab-test .sec-cta{display:block;font-size:14px;}
	.ab-test .ab-check img{bottom:0;right:0;max-width:176px;}
}
@media(min-width:992px) and (max-width:2559px){
	/* Case swiper */
	:is(.cases, .blogs) .nav-btn.next{left: 12px;transform: rotate(180deg);}
    :is(.cases, .blogs) .nav-btn.prev{left: 72px;transform: rotate(180deg);}
}
@media(min-width:1200px){
	/* Footer */
	.footer-lijn .lijn{left: calc((-100vw + 1140px - 7px) / 2);}

	/* Nieuwsbrief */
	.nieuwsbrief .img{min-width: calc((100vw - 285px) / 2);}

	/* Vacatures */
	.vac-item .left{height: 100%;min-width: 200px;max-width: 200px;min-height: 100%;}

	/* Aanbieders */
	.swiper-logos :is(.swiper-slide-prev, .swiper-slide-next) img{-webkit-filter: blur(2px) saturate(70%);filter: blur(2px) saturate(70%);opacity: 0.75;}

	/* Case/blog swiper */
	.cases .swiper-cases, .blogs .swiper-blogs{left:calc((-100vw + 1140px - 24px)/2);width: calc((100vw + 665px - 475px)/2);}

	/* Home */
	.kosten .streep-row::before{left: calc((-100vw + 1140px) / 2);}

	/* Team */
	.team{overflow: hidden;}
	.team :is(.team-col, .team-col:nth-child(odd), .team-col:nth-child(even), .team-col .team-item){border: none;}
	.team .team-col{border-right: 2px solid #ededed !important;border-bottom: 2px solid #ededed !important;padding-left: 12px !important;padding-right: 12px !important;}
	.team-row, .team-container{position: relative;}
	.team-row::before{position: absolute;left:0;width: 2px;background: #ededed;content:'';height: 100%;}
	.team-row{border-top: 2px solid #ededed;}
}
@media(min-width:1400px){
	/* Algemeen */
	.offset-end-xxl-1{padding-right: 8.33333333%;}

	/* Footer */
	.footer-lijn .lijn{left: calc((-100vw + 1320px - 7px) / 2);}
	.footer-lijn{position: relative;}

	/* Referenties */
	.referenties .ref-col:nth-child(2) .ref-item::before{position: absolute;content:'';width: 2px;background: var(--grijs-border);height: calc(100% + 254px);top:-127px;left: calc(50% - 1px);z-index:-1;}
	.ref-item .clamp{-webkit-line-clamp: 5;}

	/* Nieuwsbrief */
	.nieuwsbrief .wpcf7-form :is(input[type="text"],input[type="email"]){margin-bottom: 0;}
	.nieuwsbrief :is(.wpcf7-form,._form) :is(input[type="text"],input[type="email"]){margin-bottom: 0;}
	.nieuwsbrief .img{min-width: calc((100vw - 330px) / 2);}
	.nieuwsbrief .container::after{position: absolute;content: '';width: 2px;background: var(--grijs-border);height: calc(100% + 375px);top: -250px;right: 12px;z-index: -1;}

	/* Referenties */
	.ref-archive-wrap{overflow: hidden;}
	.review-header{padding-bottom: 50px;}
	.review-row{padding-top:50px;}
	.review-header::after{position: absolute;content: '';background: var(--grijs-border);bottom: 0;height: 2px;left: calc((-100vw + 1320px) / 2);width: 100vw;}
	.review-col::after{position: absolute;content: '';background: var(--grijs-border);width: 2px;height: calc(100% + 173px);top: -125px;right: -75px;}

	.review-row::after{position: absolute;content: '';height: calc(100% + 125px);background: var(--grijs-border);width: 2px;top: 0px;left: 219px;z-index: -1;}
	.review-row :not(.ref-col.last, .ref-col:nth-child(3n)) .ref-item::after{position: absolute;content: '';height: 2px;background: var(--grijs-border);width: 24px;top: calc(50% - 1px);right: -26px;z-index: -1;}

	/* Nieuws */
	.nieuws{border-bottom:2px solid var(--grijs-border);padding: 30px 0 125px 0;}

	/* Case/blog swiper */
	.cases .swiper-cases, .blogs .swiper-blogs{left:calc((-100vw + 1320px - 24px)/2);width: calc((100vw + 770px - 550px)/2);}

	/* Home */
	.kosten .streep-row::before{left: calc((-100vw + 1320px) / 2);}
	.stappenplan .blokken-col{margin-top: 90px;}
	.stappenplan .data-blok .img-wrap{height: 150px;}
}
@media(min-width:1600px){
	/* Algemeen */
	.hoek{width: 150px;height: 150px;}

	/* Single cases */
	:is(.single-cases, .single-diensten) .content-3 .container::before{position: absolute;content:'';width: 2px;background: var(--grijs-border);height: calc(100% + 250px);top:-125px;left:12px;z-index:-1;}
	.single-diensten .content-3 .container::before{left:-75px;}
	.single-cases .content-3 .container::after{position: absolute;content:'';width: 2px;background: var(--grijs-border);height: calc(100% + 250px);top:-125px;right: 12px;z-index:-1;}

	/* Footer */
	.footer-lijn::before{content: '';position: absolute;bottom: 50px;left: -30px;background-image: url(images/beeldmerk.svg);background-repeat: no-repeat;background-size: contain;opacity: 0.1;width: 300px;height: 350px;}

	/* Vacatures */
	.vac-archive .vac-col:nth-child(-n+2){border-top: none;}
	.vac-archive{overflow: hidden;position: relative;margin:0 !important;padding: 125px 0;}
	.vac-archive .row::before, .vac-archive .row::after{position: absolute;top: -125px;height: 125px;width: 2px;content: '';background: #ededed;left: 12px;}
	.vac-archive .row::after{top:unset;bottom: -125px;left:unset;right: 12px;height: 127px;}
	.vac-archive .container{position: relative;padding-top: 2px;padding-bottom: 2px;}
	.vac-archive .container::before, .vac-archive .container::after{position: absolute;width: 100vw;content:'';height: 2px;background: #ededed;left:calc((-100vw + 1320px)/2);top:0;}
	.vac-archive .container::after{bottom: 2px;top: unset;}

	.vac-archive .no-vac{border-left: 2px solid #ededed;border-right: 2px solid #ededed;}
	.vac-archive .no-vac .vac-item{border:none;}

	/* Team */
	.team{margin:0 !important;padding: 125px 0;}
	.team-row{border-top:none;}
	.team-container{padding-top: 2px;padding-bottom: 2px;}
	.team-container::before, .team-container::after{top:0;position: absolute;width: 100vw;content: '';height: 2px;background: #ededed;left: calc((-100vw + 1320px) / 2);}
	.team-container::after{bottom: 2px;top: unset;}
	.team-row::before{height: calc(100% + 127px);}
	.team-row::after{position: absolute;right: 0;width: 2px;background: #ededed;content: '';height: calc(100% + 127px);}
}
@media(min-width:2560px){
	/* Case swiper */
	.cases .swiper-cases, .blogs .swiper-blogs{left:0;width: 100%;direction: ltr;}

	/* Aanbieders */
	.logos{border-top:2px solid var(--grijs-border);border-bottom: 2px solid var(--grijs-border);}
	.logos .swiper-logos{border:none;margin: 0 auto;width: 1320px;left: 0;right: 0;}
	.logos .swiper-logos :is(.swiper-slide-prev, .swiper-slide-next) img{-webkit-filter: none;filter: none;opacity: 1;}
}