/*
Theme Name: Vind mij Online (v2.3)
Author: Roald Craenen
Author URI: https://www.vindmijonline.nl/
Version: 2.3
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;

	--primary-text: #000000;
	--header-text: #000000;
	--hero-text: #ffffff;

	--main:#00A39D;
	--cta-hover:#03918c;
	--alt:#006191 ;

	--bg:#FAFAFA;
	--bg-donker:#E6E7E8;

	--review-star-color:#00A39D;

	--footer-text:#000;
	--footer:#ffffff;
	--copyright:#000000;
}

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}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
html{-webkit-animation: fadein 500ms;-moz-animation: fadein 500ms;-ms-animation: fadein 500ms;-o-animation: fadein 500ms;animation: fadein 500ms;}
html,body{width:100%;height:auto;font-family:"Montserrat", sans-serif;font-weight:400;font-size:16px;line-height:30px;color:var(--primary-text)}
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(--main);text-decoration:underline;}
a:hover{color:var(--main);text-decoration:none}
h1,h2,h3,h4{line-height:calc(100% + 8px);font-weight:700;color:var(--primary-text);}
h1{font-size:40px;margin:0 0 30px 0}
h2{font-size:30px;margin:0 0 30px 0}
h3{font-size:20px;margin:0 0 30px 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;}
hr{border-top: 1px solid #000;opacity: 0.15;}

/* General */
.blok{padding:60px 0}
.subtitel{color: var(--alt);font-size: 14px;margin: 0 0 5px 0;font-weight: 700;text-transform: uppercase;}
.transition, .transition a{transition:all 100ms ease-in-out;}
.transition.schaduw{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.up:hover{transform:translateY(-3px);}
.pointer:hover{cursor:pointer;}
.schaduw:hover{box-shadow:0 0 40px rgba(0,0,0,0.2);}
.spacing{letter-spacing:1px;}
.objectfit_ie{background-size:cover;background-position:50%;}
.objectfit_ie img{width:100%;height:100%;object-fit:cover;display:block;}
.compat-object-fit img{opacity:0;}
.grecaptcha-badge{display:none;}
.fa-input {font-family:'Font Awesome 5 Pro',sans-serif;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cta{padding: 12px 30px;background: var(--main);color: #fff;font-weight: 700;text-decoration: none;display: inline-block;margin-top: 30px;border-radius: 50px;border: none;width: fit-content;position: relative;transition:all 150ms ease-in-out !important;}
.cta:hover{color: #fff !important;background: var(--cta-hover);}

/* 404/sitemap */
.notfound h2{font-size: 22px;}
.sitemap-blok :is(ul, ol) li a{color: var(--primary-text);}
.sitemap-blok ul.children{margin:0;}

/* Top */
.top{padding:0;;background-color:#fff;transition:all 150ms ease-in-out;}
.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.logo{display:none}
.logo{height:74px;margin: 0}
.call{border: 2px solid var(--main);padding-top: 2px;margin: 0;width: 46px;height: 43px;border-radius: 7px;}
.call a{color:var(--main);}

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

/* Animate hamburger */
.navbar-toggler:hover{background:transparent !important;}
.navbar-toggler .icon-bar{width:22px;transition:all 0.2s;display:block;margin-bottom:5px;}
.navbar-toggler .top-bar{transform:translateY(8px) rotate(45deg);transform-origin:center}
.navbar-toggler .middle-bar{opacity:0;transform:translateX(5px)}
.navbar-toggler .bottom-bar{transform:translateY(-8px) rotate(-45deg);transform-origin:center;margin-bottom:0;}
.navbar-toggler.collapsed .top-bar{transform:rotate(0);}
.navbar-toggler.collapsed .middle-bar{opacity:1;transform:translateX(0px)}
.navbar-toggler.collapsed .bottom-bar{transform:rotate(0);}

/* Animate hamburger */
.navbar-toggle:hover{background:transparent !important;}
.navbar-toggle .icon-bar{width:22px;transition:all 0.2s;}
.navbar-toggle .top-bar{transform:rotate(45deg);transform-origin:0% 10%;}
.navbar-toggle .middle-bar{opacity:0;}
.navbar-toggle .bottom-bar{transform:rotate(-45deg);transform-origin:6% 90%;}
.navbar-toggle.collapsed .top-bar{transform:rotate(0);}
.navbar-toggle.collapsed .middle-bar{opacity:1;}
.navbar-toggle.collapsed .bottom-bar{transform:rotate(0);}
.navbar-toggler:is(:hover, :focus, :focus-within){outline:0;box-shadow: none;}

/* Hero */
.hero{width:100%;position:relative;}
.hero .item{height:fit-content;padding:75px 0;background-size:cover;background-position:50%;}
.hero .item:before{content:"";position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index:0;}
.hero .item .col-md-8{position:relative;z-index: 2;}
.hero h3{font-size:32px;color:#fff;margin-bottom:30px;line-height: 40px;}
.hero p{color:#fff;margin-bottom:0}

.owl-nav{position:absolute;top:-50px;width:100%;text-align:right;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{padding:10px !important;}
.owl-nav button i{color:var(--main);font-size:16px;transition:all 100ms ease-in-out;}
.owl-carousel .owl-nav button.disabled{cursor:default}
.owl-carousel .owl-nav button.disabled i{color:var(--main);opacity: 0.35;}

/* Breadcrumbs */
body:not(:has(.header)) .breadcrumbs{background: var(--bg);}

.breadcrumbs{line-height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:30px 0;font-size:12px;color:var(--main);background: transparent;}
.breadcrumbs span.vv{margin-left: 0;font-weight: 400;opacity: 0.5;color: var(--primary-text);}
.breadcrumbs > div > div > div > span{margin-left:10px;}
.breadcrumbs span{font-weight:700;color:var(--main);}
.breadcrumbs span i{padding:0 5px;color:var(--main);}
.breadcrumbs span a{text-decoration:none;color:var(--primary-text);color:var(--main);}

/* Main */
.header{height:300px;background-size:cover;background-position:50%;}
.tekst h1{}
.tekst h2{font-size:24px;margin:40px 0 20px 0}
.tekst h3{font-size:20px;margin:30px 0 10px 0}
.tekst :is(ul, ol){margin:25px 0;}
.tekst :is(ul, ol) li{line-height: calc(100% + 20px);}
.tekst :is(ul, ol) li::marker{color: var(--main);}

/* Over */
.over .img{margin-bottom: 24px;overflow: hidden;border-radius: 20px;width: 100%;}
.over .img img{display: block;width: 100%;height: 100%;object-fit:cover;aspect-ratio: 4/3;}
.over h2.subtitel{display: inline-block;width: max-content;}
.over h1{font-size:30px;line-height: 38px;margin-bottom: 20px;color: var(--primary-text);}
.over .align-img-top img {object-position: 50% 0%;}
.long-img{height: 100%;}

/* Diensten */
.diensten{background-color: var(--bg-donker);}
.dienst-row{flex-grow:1;}
.dienst-col{display: flex;border-radius: 30px;}
.diensten .item{margin-bottom:30px;position:relative;background-color:#fff;border-radius:10px;position: relative;width: 100%;overflow: hidden;}
.diensten .dienst-col:last-child .item{margin-bottom: 0;}
.diensten .item .img{height:80px;width:80px;border-radius:50%;overflow:hidden;margin:0 auto 30px auto}
.diensten .item .txt h3{margin:0 0 15px 0;}
.diensten .item a.lm{color:var(--main);text-decoration:none;font-weight:700;}
.diensten .item:hover a.lm i{transform:translateX(3px)}
.diensten .item .txt p{font-weight: 400;line-height: 22px;}
.diensten .item .txt h3 a{text-decoration: none;color: #fff !important;font-size: 22px;line-height: 32px;}
.text-overlay{position: absolute;bottom: 0;left: 0;color: white;text-align: left;z-index: 999;width: auto;height: auto;padding: 30px;}
.dienst-img{aspect-ratio: 5/7;object-fit: cover;}
.diensten .img-wrapper::after{content: "";position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 3;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);}
.dienst-blok-img-2:nth-child(2){object-position: -10px;}
.diensten .item a.leesmeer{font-size: 16px;font-weight: bold;text-decoration: none;transition: all 150ms ease-in-out;color: var(--main);display: block;width: fit-content;margin-top: 15px;}

/* Reviews */
.reviews{position:relative;overflow:hidden;background: var(--bg);}
.reviews hr{margin-bottom:90px;}
.reviews .naam{margin-bottom:30px;}
.reviews .naam h2{font-size:24px;color: #000;margin-bottom: 15px;}
.reviews .google .img{width:48px;height:48px;background-image:url("images/google.svg");margin-right:20px;}
.reviews .google .txt{font-size:20px;line-height:31px;color: #000;}
.reviews .google .txt .rating{color:var(--review-star-color);}
.reviews .google .txt .rating b{margin-right:5px;color: #000;}
.reviews .google .txt .rating i{}
.reviews .google .txt .rating i + i{margin-left:2px;}
.reviews .item{background-color: #fff;padding: 30px;border: 1px solid #2a337921;border-radius: 10px;}
.reviews .item .score{margin-bottom:10px;}
.reviews .item .score .stars{margin-right:10px;font-size:14px;}
.reviews .item .score .date{font-size:12px;color:#dadada}
.reviews .item .score i{color:var(--review-star-color)}
.reviews .item .score i + i{margin-left:2px;}
.reviews .item .author{margin-bottom:20px;font-size:14px;}
.reviews .item .author .img{width:60px;height:60px;display:inline-block;margin-right:20px;border-radius:50%;overflow:hidden;vertical-align:middle}
.reviews .item .author .name{display:inline-block;width:calc(100% - 90px);color:#dadada;font-weight:300;vertical-align:middle}
.reviews .item .author .name b{font-size: 20px;line-height: calc(100% + 5px);font-weight:700;color:#000;display:block;}
.reviews .item .desc{font-size:14px;line-height:24px; color: #000;}
.reviews .img img{height: 60px;object-fit: cover;}
.reviews h3.subtitel{display: inline-block;width: max-content;margin-bottom: 0;}

/* Contact */
.contact h3{font-size:30px;margin:0 0 30px 0;text-transform:uppercase;}
.contact p + h3{margin-top:40px}
.contact a i{color:var(--alt)}
.contact .wpcf7{margin-bottom:60px}
.b-naam{color: var(--primary-text);}

.wpcf7-textarea{height: 225px;min-height: 150px;}

.contact span{font-weight: 500;}
.contact a{font-weight: 500;text-decoration: none;display: block;width: fit-content;color: var(--primary-text);}

/* Footer */
.footer{background-color:var(--footer);}
.footer iframe{min-width: 100%;max-width: 100%;width: 100%;border-radius: 10px;margin-bottom: -10px;min-height: 450px;max-height: 450px;height: 450px;}
.footer .margintop{margin-top:98px;}
.footer .item i{color:var(--footer-text);font-size:24px;display:inline-block;width:fit-content;min-width: 40px;vertical-align:top;}
.footer .item .social i{color:#FFF;font-size:18px;width:auto;vertical-align:unset;}
.footer .item .inner .vandaag{color:var(--main);}
.footer .item .inner span{width:125px;display: inline-block}
.footer .item .inner span time{}
.footer h4{font-size: 22px;}
.footer a{color:var(--footer-text);text-decoration:none}
.footer .social a,.social a{color:#fff;width:40px;height:40px;display: inline-flex;align-items: center;justify-content: center;background:var(--main);border-radius: 50%;}
.footer .social a > i{width: fit-content;min-width: unset;}
.social a + a{margin-left:7px;}
.copyright.blok{padding:40px 0}
.copyright,.copyright a{color:#fff;text-decoration:none;font-size:14px;line-height:28px;}
.copyright img{height:20px;}
.footer .item, .footer .item h4, .footer .item a{color: var(--footer-text);}
.f-title{margin-bottom: 20px;}
.f-title i{color: var(--main) !important;}
.copyright{background:var(--copyright);}
.copyright :is(span, a){display: inline-block;}
.copyright .divider{display: inline-block;margin:0 5px;}

/* Footer background */
.page-template-contact .footer{background-color: var(--bg);}

/* Sidebar */
.sidebar{position:relative;margin-top:60px;background-color:var(--main);border-radius: 0 30px 0 30px;}
.widget.normal, .widget.normal ul, .widget.normal li{list-style:none;margin:0;padding:0}
.widget.normal{padding:30px;border-radius: 10px;}
.widget.normal h3{font-size:20px;margin:0 0 15px 0;color:#fff;}
.widget.normal p{color: #fff;}
.widget.normal li{padding:0 0 10px 0}
.widget.normal li:last-child{border:none}
.widget.normal .textwidget .center{text-align:center;}
.widget.normal .cta{background: #000;margin-top: 25px;}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:0;}
.wpcf7-form .field{display:block;margin-bottom:20px}
.wpcf7-form strong{margin-bottom:5px;display:block;font-weight:700;}
.wpcf7-form .telefoonnummer input{width:200px}
.wpcf7-form td{padding-bottom:20px}
.wpcf7-form-control-wrap{position: relative;height: fit-content;display: block;}
.wpcf7-form input[type="date"],.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form select,.wpcf7-form textarea,.wpcf7-tel,.wpcf7-form input[type="tel"], .wpcf7-form input[type="number"]{margin:0 0 24px 0;padding:10px 15px;border:1px solid #e5e5e5;width:100%;color:var(--primary-text);border-radius: 10px;}
select.wpcf7-not-valid,input.wpcf7-not-valid,textarea.wpcf7-not-valid{border:1px solid #ff0000 !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;background: #981b1e1c !important;border-radius: 5px;padding: 0 10px;display: block;width: fit-content;margin-bottom: 25px;}
.form-row.last-row .wpcf7-not-valid-tip{margin-top: -10px;}
div.wpcf7-response-output{margin-top:30px !important;background-color:rgba(152,27,30,0.1);margin-left: 0 !important;margin-right: 0 !important;line-height: calc(100% + 10px);border-radius: 5px;padding: 15px !important;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:rgba(255,185,0,0.1);margin-left: 0 !important;margin-right: 0 !important;line-height: calc(100% + 10px);border-radius: 5px;padding: 15px !important;}
.wpcf7 form.sent .wpcf7-response-output{background-color:rgba(70,180,80,0.1);margin-left: 0 !important;margin-right: 0 !important;line-height: calc(100% + 10px);border-radius: 5px;padding: 15px !important;}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}

.wpcf7-form button{margin-top:0}
.wpcf7-form .send-row p{display: flex;align-items: center;}
.wpcf7-form .input-row p{position: relative;}
.wpcf7-form .input-row p label{position: absolute;top: -13px;left: 13px;z-index: 10;color: #C4C4C4;line-height: 100%;background: #fff;padding: 5px 10px;}

/* 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}

/* Gallery */
.gallery{margin-top:60px}
.gallery img{width:100%}
.gallery .gallery-item{margin-bottom:30px}
.gallery .gallery-item a{border:none;height:200px;background-size:cover;background-position:50%;padding:0;display:block;}
.gallery .gallery-item a img{object-fit:cover;display:block;width:100%;height:200px;}
.gallery .gallery-item a.compat-object-fit img{opacity:0;}

/* Modal */
.modal{background-color:rgba(0,0,0,0.4)}
.modal-content{box-shadow:none;background-color:transparent;border:none;}
.modal-header{border:none;}
.modal .close{color:#fff;opacity:1;font-size:40px}

/* 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%;}

/* Pagination */
.pagination{width:100%;position:relative;margin-bottom:90px;}
.pagination > div{position:absolute;}
.pagination .nav-previous{left:0;}
.pagination .nav-next{right:0;}

/* Gallery */
.blok.galerij{background: var(--bg-donker);}
.blok.galerij .img{border-radius: 10px;overflow: hidden;margin-bottom: 24px;}
.blok.galerij .img img{aspect-ratio: 4/3;}

/* ------------------------------ Media Queries ------------------------------ */
@media (min-width: 576px) {
	.navbar-collapse{width: calc((100vw - 540px)/2);left:calc((100vw - 540px + 24px)/-2);}
	#menu-hoofdmenu{width: calc(540px - 24px);margin: 0 auto;}
}
@media (min-width: 768px) {
	h1{font-size:40px;margin:0 0 30px 0}
	h2{font-size:30px;margin:0 0 30px 0}
	h3{font-size:20px;margin:0 0 30px 0}
	h4{font-size:18px;margin:0 0 20px 0}
	.blok{padding:100px 0}
	.hero h3{font-size:48px;line-height: 56px;}
	.hero .item{padding: 150px 0;}
	.copyright,.copyright a{font-size:14px;}
	.footer .item .inner{display:inline-block;width:calc(100% - 50px)}

	.navbar-collapse{width: calc((100vw - 720px)/2);left:calc((100vw - 720px + 24px)/-2);}
	#menu-hoofdmenu{width: calc(720px - 24px);margin: 0 auto;}

	span.wpcf7-not-valid-tip{position: absolute;top: 11px;right: 15px;}
	.form-row.last-row .wpcf7-not-valid-tip{margin-top: 0;}

	.page-template-default:has(.header) .main-blok{padding-top: 60px;}
}
@media (min-width: 992px) {
	body{overflow-x:hidden;}
	.logo{display:block;}
	.column{column-count:2;column-gap:30px;}

	.navbar{text-align:center;display:inline-block;width: unset;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul#menu-hoofdmenu{padding:0;align-items: center;}
	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:block;color:var(--alt) !important;text-decoration:none;font-weight:500;font-size:16px;line-height:100%;padding:20px 0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 20px}
	.navbar-collapse ul li:last-of-type{padding-right:0;}
	.navbar-collapse ul li ul li:last-of-type{padding-right:20px;}
	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--alt) !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 li a:hover{background:none !important;color:var(--alt) !important}
	.navbar-collapse ul li a:hover + i{}
	.navbar-collapse ul li ul li a{display: flex;justify-content: space-between;align-items: center;}
	.navbar-collapse ul li ul li a > i{margin-left: 25px;}

	.navbar-collapse ul ul{display:none;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);width:fit-content;min-width: 100%;}
	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;}
	.navbar-collapse ul ul li:hover{background-color:var(--bg)}
	.navbar-collapse ul ul a{padding:15px;color:var(--alt) !important;text-shadow:none;white-space:nowrap;}
	.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.1;transition: none;}

	.navbar-lg{display: inline-flex;align-items: center;margin: 20px 0;}
	.navbar-collapse{width: unset;left:unset;min-width: unset;}
	#menu-hoofdmenu{width: unset;margin: unset;}

	.hero .item{padding: 200px 0;}

	.over .img-contain .img{aspect-ratio:4/3;margin-bottom: 0;}
	.over .over-img:nth-child(1) .img{border-bottom-left-radius: 0;border-bottom-right-radius: 0;aspect-ratio: 16/10;}
	.over .over-img:nth-child(2) .img{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
	.over .over-img:nth-child(3) .img{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 0;}

	.sidebar{margin-top: 0;}
	.sidebar .widget{padding: 50px;}

	.footer iframe{min-height: 500px;max-height: 500px;height: 500px;}

	/* Menu */
	.top .navbar-collapse > ul > li:last-of-type a{background: #fff;border-radius: 50px;padding: 15px 30px;transition: all 150ms ease-in-out;border: 1px solid var(--alt);font-weight: 600;}
	.top .navbar-collapse > ul > li:last-of-type a:hover{background:var(--bg) !important;}

	/* Diensten */
	.over .lg-50{height: calc(50% - 12px);}
	.over .lg-50 .img{height: 100%;}
	.over .img img{aspect-ratio: unset;}
}
@media (min-width: 1200px) {
	.sidebar:before{width:calc((100vw - 58.33333333% + 48px)/2);}
}
@media (min-width: 1400px) {
	.footer iframe{min-height: 400px;max-height: 400px;height: 400px;}
	.sidebar:before{width:calc((100vw - 58.33333333% + 60px)/2);}

	.blok.galerij :is(.item-1, .item-4, .item-7, .item-8) .img, .blok.galerij :is(.item-1, .item-4, .item-7, .item-8) .img img{height: 300px;}
	.blok.galerij :is(.item-2, .item-3, .item-5 , .item-6) .img, .blok.galerij :is(.item-2, .item-3, .item-5, .item-6) .img img{height: 624px;}
	.blok.galerij .img img{aspect-ratio: unset;}
}
@media (min-width: 1800px) {
	.hero{overflow: hidden;border-bottom-left-radius: 320px;}

	.header{overflow: hidden;border-bottom-left-radius: 320px;}
	.diensten, .blok.galerij{border-bottom-right-radius:320px;position: relative;}
	.diensten::before, .blok.galerij::before{content:'';top:0;left:0;width: 100%;height: 100%;z-index: -1;background-color: var(--bg);position: absolute;}
}