/*
Theme Name: Vizien v3.2
Author: Roald Craenen
Author URI: https://www.vizien.nl/
Description: Testimonials
Version: 3.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

/* 
** Aanpassingen v3.1
** Aanpassingen logo's klanten
*/

@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{
	--fa-font-sharp-solid:"Font Awesome 6 Pro";

	--animate-delay: 0.2s;
	--boxshadow:0 15px 30px rgba(0,0,0,0.05);
	--boxshadow_hover:0 0 40px rgba(0,0,0,0.2);
	--transition:all 150ms ease-out;

	--zwart:#000;
	--zwart_80:#151419;
	--wit:#FFF;

	--grijs:#E3E3E3;
	--grijs-licht:#f6f5f8;
	--grijs-donker:#727780;

	--oranje:#E74011;
	--oranje_80:#EC6641;
	--oranje_60:#F18C70;
	--oranje_40:#F5B3A0;
	--oranje_20:#FAD9CF;
	--oranje_10:#F6E8E4;
}

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:'Poppins',sans-serif;font-weight:400;font-size:14px;line-height:1.75;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(--oranje);text-decoration:underline;}
a:hover{color:var(--oranje);text-decoration:none}
h1,h2,h3,h4{line-height:1.3;font-weight:700}
h1{font-size:30px;margin:0 0 20px 0}
h2{font-size:24px;margin:0 0 20px 0}
h3{font-size:20px;margin:0 0 20px 0}
h4{font-size:18px;margin:0 0 20px 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%}
#attachment_920, #attachment_920 img, #attachment_921, #attachment_921 img{width: 100% !important;}
p + ul{margin-top:30px;}
mark{position:relative;display:inline-block;/* color:#fff; */background-color:transparent;}
mark:before{content:"";background-color:var(--oranje);width:calc(100% + 10px);position:absolute;z-index:-1;filter:url(#marker-shape);left:-5px;padding:15px 0;opacity:0.1;transform:rotate(-0.5deg);}

/* 404 */
.notfound{min-height: 400px;padding: 60px 0;}
.notfound h1{color: var(--zwart);margin-bottom: 10px;}
.notfound h2{color: var(--zwart);}
.notfound p{line-height: 1.5;margin: 20px 0 30px 0;}
.notfound .notfound-return{text-decoration: none;color: var(--zwart);font-size: 14px;display: block;width: max-content;transition: 200ms all ease-in-out;transform: translateX(0);}
.notfound .notfound-return:hover{transform: translateX(-5px);}

/* General */
.transition{transition:var(--transition)}
.transition.schaduw{box-shadow:var(--boxshadow);}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.schaduw:hover{box-shadow:var(--boxshadow)}
.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:15px 30px;background:var(--oranje);color:#fff;font-weight:600;text-decoration:none;display:inline-block;border-radius:100px;border:none;line-height:1em;}
.cta:hover,.cta:focus{background:var(--oranje);color:#fff}
.cta:active{box-shadow:inset 0 2px 4px 2px rgba(0, 0, 0, 0.2);transform:translateY(-1px);}
.clickable:hover{cursor:pointer;}
span.oranje{color:var(--oranje)}
a.meer{text-decoration:none;font-size:14px;font-weight:600;}
a.meer i{transition:var(--transition);opacity:1;}
a.meer:hover i{transform:translateX(3px);}
.pill{background-color:var(--oranje);color:#fff;font-size:12px;border-radius:4px;padding:5px 10px;text-decoration:none;}
.pill:hover{color:#fff}
.pill + span{margin-left:10px;}
.pill + .pill{margin-left:5px;}
.dots{position:relative;z-index:1;}
.dots:before{content:"";background:url("images/dots.svg") no-repeat top left;background-size:contain;width:100%;height:70px;position:absolute;top:-20px;left:-65px;z-index:-1;}
.typed-cursor{color:var(--oranje)}
.loading{position:relative;width:100%;height:100%;}
.loading::before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:5;}
.loading::after{height:60px;width:60px;display:block;position:absolute;top:50%;left:50%;margin-left:-0.5em;margin-top:-0.5em;content:"";/* -webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite */;background:url("images/loader.svg") center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75);z-index:6;}
.scroll-mobile{display:flex;overflow-x:scroll;}
.scroll-mobile li{flex:none}

/* Parallax boontjes */
.parallax{background-size:cover;z-index:-1;overflow:hidden;}
.dots-large{background-image:url("images/dots-large.svg");width:400px;height:1000px;filter:blur(0px);position:absolute;bottom:15%;right:0;opacity:0.3;max-width:100vw;pointer-events:none;}
.dots-large.left{right:auto;left:0;opacity:0.3;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

/* Blokken */
.blok{padding:45px 0;position:relative;}
.blok-45{padding:45px 0}
.blok-60{padding:60px 0}
.blok-120{padding:60px 0}
.blok-150{padding:150px 0}
.blok-top-120{padding-top:60px}
.blok-top-160{padding-top:60px}
.blok-bottom-160{padding-bottom:60px}
.blok.intro:has(+ .blok.page.main){padding-bottom:0}
.blok.intro + .blok.page.main{padding-top:0}

/* Margins */
.mt-30{margin-top:30px !important;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-100{margin-top:50px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}

/* Top */
.top{padding:0;background-color:#fff;}
.logo{display:none}
.logo{max-height:60px;margin:20px 0}
.colorbar{width:100%;height:5px}
.colorbar .bar{width:calc(100% / 6);height:100%;}
.colorbar .bar:nth-child(1){background-color:var(--oranje);}
.colorbar .bar:nth-child(2){background-color:var(--oranje_80);}
.colorbar .bar:nth-child(3){background-color:var(--oranje_60);}
.colorbar .bar:nth-child(4){background-color:var(--oranje_40);}
.colorbar .bar:nth-child(5){background-color:var(--oranje_20);}
.colorbar .bar:nth-child(6){background-color:var(--oranje_10);}

/* Nav */
.navigation{background-color:#fff}
.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:var(--zwart);display:block;font-size:24px;font-weight:700;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;color:var(--oranje)}
.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 0 10px 10px;background:transparent !important;float:right;border:none;border-radius:0;margin-top:10px;}
.navbar-toggler .icon-bar{background-color:var(--zwart) !important;height:3px}
.navbar-collapse{background-color:#fff;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;margin-left: -12px;margin-right: -12px;height:calc(100vh - 65px);}
.navbar-brand{padding:0;display:inline-flex;margin:20px 0}
.navbar-brand img{display:block;padding:0;width:100px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

.offcanvas .offcanvas-header{padding:5px 14px 0 14px}
.offcanvas .offcanvas-header .btn-close{background:none;font-size:30px;color:var(--oranje);width:auto;height:auto;opacity:1;padding-right: 0;}
.offcanvas .offcanvas-footer{padding:20px 14px;background-color:var(--grijs-licht);border-bottom:4px solid var(--oranje);font-size:17px;}
.offcanvas .offcanvas-footer h4{font-size:24px;margin:0 0 10px 0}
.offcanvas .offcanvas-footer a{color:var(--zwart)}
.offcanvas .offcanvas-footer .social{border:1px solid var(--grijs-donker);color:var(--zwart);width:40px;height:40px;border-radius:50%;text-align:center;padding-top:6px;display:inline-block;margin-top:30px;font-size:16px;}
.offcanvas .navbar-nav li a{padding:10px 0}

.offcanvas ul.sub-menu{list-style:none;margin:0;padding:0 12px}
.offcanvas ul.sub-menu li{padding:5px 0;}
.offcanvas ul.sub-menu li a{font-size:16px;line-height:1.4;padding:10px 15px;}
.offcanvas ul.sub-menu li.m-icoon a{position:relative;padding:10px 15px 10px 60px}
.offcanvas ul.sub-menu li.m-icoon .sub{font-size:12px;color:var(--grijs-donker);font-weight:400;display:block;}
ul.sub-menu li.m-icoon a:before{content:"";width:27px;height:27px;display:inline-block;position:absolute;left:20px;background-repeat:no-repeat;background-size:contain;filter:grayscale(1);opacity:0.3;transition:var(--transition);}
.offcanvas ul.sub-menu :is(li.current-menu-item > a, li a:hover){background-color:var(--oranje_10);border-radius:5px;color:var(--oranje)}

.offcanvas ul.sub-menu li.m-icoon a:hover:before{filter:grayscale(0);opacity:1;}
.offcanvas ul.sub-menu li.current-menu-item > a:before{filter:grayscale(0);opacity:1;}
.offcanvas ul.sub-menu li.m-icoon.content a:before{background-image:url("images/content.svg")}
.offcanvas ul.sub-menu li.m-icoon.data a:before{background-image:url("images/data.svg")}
.offcanvas ul.sub-menu li.m-icoon.adverteren a:before{background-image:url("images/google-ads.svg")}
.offcanvas ul.sub-menu li.m-icoon.hosting a:before{background-image:url("images/content.svg")}
.offcanvas ul.sub-menu li.m-icoon.seo a:before{background-image:url("images/seo.svg")}
.offcanvas ul.sub-menu li.m-icoon.webdesign a:before{background-image:url("images/content.svg")}
.offcanvas ul.sub-menu li.m-icoon.webdevelopment a:before{background-image:url("images/content.svg")}

/* Animate hamburger */
.navbar-toggler:hover{background:transparent !important;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler .icon-bar{width:22px;transition:all 0.2s;display:block;margin-bottom:4px;border-radius:10px;}
.navbar-toggler .top-bar{transform:translateY(7px) rotate(45deg);transform-origin:center;}
.navbar-toggler .middle-bar{opacity:0;transform:translateX(5px)}
.navbar-toggler .bottom-bar{transform:translateY(-7px) rotate(-45deg);transform-origin:center;margin-bottom:0;}
.navbar-toggler.collapsed .top-bar{transform:rotate(0);width:15px;margin-left:7px}
.navbar-toggler.collapsed .middle-bar{opacity:1;transform:translateX(0px)}
.navbar-toggler.collapsed .bottom-bar{transform:rotate(0);width:18px;margin-left:4px}

/* Breadcrumbs */
.breadcrumbs{font-size:11px;line-height:18px;color:var(--grijs-donker);background-color:var(--grijs-licht);border-radius:0 5px 5px 0;}
.breadcrumbs .inner{padding:12px 20px 12px 0;position:relative;}
.breadcrumbs .col-12 > .inner > span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.breadcrumbs span a{color:var(--grijs-donker);text-decoration:none;}
.breadcrumbs span i{padding:0 10px}
.breadcrumbs span i.fa-house{padding:0}
.breadcrumbs span i.fa-house b{display:none;}
.breadcrumbs span i.fa-angle-right{color:var(--grijs)}
.breadcrumbs span.breadcrumb_last{text-decoration:none;color:var(--zwart)}

/* Header */
.header{background-color:var(--grijs-licht);padding:0 0 60px 0}
.header .breadcrumbs{margin-bottom:45px;padding:15px 20px 15px 0;}
.header h1 + h2{margin-top:-20px;font-weight:600;}

/* Hero */
.hero-wrapper{height:calc(100vh - 65px);padding:0 12px}
.hero .typed:before{content:"";display:block}
.hero{background-color:var(--grijs-licht);height:calc(100% - 110px);border-radius:10px 10px 10px 0;padding:0 24px}
.hero p{text-wrap:balance}
.hero :is(.container,.row){height:100%;}
.hero .container{z-index:5;}
.cta + .sec_cta{margin:10px 0 0 0;font-size:14px;}

/* USPs - Top + Bottom */
.usps-top{padding:20px 0}
.usps-top,.usps-top .swiper{height:70px;}
.usps-top .item{font-size:12px;margin-left:24px;}
.usps-top .item h4{font-size:14px;text-transform:uppercase;margin:0;line-height:1}
:is(.usps-top,.usps-bottom) .img{margin-right:10px;object-fit:contain;}
.usps-bottom .item .txt{font-size:10px;line-height:12px;}
.usps-bottom .item .img{width:32px;}
.usps-bottom .item .txt p{}
.usps-bottom .item h4{font-size:16px;margin:0}

/* Diensten */
.diensten{}
.diensten .swiper{padding-top:10px;}
.diensten h2{}
.diensten .row + .row{margin-top:45px;}
.diensten .item{border-radius:10px;border:1px solid var(--grijs);padding:30px;margin-bottom:30px;transition:var(--transition);}
.diensten .item:hover{transform:translateY(-5px);border-color:var(--oranje);box-shadow:var(--boxshadow);}
.diensten .item :is(h3,h3 a){color:var(--zwart);text-decoration:none;font-size:20px;}
.diensten .item a{text-decoration:none;font-size:14px;margin-top:20px;font-weight:600;display:block;}

/* Zwart */
.zwart{background-color:var(--zwart_80);color:#fff;margin-top:270px;padding:60px 0;}
.zwart .check{margin-top:50px;}
.zwart .check i{font-size:30px;color:var(--oranje);margin-right:20px;}
.zwart .check h4{margin:0 0 10px 0}
.zwart .check p{opacity:0.5;font-size:14px;line-height:1.4;}
.zwart .img{height:270px;position:absolute;top:-270px;width:calc(100% - 11px);border-radius:10px 0 0 0;overflow:hidden}
.zwart a.meer{color:#fff;}
.zwart .img{right:0;}

/* Cases */
.home .cases{margin-top:90px;}
.cases h2{margin:0}
.cases .swiper-slide{border-radius:5px;overflow:hidden;height:340px;}
.cases .swiper-slide:before{content:"";width:100%;height:50%;position:absolute;bottom:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(255,255,255,0) 100%);}
.cases .swiper-slide .img{width:100%;height:100%;}
.cases .swiper-slide .txt{position:absolute;bottom:20px;color:#fff;padding:0 90px 0 30px;/* transform:translateY(45px); */}
.cases .swiper-slide .txt :is(h4,h4 a){margin:0 0 10px 0;color:#fff;text-decoration:none;}
.cases .swiper-slide .txt p{font-size:14px;line-height:1.4;opacity:0;height:0;}
.cases .swiper-slide .txt + a{position:absolute;bottom:30px;right:30px;border-radius:100px;width:30px;height:30px;background-color:rgba(255,255,255,0.2);color:#fff;transform:rotate(-45deg);font-size:14px;}
.cases .swiper-slide:hover .txt{transform:translateY(-10px);}
.cases .swiper-slide:hover .txt p{opacity:1;height:auto;}
.cases .swiper-slide:hover .txt + a{background-color:var(--oranje);transform:rotate(0);}

/*.single-cases{}
.single-cases .case-info{}
.single-cases .case-info .item{font-size:12px;color:var(--grijs);margin:0;padding:0;background:none;}
.single-cases .case-info .item b{font-size:16px;color:var(--zwart)}
.single-cases .case-info .item ul{list-style:none;margin:0;padding:0}
.single-cases .case-info .item ul li{}
.single-cases .case-info .item a{color:var(--grijs);text-decoration:none;transition:var(--transition);}
.single-cases .case-info .item a:hover{color:var(--grijs-donker);}
.single-cases .blokken .blok{padding:25px 0}
.single-cases .blokken .img{border-radius:10px;overflow:hidden;}
.single-cases .blok.tekst_met_statistieken{background-color:var(--grijs-licht);border-radius:10px;padding:60px 0;margin-bottom:35px;}
.single-cases .item{margin-top:30px;background-color:#fff;border-radius:5px;padding:30px}
.single-cases .subtitel{font-size:14px;color:var(--grijs);line-height:1;}
.single-cases .titel{font-size:16px;font-weight:700;margin-bottom:20px;}
.single-cases .icoon{color:#0A3E76;background-color:#D4ECF8;padding:10px;border-radius:5px;}
.single-cases .icoon img{mix-blend-mode:overlay;}
.single-cases .pill{color:#59CBBB;background-color:#e6f7f5;padding:10px 20px;border-radius:50px;width:fit-content;font-size:18px;font-weight:600;}
.single-cases .pill i{font-weight:400;}
.single-cases .blok.quote{background-color:var(--grijs-licht);border-radius:10px;padding:60px 0;margin:35px 0 0 0;}
.single-cases .quote .dots:before{z-index:1;}
.single-cases .quote .img{width:70px;height:70px;border-radius:70px;}
.single-cases .quote .name{margin-left:20px;}
.single-cases .quote .name b{font-size:18px;line-height:1;}*/

/* Team */
.team h2{margin-bottom:0;}
.team .item{border-radius:5px;overflow:hidden;height:200px;margin-bottom:20px;}
.team .item:before{content:"";width:100%;height:50%;position:absolute;bottom:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(255,255,255,0) 100%);z-index:1;}
.team .item .img{width:100%;height:100%;}
.team .item .img img{transition:var(--transition);}
.team .item .txt{position:absolute;bottom:15px;color:#fff;padding:0 60px 0 15px;z-index:2;}
.team .item .txt h4{margin:0;font-size:12px;}
.team .item .txt h5{margin:0;font-size:10px;}
.team .item .txt p{display:none;}
.team .item a{position:absolute;bottom:15px;right:15px;border-radius:100px;width:30px;height:30px;background-color:rgba(255,255,255,0.2);color:#fff;transform:rotate(-45deg);font-size:12px;z-index:2;}
.team .item:hover{cursor:pointer;}
.team .item:hover .img img{transform:scale(1.1);}
/* .team .item:hover .txt{transform:translateY(-10px);} */
.team .item:hover .txt p{opacity:1;height:60px;}
.team .item:hover a{background-color:var(--oranje);transform:rotate(0);}

.single-team .blog.part.blok{padding-top:15px;}
.single-team .col-md-5 > .img img{border-radius:5px;overflow:hidden;}
.single-team h1{margin-bottom:5px;font-size:24px;}
.single-team .functie{font-size:16px;margin-bottom:30px;}
.single-team .quote{padding:20px;background-color:#fff;border-radius:10px;font-weight:700;bottom:-30px;right:30px;width:calc(100% - 60px)}
.single-team .img{margin-bottom:60px;}
.single-team .info{margin-top:45px;}
.single-team :is(.info,.info a){font-size:12px;color:var(--grijs);text-decoration:none;line-height:1.4;}
.single-team .info .img{width:25px;margin:0 10px 0 0}
.single-team .info b{font-size:14px;color:var(--zwart)}

/* Referenties */
.referenties.part{background-color:var(--grijs-licht);}
.cases + .referenties{margin-top:15px;}
.referenties .swiper-slide{border-radius:5px;overflow:hidden;height:300px;background-color:#fff;box-shadow:var(--boxshadow);}
.referenties .swiper-slide:before{content:"\f10d";position:absolute;top:-40px;right:-30px;font-family:var(--fa-font-sharp-solid);font-size:140px;line-height:1;color:var(--oranje);opacity:0.05;font-weight:900;background:none;}
.referenties .swiper-slide:after{content:"";height:5px;background-color:var(--oranje);width:100%;bottom:0;position:absolute}
.referenties .swiper-slide .img{position:absolute;bottom:-20px;left:-60px;width:auto;height:100%;z-index:1;}
.referenties .swiper-slide .img img{object-fit:contain;object-position: left;}
.referenties .swiper-slide .txt{padding:40px 20px 30px 20px;color:var(--zwart);position:initial;direction:ltr;}
.referenties .swiper-slide .txt h4{font-size:16px;margin:0 0 10px 0;}
.referenties .swiper-slide .txt p{font-size:14px;line-height:1.4;opacity:1;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;}
.referenties .swiper-slide:hover .txt{transform:translateY(0);}
.archive .referenties .swiper-slide{height:auto;}

/* Klanten */
.klanten .img{padding:30px;height:130px;border-top:1px solid var(--grijs-licht);border-bottom:1px solid var(--grijs-licht)}
.klanten .row .col-lg-4:nth-child(2n-1) .img{border-right:1px solid var(--grijs-licht)}
.klanten .img img{object-fit:contain;max-height:70px;max-width:130px;filter:grayscale(1);}
.klanten .img:hover img{filter:grayscale(0);}

/* Blog */
.blog-row{position: relative;z-index:1;}
.blog.index{padding:60px 0 0 0}
.blog.part{padding:60px 0}
.blog .item{margin-bottom:60px;}
.blog.part .item{margin-bottom:0;}
.blog .item .img{border-radius:5px;overflow:hidden;aspect-ratio:4/3;}
.single-post .meta{margin:0 0 10px 0;font-size:12px;}
.blog:is(.part,.index) .meta{margin:20px 0;font-size:12px;}
.faqs-blogs .blogs .meta{margin:0 0 20px 0;font-size:12px;}
:is(.blog,.single-post,.faqs-blogs .blogs) .meta span{margin-left:10px;font-weight:600;}
.blog .item h4{margin:0 0 10px 0;font-size:16px;}
.blog .item h4 a{color:var(--zwart);text-decoration:none;}
.blog .item p{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog .meta a.pill{pointer-events:none;}

.faqs-blogs h3{font-size:24px;}
.faqs-blogs .blogs .item + .item{margin-top:30px;}
.faqs-blogs .blogs .img{aspect-ratio:1;overflow:hidden;border-radius:5px;max-width:150px;}
.faqs-blogs .blogs h4{margin-bottom:0;font-size:16px;}

.single-post .intro{padding:45px 0}
.single-post .intro h1{margin:0;line-height:1.2;}
.single-post .main img{border-radius:5px;overflow:hidden;}
.single-post .wp-caption-text{font-size:12px;margin:0 0 30px 0}
.single-post pre{white-space:pre-wrap;font-size:14px;background-color:var(--grijs-licht);padding:15px;margin:30px 0;font-family:monospace;}
:is(.single-post .main,.page.main) h2{font-size:24px;}
.single-post .main :is(p,img,ul,ol) + img{margin-top:30px;}
:is(.single-post .main,.page.main) :is(p,img,ul,ol) + h2{margin-top:60px;}
:is(.single-post .main,.page.main) :is(p,img,ul,ol) + h3{margin-top:40px;}
.avatar{border-radius:100px;overflow:hidden;width:60px;height:60px;object-fit:cover;object-position:50% 0%;flex-shrink:0;}
.featured-img{border-radius:0 10px 10px 0;aspect-ratio:4/3;}
.featured-img img{object-fit:cover;height:100%}

/* Share */
.share{z-index:1019;top:150px;}
.share ul{list-style:none;margin:0;padding:0}
.share ul li{display:inline-flex;}
.share ul li a{width:50px;height:50px;border-radius:100px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--oranje);text-decoration:none;}

.filters{list-style:none;margin:30px 0 30px 0;padding:0;}
.filters li{display:inline-flex;}
.filters li + li{margin-left:10px;}
.filters li a{padding:5px 10px;font-size:14px;background-color:transparent;color:var(--zwart);border-radius:4px;text-decoration:none;border:1px solid var(--grijs);transition:var(--transition)}
.filters li :is(a.active,a:hover){background-color:var(--oranje);color:#fff;border-color:var(--oranje);}

/* Diensten */
.blokken :is(.foto_links_tekst_rechts,.foto_links_tekst_rechts_onder){margin:0}
.bg-zwart{background-color:var(--zwart_80);color:#fff}
.bg-grijs{background-color:var(--grijs-licht);}
.blokken .blok:not(.zwart):first-of-type{padding-top:0;}
.blokken .foto_links_tekst_rechts + .zwart{margin-top:270px;}
.blokken :is(.foto_links_tekst_rechts,.foto_links_tekst_rechts_onder) h2{margin-top:45px;}
.blokken :is(.foto_links_tekst_rechts,.foto_links_tekst_rechts_onder) .img{aspect-ratio:4/3;margin:0 -12px;max-width:100vw}
.blokken .grijs_tekst_galerij{background-color:var(--grijs-licht);padding:60px 0;}
.blokken .grijs_tekst_galerij .img{margin-top:20px;}

/* FAQ */
.faq #accordionGroup{width:100%;position: relative;z-index: 1;}
.faq .accordion-item{box-shadow:0 0 40px rgba(0, 0, 0, 0);border:none;border-radius:10px;transition:var(--transition);margin-bottom: 20px;}
.faq .accordion-item:has(.collapsed){box-shadow:var(--boxshadow);}
.faq .accordion-header{padding:0;border:none;}
.faq .accordion-button:focus{box-shadow: none !important;}
.faq h4 a{font-size:16px;font-weight:700;text-transform:none;margin:0;color: var(--zwart);text-decoration:none;}
.faq h4 button{padding:20px;font-weight:700;font-size:16px;line-height: 1.25;}
.faq h4 button a{margin-right:20px;}
.faq h4 button.collapsed{color:var(--zwart);background-color:#fff;border-radius:10px;}
.faq h4 button.collapsed i{transform:rotate(0deg);}
.faq h4 button i{transform:rotate(90deg);transition:var(--transition);color:var(--oranje);font-style:normal;}
.faq h4 button:after{content:none}
.faq .accordion-body{padding:0 25px 25px 25px;}
.accordion-button:not(.collapsed){color:var(--zwart);background-color:#fff;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-right-radius: 20px;border-top-left-radius: 20px;box-shadow: none !important;}

.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:400;padding:5px 10px;transition:var(--transition);display:block;background-color:transparent;border:1px solid var(--grijs);border-radius:5px}
.filter-faqs :is(li:hover a,li a.active){background-color:var(--oranje);color:#fff;border-color:var(--oranje);}

/* Vacatures */
.vacatures .item{border-radius:5px;overflow:hidden;box-shadow:var(--boxshadow);margin-bottom:30px;}
.vacatures .item .img{width:100%;height:260px}
.vacatures .item .txt{padding:30px}
.vacatures .item .txt h4{margin:0 0 10px 0}
.vacatures .item .txt .meta{font-size:12px;margin:0 0 20px 0}
.vacatures .item .txt .meta span{}
.vacatures .item .txt .meta span + span{margin-left:10px;}
.vacatures .item .txt .meta span:not(.pill){font-weight:700;}
.single-vacatures .tekst ul{list-style:none;margin:0 0 0 40px;padding:0}
.single-vacatures .tekst ul + p{margin-top:20px;}
.single-vacatures .tekst ul li{position:relative;}
.single-vacatures .tekst ul li + li{margin-top:20px;}
.single-vacatures .tekst ul li:before{content:"\f058";font-family:"Font Awesome 6 Pro";color:var(--oranje);position:absolute;left:-40px;font-weight:700;font-size:24px;}
.single-vacatures .tekst ul li a{}
.cultuur .img img{border-radius:10px;}
.werken-bij .item p{font-size:14px;}

/*form.wpcf7-form input.wpcf7-file{position:relative;margin-bottom:10px;width:100%;}
form.wpcf7-form input.wpcf7-file::-webkit-file-upload-button{visibility:hidden;}
form.wpcf7-form input.wpcf7-file:before{content:'Upload je CV';display:inline-block;background:#fff;border:1px solid var(--grijs);border-radius:5px;padding:10px 20px;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;width:100%;}
form.wpcf7-form input[type=file]::-webkit-file-upload-button{visibility:hidden;}*/

/*form.wpcf7-form input.wpcf7-file:after{content:'\e09a';font-family:'Font Awesome 6 Pro';display:inline-block;position:absolute;right:0;background:var(--oranje);padding:10px 20px;border-radius:0 5px 5px 0;border:1px solid var(--oranje);color:#fff;top:0;min-height: 50px;}
form.wpcf7-form input.wpcf7-file:hover:before{border-color:var(--oranje);background-color:var(--oranje_10);}
form.wpcf7-form input.wpcf7-file:active:before{background:-webkit-linear-gradient(top, #e3e3e3, #f9f9f9);}*/

/* Form file upload */
/*form.wpcf7-form input.wpcf7-file{position:relative;margin-bottom:10px;width:100%;min-height: 50px;border: 1px solid var(--grijs);border-radius: 5px;transition: var(--transition);}
form.wpcf7-form input.wpcf7-file:before{position: absolute;content: 'Upload je CV *';background: var(--wit);display: inline-flex;align-items: center;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;width: 100%;height: 50px;left: 0;top: 0;padding: 10px 20px;color: var(--zwart);border:none;}
form.wpcf7-form input.updated[type=file]::before{content:'';background: transparent;}
span:has(input.updated[type=file]):not(:has(.wpcf7-not-valid)):after{display: none;}*/

/* Form CV styling/validation */
form.wpcf7-form input::file-selector-button, form.wpcf7-form input::-webkit-file-upload-button{display: none !important;visibility: hidden !important;}

form.wpcf7-form input[type=file]{position: relative;width: 100%;min-height: 50px;max-height:50px;height:50px;overflow:hidden;padding: 10px 20px;border-radius: 0;border:none;margin-bottom: 10px;}
form.wpcf7-form input[type=file]::before{position: absolute;content: 'Upload je CV';display: inline-flex;align-items: center;outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer;width: 100%;height: 50px;left: 0;top: 0;padding: 10px 20px;color: var(--zwart);background: var(--wit);transition: var(--transition);border: 1px solid var(--grijs);border-radius: 5px;
}
form.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: var(--wit);background: var(--oranje);top: 0;height: 100%;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
form.wpcf7-form input[type=file]:hover:before{background:var(--oranje_10);}
form.wpcf7-form input.file-selected[type=file]::before{content: '';background: transparent;}
form.wpcf7-form input.file-selected[type=file]::after{content:'\f00c';font-weight: 700;font-family: var(--fa-font-sharp-solid);}
span:has(input.file-selected):not(:has(.wpcf7-not-valid)):after{display: none !important;}

#solliciteren{scroll-margin-top: 75px;}

/* Contact */
#maps{height:400px}
.contact .contact-form{padding:30px;border-radius:10px;overflow:hidden;border-bottom:4px solid var(--oranje);box-shadow:var(--boxshadow);}
/*.contact .wpcf7-spinner{display:none;}*/
.contact .contact-widget a:not(.cta){color:var(--zwart);text-decoration:none}
.contact .contact-widget a:not(.cta) i{color:var(--oranje)}
form.submitting .wpcf7-spinner{display:inline-block;}
.send-row p{display: flex;align-items: center;}

/* Koffie */
.koffie{position:relative;z-index:2;padding:0 12px;margin-top: 50px;}
.blokken + .koffie{margin-top:100px;}
body:not(.archive) :is(.cases,.referenties) + .koffie{margin-top:100px;}
.koffie h3{font-size:24px;margin:0 0 15px 0}
.koffie h3 img{margin-left:10px;}
.koffie .inner{background-color:#fff;border-radius:10px;padding:24px 30px;box-shadow:0 30px 60px rgba(0,0,0,0.1);border-bottom:4px solid var(--oranje);position: relative;z-index:0;}

/* Koffie CTA */
.koffie .row{overflow: hidden;}
.koffie-title::before{position: absolute;content: '';background-image: url(images/dots.svg);background-repeat: no-repeat;background-size: contain;width: 125px;height: 70px;top: -15px;left: -55px;z-index: -1;}
.koffie-foto{bottom:-24px;width: calc(100% + 60px);left: -30px;}
.koffie-info{bottom:20px;right:10px;background: var(--wit);padding: 10px 15px;border-radius: 10px;}
.koffie-info .naam{font-size: 14px;font-weight: bold;line-height: 22px;color: var(--zwart);}
.koffie-info .naam strong{font-weight: bold;color:var(--oranje);}
.koffie-info .functie{font-size: 11px;font-weight: bold;line-height: 19px;color: var(--zwart);margin:0}

/* Footer */
.footer{background-color:var(--zwart_80);color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;padding:110px 0 40px 0;margin-top:-100px;}
#maps + .footer{margin-top:0}
.footer :is(.partners,.adres){margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.footer .partners img{max-width:160px;max-height:50px;}
.footer-logo{display:block;margin-bottom:13px;}
.footer .social{font-size:16px;}
.footer .social + a{margin-left:10px;}
.footer h4{font-size:18px;margin:0 0 20px 0;}
.footer a,.copyright a{color:#fff;text-decoration:none}
.footer ul.footernav{list-style:none;margin:0;padding:0}
.copyright{font-size:12px;}
.footer .footer-contact p a{display: block;width: max-content;}
.footer .footernav ul{margin: 0;padding: 0;}
.footer .footernav ul li{list-style-type: none;}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form .field{display:block;margin-bottom:20px}
.wpcf7-form strong{margin-bottom:5px;display:block;font-weight:700;}
.wpcf7-form span{position:relative;}
.wpcf7-form .telefoonnummer input{width:200px}
.wpcf7-form td{padding-bottom:20px}
.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 10px 0;padding:10px 20px;border:1px solid var(--grijs);width:100%;color:var(--zwart);background-color:var(--blauw-licht);border-radius:5px;transition:var(--transition);}
.wpcf7-form :is(input[type="date"],input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],select,textarea):focus{border-color:var(--oranje);background-color:var(--oranje_10);}
.wpcf7-form textarea{height:200px;}
span:has(input.updated):not(:has(.wpcf7-not-valid)):after{content:"\f00c";display:block;color:var(--oranje);position:absolute;top:0;right:20px;font-family:var(--fa-font-sharp-solid);font-weight:700;}
:is(select,input,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"],input[type="url"],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{color:#981b1e !important;font-size:12px !important;display:none;}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);padding:10px 20px !important}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);text-align: left;}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}

/* 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 var(--oranje_40);padding-left:25px;font-size:0.9em;margin:30px 0;}

/* 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}
.social-container{margin:0 0 30px 0}
.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%;}

/* Hovers */
.blog.part .item .img, .faqs-blogs .item .img, .blog .item .img, .vacatures .item .img{overflow:hidden;}
.blog.part .item .img img, .faqs-blogs .item .img img, .blog .item .img a img, .vacatures .item .img a img, .footer a, .copyright a{transition:var(--transition);}
.blog.part .item:hover > .img img, .faqs-blogs .item:hover > .col-3.col-md-4 .img img, .blog .item:hover > .img a img, .vacatures .item:hover > .img a img{transform:scale(1.20) translateZ(1px);}
.accordion-item:hover > .accordion-header .accordion-button a{color: var(--oranje) !important;}
.footer a:hover, .copyright a:hover{color: var(--oranje);}

/* Swipers/sliders */
.cultuur .swiper .img{border-radius: 10px;overflow: hidden;}
.referenties .swiper-wrapper, .cultuur .swiper-wrapper{cursor:url('images/cursor-sleep.svg') 45 34, pointer !important;}

/* Vacature counter */
.vac-footer a, .vac-menu a{position: relative;}
.vac-count{background: var(--oranje);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: var(--wit);top: calc(50% - 9px);margin-left: 5px;}

/* Single cases */
.single-cases .case-blok{padding: 0;margin:60px 0;}
.single-cases .koffie{margin-top: 100px}

.single-cases .case-intro{margin-bottom: 45px;}
.single-cases .case-intro :is(.website-klant, .website-klant:hover){color: var(--zwart);font-weight: bold;text-decoration: none;display: block;width: fit-content;position: relative;z-index:10;}
.single-cases .case-intro .website-klant > i{color: var(--oranje);transition: var(--transition);margin-right: 10px;}
.single-cases .case-intro .website-klant:hover > i{transform:rotate(180deg);}
.single-cases .t-diensten{display: block;width: fit-content;font-weight: 600;font-size: 16px;}
.single-cases .klant-diensten span{font-weight: 600;margin-bottom: 15px;}
.single-cases .diensten-rep a{margin:0 15px 15px 0;background:#FEF5F3;color: var(--oranje);font-size: 13px;text-decoration: none;padding: 2px 14px;border-radius: 25px;transition: var(--transition);}

.single-cases .case-blok.grijs{background: var(--grijs-licht);padding:60px 0 !important;}
.single-cases .flex-img img{border-radius: 10px;}
.single-cases .json-grafiek{background: #fff;border-radius: 10px;padding: 25px 10px;}

.single-cases :is(.intro-kpis li, .kpi li){font-size: 15px;font-weight: 600;color:#59CBBB;background:#e6f7f5;padding: 5px 20px;border-radius: 25px;margin: 0 15px 15px 0;}
.single-cases .kpi li{position: relative;width: fit-content;z-index:3;margin:0;font-size: 18px;}
.single-cases .kpi{border-radius: 10px;overflow: hidden;background-color: var(--wit);padding: 25px;/*margin-bottom: 21px;*/}
/*.single-cases .kpi-col:last-child .kpi{margin-bottom: 0;}*/
.single-cases .kpi span.sub{font-size: 15px;color:#B7B7B7;}
.single-cases .kpi span.naam{font-size: 20px;color:var(--zwart);font-weight: 600;}
.single-cases .kpi-value{margin-left: 3px;}
.single-cases .animate-kpi{transition: var(--transition);}

.single-cases .flex-kpis{flex-grow:1;}
.single-cases .flex-kpis .kpi-col{margin-bottom: 21px;}
.single-cases .flex-kpis .kpi-col:last-child{margin-bottom: 0;}
.single-cases .flex-kpis .kpi-col .kpi{height: 100%;}

.single-cases .case-swiper .img{display: block;aspect-ratio: 3/2;}
.single-cases :is(.case-swiper, .rel-case-swiper){position: relative;overflow: hidden;width: 100%;}
/*.single-cases :is(.case-swiper .case-pag, .rel-case-swiper .rel-case-pag){position:absolute;bottom: 47px;width: 100%;display: flex;}
.single-cases :is(.case-swiper .case-bullet, .rel-case-swiper .rel-case-bullet){display:inline-flex;height:3px;background:#E3E3E3;border-radius: 0;padding: 0;margin:0;transition:var(--transition);width: 5px;}
.single-cases :is(.case-swiper .case-bullet-active, .rel-case-swiper .rel-case-bullet-active){background:#E74011;}
.single-cases .case-swiper .nav-wrap{position: absolute;bottom:36px;right:100px;display: flex;width: 100px;height: 25px;}
.single-cases .case-swiper .nav-btn{display: flex;justify-content: center;align-items:center;min-width: 25px;max-width: 25px;min-height: 25px;max-height: 25px;transition: var(--transition);top:calc(50% + 9px);}
.single-cases .case-swiper .btn-left{left:unset;right:45px;}
.single-cases .case-swiper .btn-right{right:0;}
.single-cases .case-swiper .nav-btn::after{font-size: 20px;color:#E3E3E3;}*/

.single-cases .flex-video{width: 100%;height:100%;display: flex;align-items: center;justify-content: center;border-radius: 10px;overflow: hidden;aspect-ratio:114/65;}
.single-cases .flex-video video{display: block;width: 100%;height: 100%;object-fit:cover;}
.single-cases :is(.flex-video.small, .flex-img){/*aspect-ratio:111/77;*/object-fit:cover;}
.single-cases .case-blok.mt-custom{margin-top: -18px !important;}

.single-cases .case-blok.quote{background-color:var(--grijs-licht);border-radius:10px;padding:60px 0;}
.single-cases .quote-wrap > p{display: inline;}
.single-cases .quote-wrap > i{color: var(--oranje);}
.single-cases .quote span{line-height: calc(100% + 5px);}
.single-cases .quote-img{border-radius: 50%;display: block;width: 70px;height: 70px;overflow: hidden;}
.single-cases .quote .dots:before{z-index:1;}
.single-cases .quote .img{width:70px;height:70px;border-radius:70px;}
.single-cases .quote .name{margin-left:20px;}
.single-cases .quote .name b{font-size:18px;line-height:1;}

.single-cases .rel-case-slide{aspect-ratio:3/4;}
.single-cases .team.rel-cases .item{height: 100%;margin-bottom: 0;}
.single-cases .meer-cases{display: block;width: fit-content;height:fit-content;color: var(--zwart);}

.case-blok .item-wrap{aspect-ratio: 3/4;}
.case-blok .item-wrap .case-item{height: 100%;}
.case-item .content .lees-case{position: relative !important;bottom:unset !important;right: unset !important}
.case-item .content{position: absolute;bottom:0;left:0;z-index:999;padding: 30px;}
.case-item .content .naam{color: var(--wit);font-size: 12px;font-weight: 500;display: block;margin-bottom: 10px;line-height: calc(100% + 5px);}
.case-item .content h4{color: var(--wit);font-size: 16px;display: block;font-weight: 600;margin:0;}

/* Tables */
table.table{font-size:0.9em;margin:10px 0 60px 0;}
table.table th{font-weight:700;border-bottom:1px solid var(--grijs)}
table.table tr{border-bottom:1px solid var(--grijs)}

/* v2.4 */
.blog .filters li a{padding: 5px 15px;}

.single .featured-img{border-radius: 0;}
.single .featured-img img{border-radius: 0;}

.single .avatar{min-width: 32px;max-width:32px;min-height: 32px;max-height: 32px;height: 32px;width: 32px;}
.single .btn-author{color:var(--oranje);text-decoration: underline;border:none;background:none;font-weight: 600;padding: 0;}
.single .btn-author:hover{text-decoration: none;}

.single .meta-hover{position: absolute;top:calc(100% + 10px);left:0;height: fit-content;width: 100%;background:#fff;padding:30px;border-radius: 15px;border:1px solid #E5E5E5;overflow: hidden;transition: var(--transition);max-width: 550px;z-index:100;}
.single .meta-hover .avatar{min-width: 50px;max-width:50px;min-height: 50px;max-height: 50px;width: 50px;height: 50px;}
.single .meta-hover .info-top .naam{font-weight: bold;font-size: 14px;margin-left: 15px;line-height: calc(100% + 5px);}
.single .meta-hover .info-top .functie{font-weight: 400;font-size: 14px;margin-left: 15px;line-height: calc(100% + 5px);}
.single .meta-hover .info-bottom{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.single .meta-hover .info-bottom :is(p, strong){font-weight: 400;font-size: 12px;line-height: calc(100% + 10px);}
.single .meta-hover a.meer{font-size: 14px;display: block;width: fit-content;}
.single .meta-hover .btn-close{outline: none;border:none;box-shadow: none;}

.meta-hidden{visibility: hidden;opacity: 0;transform:translateY(-25px);pointer-events: none;}
.meta-shown{visibility: visible;opacity: 1;transform:translateY(0px);pointer-events: unset;}

.single pre{display: block;width: 100%;background: #F6F5F8;border-radius: 10px;font-size: 14px;font-family: 'Poppins', sans-serif;padding: 20px;position:relative;z-index:-2;}
.single pre strong{color: var(--oranje);font-weight: bold;}
.single code{font-family:"Courier New",sans-serif,monospace;color:#fff;background-color:var(--bs-gray-700);font-size:14px;line-height:1.2;display:block;padding:12px;border-radius:5px;}

.blog-tags{position: absolute;bottom: 20px;left: 20px;pointer-events: none;}
.blog-tags .pill{font-size: 13px;line-height: 100%;padding: 8px 12px;background: rgba(0, 0, 0, 0.21);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(7.7px);-webkit-backdrop-filter: blur(7.7px);}
.blog-tags .pill + .pill{margin-left: 8px;}

.blog-item .meta{font-weight: 600;margin:15px 0 20px 0 !important;line-height: calc(100% + 15px);}
.blog-item .meta .avatar{min-width: 20px;max-width: 20px;min-height: 20px;max-height: 20px;height: 20px;width: 20px;margin-right: 7px;}

/* Blog image heights */
.blog .item .img{aspect-ratio: unset;min-height: 280px;max-height: 280px;}
.blog .item .img img{height: 280px;transform:scale(1.15)}

/* Testimonials */
.testimonial-swiper{padding-bottom: 40px !important;}
.testimonial-swiper .swiper-nav{height: 38px;bottom: -40px;}
.testimonial-swiper .swiper-nav .nav-btn{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;box-shadow: none;background: var(--oranje);border: none;border-radius: 50%;transition: var(--transition);}
.testimonial-swiper .swiper-nav .nav-btn::after{color: var(--wit);font-weight: 300;font-size: 20px;}
.testimonial-swiper .swiper-nav .nav-btn.prev{left: unset;right: 52px;}
.testimonial-swiper .swiper-nav .nav-btn.next{right: 0;}

.testimonial-swiper .swiper-nav .swiper-scrollbar{width:calc(100% - 122px) !important;right: unset;margin: unset;}
.testimonial-swiper .swiper-nav .swiper-button-disabled{opacity: 0.25 !important;}

.testimonial-swiper:has(.swiper-nav .prev.swiper-button-disabled + .next.swiper-button-disabled){padding-bottom: 0 !important;}
.testimonial-swiper .swiper-nav:has(.prev.swiper-button-disabled + .next.swiper-button-disabled){height: 0;}
.testimonial-swiper .swiper-nav:has(.prev.swiper-button-disabled + .next.swiper-button-disabled) :is(.prev.swiper-button-disabled, .next.swiper-button-disabled){display: none;}

.testimonial-swiper .swiper-slide{height: auto;align-self: stretch;}
.testimonial-swiper .swiper-slide .ref-item{height: 100%;}

.testimonial-swiper .video-wrap{height: 400px;width: 100%;border-radius: 20px;overflow: hidden;}
.testimonial-swiper .video-wrap video{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 150ms ease-in-out;position: absolute;top: 0;left: 0;}

.testimonial-swiper .thumb-wrap{display: block;width: 100%;height: 100%;transition: all 150ms ease-in-out;position: absolute;top:0;left:0;z-index: 1;}
.testimonial-swiper .thumb-wrap.hidden{opacity: 0;}
.testimonial-swiper .thumb-wrap img.video-thumb{display: block;width: 100%;height: 100%;object-fit: cover;filter:brightness(0.55);}
.testimonial-swiper .thumb-wrap img.play-icon{display: block;width: 80px;height: auto;object-fit: contain;position: absolute;top: calc(50% - 40px);left: calc(50% - 40px);}

.testimonial-swiper .play-wrap{width: 100%;height: 120px;transition: all 150ms ease-in-out;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 30px;color: #fff;font-weight: bold;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);transform: translateY(0);font-size: 20px;}
.testimonial-swiper .play-wrap i{color:#fff;}
.testimonial-swiper .play-wrap.hidden{opacity: 0;transform: translateY(25px);}

.testimonial-swiper .play-wrap .anim{transform: rotate(-20deg);}
.testimonial-swiper .play-wrap:not(.hidden) .anim::before{content: '';position: absolute;width: 13px;height: 13px;left: 0;top: -6px;border: 2px solid rgb(255 214 68 / 65%);border-radius: 50%;animation: circleBg 2s ease-in-out 0s infinite normal forwards;z-index: -1;transform-origin: center;transform: scale(0);opacity: 0;}
@keyframes circleBg {
	0%{transform: scale(0);opacity: 0;}
	50%{transform: scale(1);opacity: 1;}
	100%{transform: scale(1);opacity: 0;}
}

#testimonialModal .modal-content{background: transparent;border: none;border-radius: 0;}
#testimonialModal .modal-header{border-bottom: 0;padding: 0;}
#testimonialModal .modal-header .close{background: var(--oranje);min-width: 40px;min-height: 40px;max-height: 40px;max-width: 40px;border-radius: 50%;font-size: 24px;color: var(--wit);}
#testimonialModal .modal-body{overflow: hidden;border-radius: 15px;}
#testimonialModal .testimonial-iframe{aspect-ratio: 9/16;max-height: 75vh;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 768px) {
	.featured-img{width:100%;border-radius:0 10px 10px 0;overflow:hidden;margin:0 auto;position:relative;height:540px;aspect-ratio:auto;}
	.featured-img img{object-fit:cover;border-radius:0 10px 10px 0;height:100%;width:100%;}
	.zwart .img{width:calc(100% - 35px);}
	.usps-top .item{margin:0;}
	.hero .typed:before{content:none}
	.team .item{overflow:hidden;height:400px;margin-bottom:30px;}
	.team .item .txt h4{font-size:18px;}
	.team .item .txt h5{font-size:14px;}
/*	.single-cases .blokken .blok{padding:50px 0}*/

	.koffie-info{padding: 15px 20px;}
	.koffie-info .naam{font-size: 18px;line-height:26px;}
	.koffie-info .functie{font-size: 13px;line-height:23px;}
	.ref-row{position: relative;flex-grow:1;}

	.single-cases .case-blok{padding: 0;margin:75px 0;}
	.single-cases .koffie{margin-top: 125px}
	.single-cases .case-intro{margin: 60px 0;}
	.single-cases .case-blok.grijs, .single-cases .case-blok.quote{padding: 75px 0 !important;}
	.single-cases .json-grafiek{padding: 25px;}
	.single-cases .kpi-col:nth-last-child(-n+2){margin-bottom: 0;}

	.single-cases .case-blok.mt-custom{margin-top: -33px !important;}

	.case-item .content .naam{font-size: 15px;}
	.case-item .content h4{font-size: 18px;}

	.single .meta{font-size: 14px !important;}

	.single .meta-hover .info-top :is(.naam, .functie){font-size: 16px;}
	.single .meta-hover .info-bottom :is(p, strong){font-size: 14px;line-height: 28px;}

	/* Blog image heights */
	.blog .item .img{aspect-ratio: 4/3;min-height: unset;max-height: unset;}
	.blog .item .img img{height: 100%;}

	/* Testimonials */
	.testimonial-swiper .video-wrap{height: 520px;}
	#testimonialModal .modal-dialog{max-width: 600px;}
}
@media (min-width: 992px) {
	html,body{font-size:16px;line-height:1.75;}
	h1,h2,h3,h4{line-height:1.4;font-weight:700}
	h1{font-size:45px;margin:0 0 25px 0}
	h2{font-size:36px;margin:0 0 20px 0}
	h4{font-size:20px;margin:0 0 20px 0}

	.mt-100{margin-top:100px;}
	.blok{padding:90px 0}
	.blok-120{padding:120px 0}
	.blok-top-120{padding-top:120px}
	.blok-top-160{padding-top:160px}
	.blok-bottom-160{padding-bottom:160px}
	.blokken :is(.foto_links_tekst_rechts,.foto_links_tekst_rechts_onder){margin:160px 0}
	.blokken :is(.foto_links_tekst_rechts,.foto_links_tekst_rechts_onder) h2{margin-top:0}
	.blokken :is(.foto_links_tekst_rechts,.foto_links_tekst_rechts_onder) .img{height:100%;position:absolute;top:0;border-top-right-radius:10px;border-bottom-right-radius:10px;overflow:hidden;width:calc(550px + (100vw - 1320px) / 2 - 21px);left:0;}
	.blokken .foto_links_tekst_rechts + .zwart{margin-top:220px;}
	.blokken .grijs_tekst_galerij{padding:160px 0;}

	.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:1px solid var(--grijs-licht);border-radius:5px;}
	.filter-faqs li a{color:var(--zwart);font-weight:700;padding:10px 20px;transition:var(--transition);display:block;background-color:transparent;border:none}
	.filter-faqs :is(li:hover a,li a.active){background-color:var(--oranje_10);color:var(--oranje);border-color:var(--oranje);}

	.dots:before{height:97px;position:absolute;top:-10px;left:-170px;}
	.colorbar{height:9px}
	.top .container{padding-top:30px;padding-bottom:30px;}

	.hero-wrapper{height:calc(100vh - 125px);padding:0}
	.hero{height:calc(100% - 130px);border-radius:0 10px 10px 0;padding:0;overflow:hidden;}
	.cta + .sec_cta{margin:0 0 0 20px;}

	/*.hero .pijlen{position:absolute;width:100%;height:100%;top:0;overflow:hidden;}
	.hero .pijl{position:absolute;bottom:0;background:url("images/pijl-grijs.svg") no-repeat bottom center;width:500px;height:1000px;}
	.hero .pijlen div:nth-child(1){right:200px;bottom:-60px;}
	.hero .pijlen div:nth-child(2){right:90px;bottom:-200px;}
	.hero .pijl.oranje{right:30px;background:url("images/pijl-oranje.svg") no-repeat bottom center;z-index:3;width:600px;bottom:-100px;}*/

	.vizien-pijlen{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:0;}
	.vizien-pijlen::before{position: absolute;content:'';background-image:url('images/vizien-pijlen.svg');width: 100%;height: 50%;bottom:0;background-repeat: no-repeat;background-size: contain;background-position-x: calc(100% - 25px);background-position-y: calc(100% + 25px);z-index:-1;}

	.usps-top{padding:45px 0}
	.usps-top .item{margin:0}
	.usps-top,.usps-top .swiper{height:auto;}
	:is(.usps-top,.usps-bottom) .img{margin-right:20px;}
	.usps-bottom .item .img{width:auto;display: flex;align-items: center;}
	.usps-bottom .item .txt{font-size:14px;line-height:1.4;}
	.usps-bottom .item h4{font-size:20px;}

	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none;height:auto;}
	.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(--zwart);text-decoration:none;font-weight:bold;font-size:18px;line-height:100%;padding:20px 0;border:none}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 30px}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--zwart);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 li a:hover{background:none;color:var(--zwart)}

	.navbar-collapse ul ul{visibility:hidden;position:absolute;top:100%;left:0;text-align:left;background-color:rgba(255,255,255,1);box-shadow:0 5px 10px rgba(0, 0, 0, .1);border-radius:5px;overflow:hidden;border-bottom:4px solid var(--oranje);padding:10px 0;transition:var(--transition);opacity:0;transform:translateY(10px);}
	.navbar-collapse ul ul li{float:none;width:auto;transition:var(--transition);padding:5px 10px}
	.navbar-collapse ul ul li:hover{}
	.navbar-collapse ul ul a{padding:15px;color:var(--zwart);text-shadow:none;white-space:nowrap;transition:var(--transition);}
	.navbar-collapse ul ul :is(a:hover,li.current-menu-item > a){color:var(--oranje);background-color:var(--oranje_10);border-radius:5px;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-collapse ul li:hover > ul{visibility:visible;z-index:1;opacity:1;transform:translateY(0);}
	.navbar-nav li li li a {padding:15px}
	.navbar-brand{display:none}
	.navbar-nav li a i{line-height:1;}

	.navbar li.column ul{/*column-count:2;*/padding:30px 20px}
	.navbar li.column ul li{break-inside: avoid-column;}
	.navbar li ul.sub-menu span.sub{display:block;font-size:12px;color:#B7B7B7;font-weight:400;}

	ul.sub-menu li.m-icoon a{position:relative;padding-left:60px;}
	ul.sub-menu li.m-icoon a:before{content:"";width:27px;height:27px;display:inline-block;position:absolute;left:20px;background-repeat:no-repeat;background-size:contain;filter:grayscale(1);opacity:0.3;transition:var(--transition);}
	ul.sub-menu li.m-icoon a:hover:before{filter:grayscale(0);opacity:1;}
	ul.sub-menu li.current-menu-item > a:before{filter:grayscale(0);opacity:1;}
	ul.sub-menu li.m-icoon.content a:before{background-image:url("images/content.svg")}
	ul.sub-menu li.m-icoon.data a:before{background-image:url("images/data.svg")}
	ul.sub-menu li.m-icoon.adverteren a:before{background-image:url("images/google-ads.svg")}
	ul.sub-menu li.m-icoon.hosting a:before{background-image:url("images/webhosting.svg")}
	ul.sub-menu li.m-icoon.seo a:before{background-image:url("images/seo.svg")}
	ul.sub-menu li.m-icoon.webdesign a:before{background-image:url("images/webdesign.svg")}
	ul.sub-menu li.m-icoon.webdevelopment a:before{background-image:url("images/webdevelopment.svg")}

	.breadcrumbs{font-size:14px;}
	.breadcrumbs .col-12{overflow:initial;}
	.breadcrumbs .inner{width:fit-content}
	.logo-wrap .logo{display:block;margin:0;padding:0;position:relative;z-index:99;}
	.zwart{margin-top:150px;padding:160px 0;}
	.zwart .img{height:calc(100% + 70px);position:absolute;top:-70px;border-top-left-radius:10px;overflow:hidden;width:calc(400px + (100vw - 960px) / 2 - 12px)}
	.klanten .row .col-lg-4:nth-child(2n-1) .img{border-right:none}
	.klanten .row .col-lg-4:nth-child(3n-1) .img{border:1px solid var(--grijs-licht)}
	.klanten .row .col-lg-4:nth-child(n+4) .img{border-top:none}
	.blog.part{padding:90px 0 160px 0}
	.blog .item .img{height:360px;width:100%;}
	.blog .item h4{font-size:18px;}
	.blog.index,.post-type-archive-cases .blok.case-blok{padding:60px 0 100px 0}
	.share ul li + li{margin-left:20px;}
	.referenties .swiper-slide:before{content:"\f10d";position:absolute;top:-50px;right:-30px;font-size:200px;}
/*	.referenties .swiper-slide .txt{padding:60px 60px 60px 120px;}*/
	.referenties .swiper-slide .txt{padding:60px 60px 60px 175px;}
	.referenties .swiper-slide .txt h4{font-size:18px;margin:0 0 20px 0;}
	.header{padding:20px 0 160px 0}
	.header .breadcrumbs{margin-bottom:90px;}
	.faqs-blogs h3{font-size:36px;}
	.faq h4 button{padding:25px;font-size: 18px;}
	.faq h4 a{font-size: 18px;}
	.faqs-blogs .blogs h4{font-size:18px;}
	.home .cases{margin-top:180px;}
	.cases + .referenties{margin-top:100px;}
	.cases .swiper-slide{height:450px;}
	.cases .swiper-slide .txt{transform:translateY(0);}
	/*.single-cases .blokken .blok{padding:100px 0}
	.single-cases .blok.tekst_met_statistieken{padding:200px 0;margin-bottom:100px;}*/
	.single-cases .blok.quote{padding:200px 0;/*margin:100px 0 0 0;*/}
	/*.single-cases .quote .name b{font-size:20px;}
	.single-cases .subtitel{font-size:15px;}
	.single-cases .titel{font-size:18px;margin-bottom:30px;}*/
	.contact .contact-form{padding:50px;}
	.single-post .intro{padding:60px 0 90px 0}
	.team .item .txt{padding:0 90px 0 30px;}
	.team .item a{bottom:30px;right:30px;font-size:14px;}
	.team .item .txt p{font-size:14px;line-height:1.4;opacity:0;margin-top:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:0;}
	/* .team .item:hover .txt{transform:translateY(-80px);} */
	.single-team .blog.part.blok{padding-top:90px;}
	.single-team h1{font-size:45px;}
	.single-team .quote{bottom:30px;left:-30px;width:100%}
	.single-team .img{margin-bottom:0;height:100%;}
	.single-team .info b{font-size:16px;}
	.single-team .info .img{width:32px}
	.koffie{padding:0}
	.koffie .inner{padding:80px 0;}
	.koffie h3{font-size:36px;}
	.footer{padding:150px 0 80px 0;margin-top:-100px;}
	.footer-logo{margin-bottom:20px;}
	.footer h4{font-size:20px;}
	.footer :is(.partners,.adres){margin-bottom:60px;padding-bottom:60px;}
	.footer ul.footernav{column-count:2;column-gap:24px;}
	.footer .social{font-size:16px;margin-left:10px}
	.copyright{font-size:14px;}

	#solliciteren{scroll-margin-top: 150px;}
	.pe-6{padding-right:6px;}
	.ps-6{padding-left:6px;}
	.referenties .swiper-slide .txt.ref-single{padding: 60px 60px 60px 225px;}

	.koffie .row{overflow: unset;}
	.koffie{padding:0;margin-top: 100px;}
	.koffie .inner{padding: 50px 0;}
	.koffie-foto{width: 100%;left: unset;bottom: unset;}
	.koffie-col{position: absolute;bottom:0;right:0;}
	.koffie-mh{min-height: 475px;}
	.koffie-title::before{width: 186px;height: 97px;}

	.single-cases .case-blok{padding: 0;margin:150px 0;}
	.single-cases .koffie{margin-top: 250px}
	.single-cases .case-intro{margin: 60px 0 90px 0;}
	.single-cases .case-blok.grijs, .single-cases .case-blok.quote{padding: 150px 0 !important;}

	.single-cases .team.rel-cases .item a{bottom:22px;}
	.single-cases .team.rel-cases .item .txt .transition{margin-top: 10px;}
	.single-cases .team.rel-cases .item .txt span{font-size:14px;line-height:1.4;opacity:0;margin-top:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:0;}
	.single-cases .team.rel-cases .item .txt span > p{margin-top: 0;}
	.single-cases .team .item:hover .txt span{opacity: 1;height: 60px;}
/*	.single-cases .kpi-col{margin-bottom: 0;}*/
	.single-cases .flex-kpis .kpi-col{margin-bottom: 0;}
	.single-cases .json-grafiek{padding: 50px;}

	.single-cases .case-blok.mt-custom{margin-top: -126px !important;}

	.case-item .content h4{font-size: 20px;}

	.vac-modal .modal-dialog{max-width: 600px;}

	/* Menu scroll */
	.top, .top :is(.container, .logo-wrap, .logo-wrap img){transition: var(--transition);}
	.scrolled .container{padding-top: 15px !important;padding-bottom: 15px !important;}
	.scrolled .logo-wrap img{transform:scale(0.9);}

	.single pre{font-size: 16px;padding: 30px;}

	/* Blog image heights */
	.blog .item .img{height: unset;}
	.blog :is(.col-lg-7, .col-lg-5) .item .img{min-height: 280px;max-height: 280px;}

	/* Testimonials */
	#testimonialModal .modal-dialog{max-width: 700px;}
	#testimonialModal .testimonial-iframe{aspect-ratio: 16/9;max-height: unset;}
	.testimonial-swiper .video-wrap{height: 650px;}
}
@media (min-width: 1200px) {
	.hero{overflow:initial;}
	.hero .pijl{bottom:0;width:1000px;height:1000px;}
	.hero .pijlen div:nth-child(1){right:300px;bottom:-100px;}
	.hero .pijlen div:nth-child(2){right:200px;bottom:-500px;}
	.hero .pijl.oranje{right:10px;width:1000px;bottom:0}
	.single-team .quote{bottom:60px;left:-60px;width:100%}
/*	.single-cases .titel{font-size:20px;margin-bottom:30px;}*/
	.zwart .img{width:calc(475px + (100vw - 1140px) / 2 - 12px)}
	:is(.referenties,.archive .referenties) .swiper-slide{height:400px;}
	.referenties .swiper-slide .txt{padding:60px 60px 60px 250px;}
	.team .item{height:540px;}

	a.btn-effect{padding:15px 0;position:relative;transition:var(--transition);}
	a.btn-effect:after{content:"";padding:15px 0;border-radius:100px;border:none;transition:all 300ms ease-in-out;position:absolute;left:0;z-index:-1;width:0;top:0;height:100%;opacity:0;}
	a.btn-effect:hover:after{content:"";background-color:var(--oranje);color:#fff;padding:15px 30px;width:100%;opacity:1;}
	a.btn-effect:hover{color:#fff;padding:15px 30px;}
	a.btn-effect i{transition:all 500ms ease-out}
	a.btn-effect:hover i{transform:translateX(10px);opacity:0;color:#fff;width:0;}
	a.btn-effect:before{content:"\f178";font-family:'Font Awesome 6 Pro';opacity:0;transform:translateX(-10px);transition:all 300ms ease-in-out;display:inline-block;color:var(--oranje);width:0;}
	a.btn-effect:hover:before{opacity:1;transform:translateX(0);color:#fff;margin-right:10px;width:auto}
	a.btn-effect:active{transform:translateY(2px);transition:all 0ms;}
	a.btn-effect:active:after{box-shadow:inset 0 2px 5px rgba(0,0,0,0.2);transition:all 0ms;}

/*	.koffie{margin-top: 150px;}*/
	.koffie .inner{padding: 60px 0;}
	.vizien-pijlen::before{height: 70%;max-width:70%;right: 25px;}
	.referenties .swiper-slide .txt.ref-single{padding: 60px 60px 60px 250px;}

	/* Testimonials */
	#testimonialModal .modal-dialog{max-width: 800px;}
	.testimonial-swiper .video-wrap{height: 600px;}
}
@media (min-width: 1400px) {
	.breadcrumbs{background-color:transparent;}
	.breadcrumbs .inner:before{content:"";width:calc((100vw - 1320px) / 2 + 100%);height:100%;position:absolute;top:0;left:calc((100vw - 1320px) / -2);background-color:var(--grijs-licht);z-index:-1;border-radius:0 5px 5px 0;padding:15px 20px 15px 0;}
	.zwart .img{width:calc(550px + (100vw - 1320px) / 2 - 21px)}

	.koffie .inner{padding: 80px 0;}
	.koffie-info{bottom: 58px;right: -35px;}
	.koffie-mh{min-height: 475px;max-height: 475px;}
	.vizien-pijlen::before{height: 85%;}

	.blog-item .meta{font-size: 14px !important;}

	/* Blog image heights */
	.blog .item .img{aspect-ratio: unset;min-height: 280px;max-height: 280px;}
	.blog .item .img img{height: 280px;}

	/* Testimonials */
	#testimonialModal .modal-dialog{max-width: 850px;}
}
@media(min-width: 1600px) {
	.single .featured-img{max-width: 1500px;margin:0 auto;border-radius: 10px;}
}
@media (min-width: 1920px) {
	.hero .pijl.oranje{right:-30px;width:1000px;bottom:0}
	.featured-img{width:100%;left:calc((100vw - 1800px) / -2);max-width:initial;}
	.big-left{max-width:1800px;margin:0 auto;border-radius:0 10px 10px 0;position:relative;}
	.big-left:before{content:"";width:50vw;height:100%;position:absolute;top:0;left:-50vw;background-color:var(--grijs-licht);}
	:is(.cases,.cultuur) .swiper{width: calc(100% + (100vw - 1320px) / 2)}
	.cases .swiper{height:600px;}
	.cases .swiper-slide{height:600px;}
	.referenties .swiper{left:calc((100vw - 1320px) / -2);width:calc(100% + (100vw - 1320px) / 2)}
	#maps{max-width:1800px;margin:0 auto;border-radius:10px 10px 0 0;overflow:hidden;}
	.navbar li.column ul{column-count:2;}

	.vizien-pijlen::before{height: 100%;max-width: 80%;right: -50px;}

/*	.single-cases .blok.quote{width: 100%;left: calc((100vw - 1800px) / -2);max-width: initial;}*/
	.single-cases .case-blok.quote{position: relative;background-color:transparent;}
	.single-cases .case-blok.quote::before{z-index: -1;position: absolute;top: 0;left: 0;height: 100%;width: calc((100vw + 1800px)/2);content: '';background: var(--grijs-licht);border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	.single-cases .case-blok.grijs{position: relative;background:transparent;}
	.single-cases .case-blok.grijs .container{position: relative;z-index:3;}
	.single-cases .case-blok.grijs::before{position: absolute;content: '';top: 0;left: calc((100vw - 1320px - 300px)/2);height: 100%;width: calc(1320px + 300px);z-index: 1;border-radius: 10px;background: var(--grijs-licht);}

	.single-cases :is(.case-swiper, .rel-case-swiper) {width: calc(100% + (100vw - 1320px) / 2)}

	.single .featured-img{left:unset;}
}