/*
Theme Name: Vizien v2.4.1
Author: Roald Craenen
Author URI: https://www.vizien.nl/
Version: 2.4.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;

	--zwart:#000;
	--wit:#FFF;
	--grijs-bg:#F6F6F6;

	--blauw:#009FE3;
	--blauw-donker:#001C3B;
	--blauw-alt:#004899;
}

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:'Ubuntu', 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}
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 */
.transition{transition:all 100ms ease-in-out;}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.objectfit_ie{background-size:cover;background-position:50%;}
.objectfit_ie img{width:100%;height:100%;object-fit:cover;display:block;}
.grecaptcha-badge{display:none;}
.clickable:hover{cursor:pointer;}
.w-fitcontent{width: fit-content;}

/* 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;display:flex;align-items:center;font-size:20px;font-weight:500;padding:10px 25px;/*border-bottom: 1px solid rgba(255,255,255,0.1);*/}
.navbar-nav li a i{transition:all 100ms ease-in-out;line-height: 1.75;transition: var(--transition);}
.navbar-nav li a i.active{transform: rotate(90deg);}
/*.navbar-nav li a i.active{-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}*/
.navbar-collapse{background-color:transparent;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;margin-left: 0;margin-right: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* Menu */
.top{padding:10px 0;background-color:transparent;transition: var(--transition);}
.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.1);background-color: #fff;}
.m-logo{display: block;object-fit: contain;}

.oc-menu .navbar-nav ul.sub-menu{padding-left: 0;margin-bottom: 25px;}
.oc-menu .navbar-nav li.menu-item-has-children li a{padding: 10px 25px;font-size: 16px;font-weight: 400;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.oc-menu .navbar-nav li a i{margin:0 15px 0 0;}

.oc-toggler{margin: 0;padding: 0;background:transparent;border: none;}
.oc-toggler span{width: 28px;height: 3px;border-radius: 10px;overflow: hidden;background: var(--blauw-alt);}
.oc-toggler span:nth-child(2){margin:5px 0;}
.oc-toggler span:nth-child(3){width: 18px;}
.oc-close{border: none;background: transparent;color:#fff;font-size: 26px;padding: 0 0 0 5px;margin-left: 10px;}
.oc-phone, .oc-phone:hover{color: #fff;font-size: 16px;padding: 6px;}

.oc-menu{background: rgb(0,159,227);background: linear-gradient(171deg, rgba(0,159,227,1) 0%, rgba(0,75,155,1) 70%, rgba(0,72,153,1) 100%);}
.oc-menu::after{position: absolute;z-index: -1;pointer-events: none;content: '';background-image: url(images/beeldmerk-wit.svg);bottom: 0;right: 0;width: 350px;height: 450px;background-repeat: no-repeat;background-size: 150%;background-position: 0% 0%;opacity: 0.025;}
.oc-header{padding: 12px 16px;background: transparent;}
.oc-body{padding: 20px 0 0 0;margin:0;background: transparent;}
.oc-body .wrap{margin:25px 16px;}

/* Breadcrumbs */
.breadcrumbs{margin: 0 0 25px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;line-height: 30px;}
.breadcrumbs span{font-weight:400;color:#CCDAEB;}
.breadcrumbs span i:not(.fa-house){padding:0 10px;font-size:14px;}
.breadcrumbs span a{text-decoration:none;color:#CCDAEB;}
.breadcrumbs span .breadcrumb_last{font-weight: 500;color:#B2C7E0;}

/* FAQ */
.faq #accordionGroup{width:100%;border-bottom: 1px solid #009fe329;}
.faq .accordion-item{border:none;border-radius: 0 !important;background: transparent;}
.faq .accordion-header{padding:0;border:none;}
.faq .accordion-button:focus{box-shadow: none !important;}
.faq h4{font-size:18px;font-weight:600;text-transform:none;margin:0;color: var(--blauw-donker);}
.faq h4 button{padding:20px 0;font-weight:600;font-size: 18px;line-height: 1.25;background: transparent;box-shadow: none !important;border-top: 1px solid #009fe329;}
.faq h4 button.collapsed{color:var(--zwart);background-color:transparent;border-radius: 0 !important;box-shadow: none !important;}
.faq h4 button:after{content:none}
.accordion-button:not(.collapsed){color:var(--zwart);background-color:transparent;box-shadow: none !important;border-radius: 0 !important;}
.faq .accordion-body{padding: 0 0 20px 0;}
.faq .accordion-body .leesmeer{color: var(--blauw-alt);font-weight: bold;display: block;width: fit-content;text-decoration: none;}
.faq .accordion-body .leesmeer i{font-size: 14px;padding-left: 5px;}
.faq .accordion-body .leesmeer:hover i{transform: translateX(5px);}

.faq .accordion-button i{transition: var(--transition);margin-left: 25px;color: var(--zwart);}
.faq .accordion-button:not(.collapsed) i{transform: rotate(90deg);}

/* Footer */
.footer{background-color:var(--blauw-donker);color:#fff;padding: 60px 0;}
.footer .logo{display: block;object-fit: contain;}
.footer h4{color:#fff;font-size:24px;font-weight: bold;margin-bottom: 15px;}
.footer a,.copyright a{color:#fff;text-decoration:none}
.footer ul.footernav{list-style:none;margin:0;padding:0}
.footer .footer-contact p a{display: block;width: max-content;}
.footer ul.footernav{margin: 0;padding: 0;}
.footer ul.footernav li{list-style-type: none;font-size: 16px;line-height: 30px;}
.footer ul.footernav li a{position: relative;padding-left: 30px;}
.footer ul.footernav li a::before{transition: var(--transition);content:'\f061';color: var(--blauw);left:0;position: absolute;font-family: 'Font Awesome 6 Pro';font-weight: 400;}
.footer ul.footernav li a:hover:before{transform: translateX(5px);}
.footer .tekst :is(a, span){color: #fff !important;}

.footer .keurmerken .merk{width: 50px;}
.footer .keurmerken .merk img{display: block;width: 40px;height: auto;object-fit: contain;}

.footer .ul-regio a{max-width: unset !important;}
.footer .ul-regio li{line-height:28px;}
.footer .ul-regio li::before{display: none;}
.footer .ul-regio a span.slash{color:var(--blauw) !important;}

.copyright{background-color: var(--blauw-donker);color: #fff;padding-top: 45px;margin-top: 60px;line-height: 2;border-top: 2px solid rgba(255, 255, 255, 0.1);}
.copyright a.underline{text-decoration:underline;}
.copyright a.social{background-color:#355171;color:#fff;width:30px;height:30px;border-radius:50%;font-size: 14px;color:#fff;margin-left: 5px;}
.copyright :is(span, a, strong){display: inline-block;white-space: nowrap;font-size: 16px;}
.copyright .copy span.split{margin: 0 10px;opacity: 0.25;}

/* Contact form */
.wpcf7-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 12px 0;padding: 10px 15px;border: 1px solid #CCDAEB;width: 100%;color: var(--blauw-donker);background-color: #fff;border-radius: 10px;}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !important}
.wpcf7-form :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="text"],textarea)::placeholder{color: rgba(0,28,59,0.5) !important;}
.wpcf7-form textarea{height: 200px;}

.wpcf7-validation-errors{border:2px solid #ff0000 !important;margin:0 0 20px 0 !important;color:#ff0000 !important;padding:10px !important}
div.wpcf7-response-output{background-color:rgba(152,27,30,0.1);margin: 30px 0 0 0!important;line-height: 1.5;padding: 12px 15px !important;}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);}
span.wpcf7-not-valid-tip{display:none !important;}

.wpcf7-form .send-row button{border: none;padding: 10px 50px 10px 25px;margin-top: 0;}
.wpcf7-form .send-row button:hover{padding: 10px 25px 10px 50px !important;}
.wpcf7-form .send-row p{display: flex;align-items: center;flex-direction: row-reverse;justify-content: flex-start;}
.wpcf7-form .send-row .wpcf7-spinner{margin-left: 0 !important;}

/* File upload */
#vacModal .wpcf7-form input[type=file]{position: relative;width: 100%;padding: 10px 65px 10px 15px;margin-bottom: 10px;background: #fff;color: rgba(0,28,59,0.5);border: 1px solid #CCDAEB;border-radius: 10px;transition: var(--transition);}
#vacModal .wpcf7-form input::file-selector-button{display: none !important;}
#vacModal .wpcf7-form input[type=file]::before{position: absolute;content: 'Upload je CV';background: #fff;display: inline-flex;align-items: center;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;width: 100%;left: 0;top: 0;padding: 10px 65px 10px 15px;color: rgba(0,28,59,0.5) !important;transition:var(--transition);}
#vacModal .wpcf7-form input[type=file]::after{transition: var(--transition);content: '\e09a';font-family: 'Font Awesome 6 Pro';display: inline-flex;position: absolute;right: 0;padding: 0;width: 50px;align-items: center;justify-content: center;color: #fff;top: 0;height: 100%;font-weight: 400;background: rgb(0, 159, 227);background: linear-gradient(90deg, rgba(0, 159, 227, 1) 0%, rgba(0, 72, 153, 1) 100%);font-size: 24px;border-radius: 10px 0 0 10px;}

#vacModal .wpcf7-form input[type=file]:hover:before{background:#edf2f8;}

#vacModal .wpcf7-form input.file-selected[type=file]::before{content:'';background: transparent;}
#vacModal .wpcf7-form input.file-selected[type=file]::after{content:'\f058';}

/* 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 */
a.underline:hover span{text-decoration: underline !important;opacity: 0.8;}
.img-wrap{display: block;overflow: hidden;}
.img-wrap img{display: block;object-fit: cover;width: 100%;height: 100%;}
.img-wrap img.contain{object-fit:contain;}
.ar-1{aspect-ratio: 1;}
.ar-16-9{aspect-ratio: 16/9;}
.ar-4-3{aspect-ratio: 4/3;}
.br-20{border-radius: 20px;}
.lh-24, .lh-24 > p{line-height: 24px !important;}

.divider{display: block;width: 100%;position: relative;height: 1px;background: #0048991c;}

/* Knoppen */
.knop{text-decoration: none;display: inline-flex;width: fit-content;height: fit-content;align-items: center;justify-content: center;color: var(--wit);font-size: 16px;border-radius: 50px;transition: var(--transition);padding: 15px 50px 15px 25px;border: none;position: relative;background: rgb(0,159,227);background: linear-gradient(90deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 100%);font-weight: 500;z-index: 1;}
.knop::before{content: '';position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(270deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 100%);border-radius: 50px;opacity: 0;}
.knop::after{position: absolute;right: 25px;font-size: 16px;color: var(--wit);content:'\f061';font-family: 'Font Awesome 6 Pro';font-weight: 400;transition: var(--transition);}
.knop:hover{color: var(--wit);padding: 15px 25px 15px 50px;background: transparent;}
.knop:hover:before{opacity: 1;}
.knop:hover:after{right:calc(100% - 36px);}

.knop.wit{border:2px solid var(--wit);background: transparent;padding: 13px 50px 13px 25px;}
.knop.wit:hover{padding: 13px 25px 13px 50px;}
.knop.wit::before{display: none;}

.knop-dun{display: inline-flex;align-items: center;font-size: 16px;transition: var(--transition);text-decoration: none;font-weight: 500;color:#9CE1FF;}
.knop-dun:hover{color:#9CE1FF;}
.knop-dun:hover > i{right: unset;transform: translateX(-100%);}

.btn-support{display: inline-flex;width: fit-content;height: fit-content;font-size: 16px;color: var(--wit);border: 2px solid var(--wit);padding: 15px 25px;border-radius: 50px;transition: var(--transition);text-decoration: none;font-weight: 500;position: relative;}
.btn-support:hover{background: #fff;color: var(--blauw-donker);}

/*.knop.no-arrow{padding: 15px 25px;}
.knop.no-arrow::after{display: none;}*/

.btn-support:not(.empty), .support .knop{padding: 15px 50px 15px 25px;}
.btn-support:not(.empty)::after, .support .knop::after{position: absolute;right: 25px;font-size: 16px;color: var(--wit);content:'\e5e7';font-family: 'Font Awesome 6 Pro';font-weight: 400;transition: var(--transition);}
.btn-support:not(.empty):hover, .support .knop:hover{padding: 15px 25px 15px 50px;}
.btn-support:not(.empty):hover:after{right:calc(100% - 36px);color:var(--blauw-donker);}
.support .knop:hover:after{right:calc(100% - 36px);color:var(--wit);}

.btn-support.empty{width: 222px;}

/* Swiper */
.swiper{position: relative;width: 100%;overflow: hidden;}
.swiper-pagination-bullet{transition: var(--transition);}
.swiper-slide{height: auto;}

/* Fonts */
.tekst :is(p, li, a, span, strong){font-size: 16px;line-height: 28px;color: var(--blauw-donker);font-weight: 400;}
.tekst a{color: var(--blauw);}
.tekst strong{font-weight: bold !important;}

.tekst :is(ul, ol){/*margin:30px 0 0 0;*/margin:20px 0 0 0;list-style-type: none;padding: 0;}
.tekst :is(ul, ol) li{position: relative;padding-left: 30px;}
.tekst :is(ul, ol) li::before{position: absolute;content:'\f00c';left:0;font-family: 'Font Awesome 6 Pro';font-weight: 400;color: var(--blauw-donker);}
.tekst :is(ul, ol) li + li{margin-top: 10px;}
.tekst :is(ul, ol) + :is(p, h1, h2, h3){margin-top: 30px;}

h1.titel.groot{font-size: 28px;}
.titel{margin:0 0 15px 0;color: var(--blauw-donker);line-height: calc(100% + 10px);font-weight: 500;text-wrap:pretty;font-size: 24px;}
.subtitel{font-size: 18px;line-height: calc(100% + 5px);margin-bottom: 5px;font-weight: 500;}

.wit, .wit :is(strong, span, p, li, strong){color: var(--wit) !important;}
.blauw{color: var(--blauw);}
.donker{color: var(--blauw-donker);}

.main-content :is(h1,h2,h3,h4){margin:40px 0 15px 0;color: var(--blauw-donker);line-height: calc(100% + 10px);font-weight: 500;}
.main-content :is(h1,h2){font-size: 24px;}
.main-content h3{font-size: 22px}
.main-content h4{font-size: 20px;}
.main-content h2:first-of-type{margin-top: 0;}
.main-content :is(ul, ol) li{padding-left: 20px;}
.main-content :is(ul, ol) li::before{content: '\e122';font-weight: 600;font-size: 10px;color: var(--blauw-donker);top: 1px;}

/* Banner */
.banner{background: rgb(0,72,153);background: linear-gradient(109deg, rgba(0,72,153,1) 0%, rgba(0,159,227,1) 100%);padding: 80px 0;}
.banner .img-wrap{width: 350px;height: calc(100% + 160px);overflow: hidden;border-radius: 20px;position: absolute;top: -160px;right: 0;background: rgb(178, 199, 224);background: linear-gradient(0deg, #99a9bb 0%, rgb(166 179 187 / 75%) 30%, rgba(255, 255, 255, 0) 70%);}
.banner .img-wrap img{object-position: 50% 0%;display: block;width: 100%;height: calc(100% - 50px);}
.banner .content{position: absolute;width: 100%;bottom: 0;left: 0;padding: 30px;z-index: 1;}
.banner .content::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% + 40px);background: rgb(0, 0, 0);background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);z-index: -1;}
.banner .content span:nth-child(1){font-size: 16px;font-weight: 400;line-height: 18px;}
.banner .content span:nth-child(2){font-size: 20px;font-weight: 500;line-height: 28px;}

.banner .knop.wit:hover{background: #fff;color:var(--blauw-donker) !important;}
.banner .knop.wit:hover:after{color:var(--blauw-donker) !important;}

/* Gradients */
/*.gradient-bw{background: rgb(242,247,249);background: linear-gradient(180deg, rgba(242,247,249,1) 0%, rgba(255,255,255,1) 100%);}
.gradient-wb{background: rgb(242,247,249);background: linear-gradient(0deg, rgba(242,247,249,1) 0%, rgba(255,255,255,1) 100%);}*/

/*.gradient-bw{background: #F2FAFE;background: linear-gradient(180deg, rgba(242,250,254,1) 60%, rgba(255, 255, 255, 1) 87%);}
.gradient-wb{background: #F2FAFE;background: linear-gradient(0deg, rgba(242,250,254,1) 60%, rgba(255, 255, 255, 1) 87%);}*/

.gradient-bw{background: #F2F7F9;background: linear-gradient(180deg, #F2F7F9 60%, rgba(255, 255, 255, 1) 87%);}
.gradient-wb{background: #F2F7F9;background: linear-gradient(0deg, #F2F7F9 60%, rgba(255, 255, 255, 1) 87%);}


/* Page header */
.page-header{position: relative;top:-50px;margin-bottom: -50px;padding: 75px 0 50px 0;/*padding: 100px 0 75px 0;*/}
.page-header.pb-small{padding: 100px 0 50px 0;}

/* Homepage */
.home-header{padding:100px 0;}
.home-header .cta-blok{background: rgb(0,72,153);background: linear-gradient(139deg, rgba(0,72,153,1) 30%, rgba(0,159,227,1) 100%);border-radius: 30px;padding: 30px;}
.home-header .cta-blok::before{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-wit.svg);top: -100px;left: -50px;width: 50%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: 100% 50%;opacity: 0.045;}
.home-header .cta-blok .img-wrap{width: 125px;height: 125px;display: block;border-radius: 50%;}

.home-header .cta-blok .knop-dun:hover > i{transform: translateX(3px);}

.home-header .typed-wrap{width: fit-content;/*background: #fff;padding: 0 10px 2px 10px;margin-top: 10px;*/position: relative;z-index: 3;display: block;min-height: 38px;}
.home-header .typed-cursor{color: var(--blauw);}

.usps{margin: 100px 0;}
.usps .icon{min-width: 60px;min-height: 60px;width: 60px;height: 60px;border-radius: 10px;background: #fff;box-shadow: 0px 3px 6px #00000021;margin-right: 25px;}
.usps .icon i{font-size: 28px;color: var(--blauw-alt);}
.usps strong{font-size: 18px;line-height: 24px;color: var(--blauw-donker);margin-bottom: 5px;}
.usps span{font-size: 16px;color:#878787;line-height: 24px;}

.diensten-swiper{padding-bottom: 40px;}
.diensten-swiper .swiper-pagination{bottom:0;}

.dienst-item{border-radius: 20px;background: #ffffff;padding: 30px;/*border: 1px solid #d7d7d7;*/transition: all 250ms ease-in-out;box-shadow:0px 30px 60px #00000012;}
.dienst-item .icon i{transition: var(--transition);font-size: 28px;color:var(--blauw-alt);opacity: 0.25;}
.dienst-item .tekst{font-size: 14px;line-height: 24px;color: var(--blauw-donker);-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.dienst-item a{font-size: 14px;font-weight: bold;color:var(--blauw-alt);}
.dienst-item a:hover i{transform: unset;}

.dienst-item:hover{transform:translateY(-5px);}
.dienst-item:hover :is(a, a i){color: var(--blauw-alt);}

.diensten-swiper .dienst-item{box-shadow: none;}
.diensten-swiper .dienst-item:hover{transform: unset;}

.swiper-logos .swiper-wrapper{-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
.swiper-logos .logo{background-color: #fff;border: 1px solid #001C3B12;border-radius: 20px;padding: 15px 20px;width: fit-content;height: fit-content;}
.swiper-logos .logo img{display: block;object-fit: contain;-webkit-filter:grayscale(1);filter: grayscale(1);opacity: 0.65;width: 125px;height: 35px;}

.blok-ww{border-radius: 20px;background: #fff;border: 1px solid #d7d7d7;padding: 30px;}
.blok-ww .icon{min-width: 40px;width: 40px;min-height: 40px;height: 40px;border-radius: 50%;background: rgb(0,159,227);background: linear-gradient(156deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 70%);}
.blok-ww .icon i{font-size: 17px;color: #fff;}
.blok-ww h4{color: var(--blauw-donker);font-size: 20px;font-weight: bold;line-height: 24px;}
.blok-ww p{color: var(--blauw-donker);font-size: 14px;line-height: 22px;}

/* Contact */
.page-template-contact .form-wrap{background: #fff;border-radius: 20px;padding: 30px;border: 1px solid #d7d7d7;}
.page-template-contact .info a.w-fitcontent:not(i){color: var(--blauw-donker);}
#maps, #maps iframe{height: 350px;border-radius: 20px;}

/* Referenties */
.ref-item{border-radius: 20px;background: #ffffff;padding: 30px;border: 1px solid #d7d7d7;}
.ref-item .foto{border-radius: 50%;min-width: 80px;min-height: 80px;height: 80px;width: 80px;/*overflow: hidden;*/display: inline-flex;align-items: center;justify-content: center;}
.ref-item .foto img{display: block;width: 100%;height: 100%;object-fit: contain;}
.ref-item .info strong{font-size: 16px;color: var(--blauw-donker);line-height: 20px;}
.ref-item .info span{font-size: 14px;font-weight: 300;color: var(--blauw-donker);line-height: 18px;margin-top: 5px;}

.ref-swiper{padding-bottom: 40px;}
.ref-swiper .swiper-pagination{bottom: 0;}
.ref-swiper .tekst{-webkit-line-clamp: 5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.ref-swiper .swiper-slide{height: auto;}
.ref-swiper .swiper-slide .ref-item{height: 100%;position: relative;overflow: hidden;}
.ref-swiper .swiper-slide .ref-item::before{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-blauw.svg);top: -90px;right: -20px;width: 40%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: 100% 50%;opacity: 0.025;}

.nav-btn{background: rgb(0,159,227);background: linear-gradient(180deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 100%);min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;border-radius: 50%;transition: var(--transition);}
.nav-btn.swiper-button-disabled{opacity: 0;}
.nav-btn::after{content:'\f105';font-family: 'Font Awesome 6 Pro';color: #fff;font-weight: 400;font-size: 22px;}
.nav-btn.prev::after{transform: rotate(180deg);}

/* Widget */
.widget{padding: 30px;border-radius: 20px;background: rgb(0,159,227);background: linear-gradient(180deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 100%);box-shadow: 0px 3px 6px #00000029;position: relative;overflow: hidden;}
.widget::after{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-wit.svg);top: 0;right: -60px;width: 250px;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: 0% calc(0% - 30px);opacity: 0.045;}
.widget h5{font-size: 20px;font-weight: 500;line-height: 26px;}

.widget button:hover{background: var(--wit);color: var(--blauw-donker) !important;}
.widget button:hover:after{color: var(--blauw-donker);}

/* Pagination */
.custom-pag{overflow-x: auto;}
.custom-pag a, .custom-pag span.current{text-decoration:none;display: inline-flex;align-items: center;justify-content: center;min-width: 36px;min-height: 36px;background: #fff;border-radius: 50%;margin-right: 12px;font-size: 16px;font-weight: 500;color: var(--blauw-donker);transition: var(--transition);border: 1px solid #B2C7E0;}
.custom-pag span.current{background: var(--blauw);color: #fff;border: none;}
.custom-pag a:hover{background:var(--grijs-bg);}
.custom-pag :is(.next, .prev){background: #fff;color: var(--blauw-donker);}
.custom-pag :is(.next, .prev) i{font-size: 13px;}
.custom-pag .page-numbers.dots{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-right: 12px;}

/* FAQ filters */
.filter-faqs{list-style: none;margin: 0;padding: 0;}
.filter-faqs li + li{margin-left:10px;}
.filter-faqs li a{text-decoration:none;color:var(--zwart);font-weight:600;padding:5px 10px;transition:var(--transition);display:block;background-color:#f5f5f5;border-radius:5px;white-space: nowrap;}
.filter-faqs :is(li:hover a,li a.active){background-color:#E5ECF5;color:#fff;color: var(--blauw-alt);}

.scroll-mobile{display: flex;overflow-x: scroll;}

/* Diensten */
.knop-dienst{text-decoration: none;width: fit-content;height:fit-content;font-size: 16px;border-radius: 50px;transition: var(--transition);padding: 15px 25px;position: relative;background: transparent;font-weight: 500;border:2px solid var(--blauw-alt);color:var(--blauw-alt);}
.knop-dienst:hover{color:#fff;background:var(--blauw-alt);}

/* Standaard pagina */
.page-banner .wrap{top: 0;left: 0;width: 100%;height: 100%;}
.page-banner .wrap::after{content:'';width: 100%;height: 100%;top:0;left:0;position: absolute;z-index: 1;background: rgb(0, 72, 153);background: linear-gradient(109deg, rgb(9 54 105) 0%, rgb(49 147 189) 100%);opacity: 0.75;}
.page-banner .wrap img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-filter:brightness(0.5);filter:brightness(0.5);}
.page-banner .content{padding: 75px;}
.page-banner .content .titel{text-wrap: balance;}

/* Team */
/*.team-item{aspect-ratio: 3/3.5;border-radius: 20px;overflow: hidden;box-shadow: 0px 3px 6px #00000029;}*/
:is(.team-item, .case-item, .vac-item) .wrap::before{content:'';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.5) 100%);z-index: 2;}
:is(.team-item, .case-item, .vac-item) img{width: 100%;height: 100%;display: block;object-fit: cover;transition: var(--transition);}
.team-item .overlay{position: absolute;bottom: 0;left: 0;z-index: 3;padding: 30px;width: 100%;}
.team-item strong{font-size: 20px;font-weight: 500;line-height: 24px;margin-bottom: 5px;}
.team-item span{color:#9CE1FF;font-size: 14px;font-weight: 400;line-height: 18px;}

/* Team hover */
.team-item{aspect-ratio: 3/3.5;perspective: 500px;}
.team-item .content{position: absolute;width: 100%;height: 100%;transition: transform 1s;transform-style: preserve-3d;box-shadow: 0px 3px 6px #00000029;border-radius: 20px;}
.team-item:has(.back) .overlay{transition: var(--transition);}
.team-item:has(.back):hover .content{transform: rotateY(180deg);transition: transform 0.5s;}
.team-item:has(.back):hover .overlay{opacity: 0;}
.team-item :is(.front, .back){position: absolute;height: 100%;width: 100%;backface-visibility: hidden;overflow: hidden;border-radius: 20px;}
.team-item .back{transform: rotateY(180deg);}

/* Cases */
.single-cases .tag{font-size: 14px;line-height: 100%;margin-bottom: 10px;display: block;}
.single-cases .stap{border-radius: 30px;padding: 30px;}
.single-cases .stap strong{font-size: 18px;line-height: 26px;}
.single-cases .stap:first-of-type{background:#E5ECF5;}
.single-cases .stap:last-of-type{background: rgb(0,159,227);background: linear-gradient(145deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 100%);}

.swiper-cases{width: calc(100% + 24px);left: -12px;}

.case-item, .vac-item{aspect-ratio: 3/3.5;border-radius: 20px;overflow: hidden;box-shadow: 0px 3px 6px #00000029;}
/*.case-item img{width: 100%;height: 100%;display: block;object-fit: cover;transition: var(--transition);}*/
:is(.case-item, .vac-item) .content{width: 100%;position: absolute;bottom: 0;left:0;z-index: 3;padding: 30px;transition: var(--transition);}
:is(.case-item, .vac-item) span{color:#9CE1FF;font-size: 14px;display: block;margin-bottom: 5px;}
:is(.case-item, .vac-item) h3{font-size: 20px;line-height: 24px;}
:is(.case-item, .vac-item) a{transition: var(--transition);min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;border-radius: 50%;background: #354659;text-decoration: none;}
:is(.case-item, .vac-item) a i{color: #fff;transition: var(--transition);transform: rotate(-45deg);font-size: 18px;}

:is(.case-item:hover, .vac-item:hover) img{transform: scale(1.05);}
:is(.case-item:hover, .vac-item:hover) a{background: var(--blauw-alt);}
:is(.case-item:hover, .vac-item:hover) a i{transform: unset;}

/* Vacatures */
.vac-header .details span{color: var(--blauw);font-size: 16px;line-height:24px;margin-right: 20px;}
.vac-header .img-wrap{height: 325px;}
.vac-content .tekst + h2{margin-top: 50px;}

.vac-item .overlay{position:absolute;bottom:0;left:0;padding: 0 80px 30px 30px;transition: var(--transition);border-radius: 0 0 20px 20px;transform: translateY(25px);opacity: 0;pointer-events: none;z-index: 3;}
.vac-item .overlay .tekst{-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.vac-item .overlay .tekst p{font-size: 14px;line-height: 22px;font-weight: 300;color:#e9e9e9 !important;}

#vacModal h3{color:var(--blauw-alt);margin: 0;}
#vacModal .modal-header .close{font-size: 24px;background: transparent;border:none;padding: 0 0 0 10px;}
#vacModal .modal-content{border-radius: 20px;}

.sol-item{overflow: hidden;border-radius: 20px;aspect-ratio: 3/3.5;background: rgb(0,159,227);background: linear-gradient(180deg, rgba(0,159,227,1) 0%, rgba(0,72,153,1) 100%);padding: 30px;}
.sol-item span{color:#9CE1FF;font-size: 14px;}
.sol-item::after{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-wit.svg);top: 0;right: 0;width: 250px;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: 0% calc(0% - 30px);opacity: 0.045;}

.team-item.vac .wrap::after{position: absolute;z-index: 2;pointer-events: none;content: '';background-image: url(images/beeldmerk-blauw.svg);top: 0;right: 0;width: 250px;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: 0% 0%;opacity: 0.15;}
.team-item.vac img{-webkit-filter: brightness(0.75);filter: brightness(0.75);}

/* Vacature counter */
.vac-footer a, .vac-menu a{position: relative;}
.vac-count{background: var(--blauw);display: inline-flex;align-items: center;justify-content: center;width: 17px;height: 17px;border-radius: 25px;font-size: 10px;position: absolute;line-height: 11px;color: #fff;top: calc(50% - 9px);margin-left: 5px;}
.oc-menu .vac-menu a{display: block !important;}

/* Werken bij */
.videoModal .modal-content{background: transparent;border: none;}
.videoModal .modal-header{padding: 0;border: 0;}
.videoModal .modal-header .oc-close{padding: 10px;color: #fff;background: var(--blauw-alt);border-radius: 50%;min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;margin-bottom: 15px;font-size: 22px;}
.videoModal .modal-body{padding: 0;margin-bottom: -3px;}

.video-wrap{position: relative;overflow: hidden;border-radius: 20px;}
.video-wrap .thumb{display: block;width: 100%;height: 100%;object-fit: cover;filter: brightness(0.6);filter: brightness(0.6);}
.video-wrap .oc-video{display: flex;align-items: center;justify-content: center;min-width: 60px;width: 60px;min-height: 60px;height: 60px;background: #335173;border-radius: 50%;border: none;position: absolute;z-index: 10;left: calc(50% - 30px);top: calc(50% - 30px);padding: 0;font-size: 26px;color: #fff;}
.video-wrap .oc-video::before{content: '';position: absolute;width: 68px;height: 68px;left: -4px;top: -4px;border: 4px solid rgba(255, 255, 255, 0.75);border-radius: 50%;animation: playButton 3s ease-in-out 0s infinite normal forwards;z-index: -1;}

@keyframes playButton{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
.video-iframe{aspect-ratio: 16/9;}
.page-template-werken-bij .modal-backdrop{opacity: 0.65 !important;}

.wb-gallery .wb-item a{display: block;width: fit-content;height: fit-content;overflow: hidden;border-radius: 20px;}
.wb-gallery .wb-item a img{display: block;width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16/9;}

#load-more::after{transform: rotate(90deg);}

/* Margings/paddings */
.blok{margin: 75px 0;}
.blok-p{padding: 75px 0;}
.bg-grijs{background: var(--grijs-bg);}
.bg-blauw{background: #F2FAFE;}
.mt-35{margin-top: 35px;}
.mb-35{margin-bottom: 35px;}
.row-blok{margin-top: 75px;}

.bg-alt{background: #F2FAFE;background: linear-gradient(0deg, rgba(242,250,254,1) 0%, rgba(255, 255, 255, 1) 87%);}
.bg-alt.full{background: rgb(242,250,254);background: linear-gradient(180deg, rgba(242,250,254,0.2) 0%, rgba(242,250,254,1) 100%);}

/* Over ons - slider */
.oo-blok{padding: 75px 0;}

.swiper-oo .swiper-slide{user-select: none;}
.swiper-oo .swiper-slide .img-wrap::after{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;content:'';background: rgb(0,44,93);background: linear-gradient(120deg, rgba(0,44,93,1) 0%, rgba(0,116,190,0.5) 75%, rgba(0,159,227,0.5) 100%);}
.swiper-oo .swiper-slide .inner.bg{background: var(--blauw-donker);}
.swiper-oo .swiper-slide .content{bottom: 0;left:0;z-index: 3;width: 100%;height: 100%;padding: 25px;}
.swiper-oo .swiper-slide .content span{color:#AFDEF2;font-size: 14px;font-weight: 400;display: block;width: fit-content;margin-bottom: 8px;}
.swiper-oo .swiper-slide .content strong{color: var(--wit);font-weight: 500 !important;font-size: 18px;line-height: 24px;display: block;width: fit-content;}

.swiper-oo .swiper-slide .timeline{display: block;width: 100%;left: 0;position: relative;height: fit-content;margin: 40px 0 0 0;padding-bottom: 8px;}
.swiper-oo .swiper-slide .timeline::before{content:'';width: calc(100% + 25px);height: 1px;background: #a6c6d3;position: absolute;bottom:8px;}
.swiper-oo .swiper-slide .timeline .dot{position: absolute;bottom: 0;left: calc(50% - 8px);width: 16px;height: 16px;border-radius: 50%;background: var(--blauw-alt);border: 5px solid #a9d9ed;}

.swiper-oo .swiper-slide:first-of-type .timeline::before{width: calc(50% + 25px);left:50%;}
.swiper-oo .swiper-slide:last-of-type .timeline::before{width: calc(50% + 25px);right:50%;left:unset;}

.swiper-oo{width: calc(100% + 12px);}

/* Aanpassingen 2025-06-03 */
.single-cases .page-header a.knop-dienst{white-space: nowrap;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {
	/* Cases */
	.swiper-cases{width: 100vw;left: calc((-100vw + 540px - 41px) / 2);}

	/* Over ons - slider */
	.swiper-oo{width: calc((100vw + 540px - 39px)/2);}
}
@media (min-width: 768px) {
	/* Footer */
	.footer{padding: 75px 0;}
	.copyright{padding-top: 60px;margin-top: 75px;}

	/* Page header */
	.page-header{padding: 125px 0 100px 0;}
	.page-header.pb-small{padding: 125px 0 75px 0;}
	.breadcrumbs{margin: 0 0 50px 0;}

	/* Contact */
	.form-wrap .left{padding-right: 6px !important;}
	.form-wrap .right{padding-left: 6px !important;}

	/* Cases */
	.swiper-cases{left: calc((-100vw + 720px - 41px) / 2);}

	/* Vacatures */
	#vacModal .modal-dialog{max-width: 600px;width: 600px;}

	/* Werken bij */
	.videoModal .modal-dialog{max-width: 600px;}

	/* Homepage */
	.home-header .typed-wrap{/*padding: 0 10px 3px 10px;margin-top: 10px;*/min-height: 48px;}

	/* Margings/paddings */
	.blok{margin: 100px 0;}
	.blok-p{padding: 100px 0;}
	.row-blok{margin-top: 100px;}

	/* Fonts */
	h1.titel.groot{font-size: 38px;}
	.titel{font-size: 32px;}
	.subtitel{font-size: 21px;}

	/* Over ons - slider */
	.oo-blok{padding: 100px 0;}
	.swiper-oo{width: calc((100vw + 720px - 39px)/2);}
}
@media (min-width: 992px) {
	/* Menu (desktop) */
	.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:block;color:var(--blauw-alt) !important;text-decoration:none;font-weight:bold;font-size:18px;line-height:100%;padding:0;border:none;margin:0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0 15px;padding:0;}
	.navbar-collapse > ul > li:last-of-type{margin-right: 0;}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{/*color:var(--zwart) !important;*/border:none}
	.navbar-collapse ul ul li.current-menu-item i{display:none}
	.navbar-collapse ul ul li.current-menu-item a{border-bottom:none}

	.navbar-collapse ul ul{display:block;position:absolute;top:calc(100% + 20px);left:-15px;text-align:left;background-color:#fff;border-radius: 15px;transform: translateY(25px);opacity: 0;z-index:-999;pointer-events: none;transition: var(--transition);padding: 15px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
	.navbar-collapse ul ul::before{content:'';z-index:-1;width: 100%;height: 20px;top:-20px;left:0;position: absolute;}
	.navbar-collapse ul li:hover > ul{z-index:999;opacity: 1;pointer-events: initial;transform: translateY(0);}

	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;padding: 0;margin: 0;}
	.navbar-collapse ul ul a{padding:15px;color:var(--blauw-alt) !important;text-shadow:none;white-space:nowrap;border-radius: 10px;width: 100%;transition: var(--transition);}
	.navbar-collapse ul ul a:hover{background-color:#00489914;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-collapse ul li:hover > ul{display:block;z-index:1;}
	.navbar-nav li li li a {padding:15px}
	.navbar-brand{display:none}
	.navbar-nav li a i{line-height:1;font-size: 16px;font-weight: 400;}

	.top{padding: 25px 0;}
	.top.scrolled{padding: 15px 0;}
	.knop.btn-portaal{padding: 15px 25px;margin: 0 30px 0 15px;}
	.knop.btn-portaal:hover{opacity: 0.85;}
	.knop.btn-portaal::after{display: none;}

	.oc-big{max-width: 900px;width: 900px !important;background: rgb(0, 159, 227);background: linear-gradient(171deg, rgba(0, 159, 227, 1) 0%, rgba(0, 75, 155, 1) 70%, rgba(0, 72, 153, 1) 100%);border-left: none !important;border-radius: 20px 0 0 20px;}
	.oc-big::after{position: absolute;z-index: -1;pointer-events: none;content: '';background-image: url(images/beeldmerk-wit.svg);bottom: 0;right: 0;width: 350px;height: 450px;background-repeat: no-repeat;background-size: 150%;background-position: 0% 0%;opacity: 0.025;}
	.oc-big .oc-header{padding: 50px 75px 25px 75px;}
	.oc-big .oc-body{padding: 0 75px;overflow: hidden;}
	.oc-big .oc-footer{padding: 25px 75px 60px 75px;}

	.oc-big #nav-desk ul{width: 100%;height: 100%;}
	.oc-big #nav-desk ul li{margin: 0;}
	.oc-big #nav-desk ul.sub-menu{opacity: 1;position: relative;top: 0;left:0;padding: 0;background: transparent;border-radius: unset;box-shadow: unset;z-index: 999;pointer-events: unset;transform: unset;margin-bottom: 30px;}
	.oc-big #nav-desk ul ul::before, .oc-big #nav-desk .left > ul > li:nth-child(n+3), .oc-big #nav-desk .right > ul > li:nth-child(-n+2){display: none;}
	.oc-big #nav-desk ul:not(.sub-menu) > li > a{color: #fff !important;font-weight: 500;font-size: 28px;margin-bottom: 20px;display: flex;flex-direction: row;align-items: center;}
	.oc-big #nav-desk ul:not(.sub-menu) > li:nth-child(n+2) > a{}
	.oc-big #nav-desk ul:not(.sub-menu) > li > a i{font-size: 19px;margin-right: 15px;font-weight: 300;}
	.oc-big #nav-desk ul ul li a{font-size: 18px;line-height:24px;font-weight: 400;color: #E5ECF5 !important;padding: 0;margin-bottom: 10px;width: fit-content;}
	.oc-big #nav-desk ul ul li:last-child a{margin-bottom: 0;}
	.oc-big #nav-desk ul ul li a:hover{background-color: transparent;}

	.oc-big #nav-desk li.toggle i.fa-angle-down{transition:all 150ms ease-in-out;transform:rotate(0);padding:10px 15px;}
	.oc-big #nav-desk li.show i.fa-angle-down{transform:rotate(180deg);}

	.oc-footer :is(span, a){text-decoration: none;color:#fff;font-size: 16px;line-height: 24px;}
	.oc-footer a.social{width: 30px;height: 30px;background: var(--blauw);border-radius: 50%;}

	/* Footer */
	.footer{padding: 100px 0 50px 0;}
	.copyright{padding-top: 50px;}
	.footer .container::after{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-wit.svg);top: -30px;right: -350px;width: 700px;height: 700px;background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;opacity: 0.025;}

	/* Banner */
	.banner{margin-top: 80px;}
	.banner .container::before{content: '';position: absolute;z-index: 0;top: -80px;right: 0;width: 600px;height: calc(100% + 160px);background-image: url(images/vierkantjes.svg);background-repeat: no-repeat;background-size: cover;}

	/* Before */
	.before-left .container::before{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-blauw.svg);top: calc(50% - 270px);left: -340px;width: 450px;height: 450px;background-repeat: no-repeat;background-size: contain;background-position: 100% 50%;opacity: 0.045;}
	.before-left.small .container::before{top: calc(50% - 225px);left: -310px;width: 450px;height: 450px;opacity: 0.035;}

	/* Page header */
	.page-header{top:-96px;margin-bottom: -96px;padding: 150px 0 125px 0;}
	.page-header.pb-small{padding: 150px 0 75px 0;}
	.page-header .container::after{position: absolute;z-index: 0;pointer-events: none;content: '';background-image: url(images/beeldmerk-blauw.svg);top: -390px;right: -350px;width: 550px;height: 550px;background-repeat: no-repeat;background-size: contain;background-position: 100% 50%;opacity: 0.045;}
	.breadcrumbs{margin: 0 0 75px 0;}

	/* Homepage */
	.home-header .cta-blok{position: relative;top: -75px;left: -50px;margin-bottom: -75px;}
	.dienst-item:hover{background: var(--blauw-donker);}
	.dienst-item:hover :is(i, h3, .tekst, a){color: #fff !important;opacity: 1;}
	.dienst-item a i{transition: all 50ms ease-in-out;}
	.dienst-item a:hover i{transform: unset;}

	.blok-content .col-first{position: relative;top: 75px;margin-bottom: 75px;}
	.blok-content .col-last{position: relative;top: -50px;margin-top: 50px;}
	.blok-content .eblok{background: var(--blauw-donker);border-radius: 20px;padding: 25px;}
	.blok-content .img-wrap img{aspect-ratio: unset;height: 450px;}

	.home-header .typed-wrap{/*padding: 0 10px 5px 10px;margin-top: 15px;*/min-height: 58px;}

	/* Referenties */
	.ref-swiper::after{content: '';position: absolute;right: 0;top: 0;height: 100%;width: 35px;pointer-events: none;z-index: 1;background: rgb(255, 255, 255);background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(242, 250, 254, 1) 45%);}

	/* FAQ filters */
	.scroll-mobile{overflow:visible;flex-wrap:wrap;}
	.scroll-mobile li{flex-grow:1;max-width:fit-content;}
	.filter-faqs li{display:block;max-width:100%;width:100%;}
	.filter-faqs li + li{margin:5px 0 0 0;}
	.filter-faqs{padding:30px;border-radius: 20px;background: #fff;box-shadow: 0px 30px 60px #0000000D;border:1px solid rgba(0,0,0,0.05);}
	.filter-faqs li a{color:var(--zwart);font-weight:700;padding:10px 20px;transition:var(--transition);display:block;background-color:transparent;border:none}

	/* Standaard pagina */
	.page-banner .content{padding: 75px 150px;}

	/* Cases */
	.swiper-cases{left: calc((-100vw + 960px - 41px) / 2);}

	/* Vacatures */
	#vacModal .modal-dialog{max-width: 700px;width: 700px;}
	.vac-item:hover .overlay{opacity: 1;transform: translateY(0);}
	.vac-item:hover .content{transform: translateY(-60px);}

	/* Werken bij */
	.videoModal .modal-dialog{max-width: 700px;}

	/* Algemeen */
	.ar-lg-1{aspect-ratio: 1;}

	/* Margings/paddings */
	.blok{margin: 125px 0;}
	.blok-p{padding: 125px 0;}
	.row-blok{margin-top: 125px;}

	/* Fonts */
	h1.titel.groot{font-size: 48px;}
	.titel{font-size: 40px;}
	.subtitel{font-size: 24px;}

	/* Over ons - slider */
	.oo-blok{padding: 125px 0;}
	.swiper-oo{width: calc((100vw + 960px - 39px)/2);}

	/* Aanpassingen 2025-06-03 */
	.single-cases .page-header .lijst{overflow-x: unset !important;}
}
@media (min-width: 1200px) {
	/* Homepage */
	.home-header .cta-blok{top: -125px;left: -75px;margin-bottom: -125px;}

	/* Standaard pagina */
	.page-banner .content{padding: 75px 175px;}

	/* Cases */
	.swiper-cases{left: calc((-100vw + 1140px - 41px) / 2);}

	/* Werken bij */
	.videoModal .modal-dialog{max-width: 800px;}

	.wb-gallery :is(.item-1, .item-3) :is(.video-wrap, img){height: 400px;}
	.wb-gallery :is(.item-4, .item-6) :is(.video-wrap, img){height: 350px;}
	.wb-gallery .item-2 :is(.video-wrap, img){height: 250px;}
	.wb-gallery .item-5 :is(.video-wrap, img){height: 500px;}
	.wb-gallery .item-5{position:relative;top: -150px;margin-bottom: -150px !important;}

	/* Over ons - slider */
	.swiper-oo{width: calc((100vw + 1140px - 39px)/2);}
}
@media (min-width: 1400px) {
	/* Footer */
	.f-wrap{background:#355171;border-radius: 50px;padding: 8px 26px;}
	.f-logo{background:#355171;border-radius: 50px;margin-left: 25px;}
	.f-logo #pill{margin-left: 0 !important;height: auto !important;width: 92px !important;}
	.f-logo #pill svg{height: 48px;padding: 0 15px;}

	/* Homepage */
	.home-header .cta-blok{top: -150px;left: -85px;margin-bottom: -150px;}

	/* Standaard pagina */
	.page-banner .content{padding: 75px 250px;}

	/* Cases */
	.swiper-cases{left: calc((-100vw + 1320px - 41px) / 2);}

	/* Werken bij */
	.videoModal .modal-dialog{max-width: 850px;}

	/* Over ons - slider */
	.swiper-oo{width: calc((100vw + 1320px - 39px)/2);}
}
@media(min-width:1650px){
	.bg-grijs, .bg-blauw{position: relative;background: transparent;padding: 140px 0;}
	.bg::before{position: absolute;z-index: -1;width: 1630px;height: 100%;border-radius: 100px;content: '';left: 0;right: 0;top: 0;margin: 0 auto;pointer-events: none;}
	.bg-grijs::before{background: var(--grijs-bg);}
	.bg-blauw::before{background: #F2FAFE;}
	.bg-blauw.gradient::before{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,250,254,1) 70%);}

	.bg-blauw.gradient.pattern::after{content: '';position: absolute;z-index: -1;width: 1630px;top: 0;left: 0;right: 0;margin: 0 auto;height: 100%;overflow: hidden;border-radius: 100px;background-image: url(images/bg-patroon.svg);background-repeat: repeat-x;background-size: 30%;background-position: 0% 0%;pointer-events: none;}

	.bg-alt, .bg-alt.full{background: transparent;position: relative;}
	.bg-alt::before{position: absolute;z-index: -1;width: 1630px;height: 1100px;border-radius: 100px;content: '';left: 0;right: 0;bottom: 0;margin: 0 auto;pointer-events: none;background: #F2FAFE;background: linear-gradient(0deg, rgb(242 250 254) 0%, rgba(255, 255, 255, 1) 87%);}
	.bg-alt.full::before{height: 100%;background: rgb(242, 250, 254);background: linear-gradient(180deg, rgba(242, 250, 254, 0) 0%, rgba(242, 250, 254, 1) 100%);}

	/* Swipers */
	.swiper-logos .swiper-slide{width: 200px;}
	
	.swiper-cases{width: 1630px;left: -167px;right: 0;margin: 0 auto;}
	.swiper-cases .nav-btn{display: flex !important;}
	.swiper-cases .nav-btn.prev{left: 130px;}
	.swiper-cases .nav-btn.next{right: 130px;}
	.swiper-cases .swiper-slide:not(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next){opacity: 0.2;}

	/* Aanpassingen */
	:is(.single-diensten, .page-template-over-ons) .page-header{padding: 150px 0 225px 0;background:linear-gradient(180deg, rgba(242,250,254,1) 100%, rgba(255, 255, 255, 1) 100%);}
	.single-diensten .page-header::after, .page-template-over-ons .page-header::after{content: '';position: absolute;z-index: 0;background: #fff;border-radius: 100px 100px 0 0;width: 100%;height: 100px;bottom: 0;left: 0;}
	:is(.single-diensten, .page-template-over-ons) .blok.first{position: relative;margin-top: 25px !important;}

	/* Over ons - slider */
	.oo-blok.bg.bg-blauw::before{background: rgb(242,250,254);background: linear-gradient(0deg, rgba(242,250,254,1) 0%, rgba(242,250,254,0.25) 100%);}
	
	.swiper-oo{width: 1630px;left: calc(-155px - 12px);}
	.swiper-oo .swiper-slide:last-of-type .timeline::before{left: 0;width: 50%;}
	.swiper-oo .swiper-slide-prev, .swiper-oo .swiper-slide-prev + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 0.35;}
	.swiper-oo .swiper-slide-prev + .swiper-slide .timeline::before{background: linear-gradient(90deg, rgba(166,198,211,0.3) 0%, rgba(166,198,211,1) 100%);}
	.swiper-oo .swiper-slide-prev + .swiper-slide + .swiper-slide + .swiper-slide .timeline::before{background:linear-gradient(270deg, rgba(166,198,211,0.3) 40%, rgba(166,198,211,1) 100%);}
	.swiper-oo .swiper-slide:last-child .timeline::before{background:#a6c6d3 !important;}
}