.block.content.text-center h2 { font-size: 42px;}

/** {outline: 1px solid red !important;}*/

h2 { font-size: 3.4375rem; text-wrap: balance;}

p:has(.btn + .btn) { display: flex; flex-wrap: wrap; gap: 24px 50px;}

.opacity-0 { opacity: 0 !important;}
.opacity-1 { opacity: 1 !important;}

/*.container-fluid.content > .row > .container > .row {padding: 0 15px;}*/
.container-fluid.content .block.content p a { color: var(--primary-color);}

img { max-width: 100%; height: auto;}
ul { padding-left: 20px;}
.container-xs { width: calc(var(--container-width) / 100 * 80); margin: 0 auto;}
.seperator img { position: relative; z-index: 2;}
.sep-img { padding: 0px 50px; background: var(--white-color); display: inline-block; position: relative; z-index: 3;}
.line { display: block; width: 100%; height: 1px; background: #e2e2e2; position: absolute; top: 18px;}

.fixed-nav { display: none;}
a.nav-link { line-height: 1em; color: var(--primary-color);}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link { color: var(--primary-color);}
.navbar-light .navbar-nav .nav-link { color: #000;}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover { color: var(--primary-color); outline: none;}

ul.main > li:nth-child(3) a.nav-link { position: relative;}

/*ul.main > li:nth-child(3) a.nav-link:before {
  content: "Nieuw!";
  position: absolute;
  text-align: center;
  margin-top: -28px;
  left: 28%;
  padding: 2px 15px;
  font-size: 12px;
  color: var(--white-color);
  border-radius: 20px;
  background: #f40303;
}*/

.bg-color { background-color: var(--bg-color);}
.bg-dark { background: #1D1D1B !important;}
.bg-dark * { color: var(--white-color);}
.bg-dark .btn.btn-primary { color: var(--white-color) !important;}

.block ul li ul li { margin-left: 24px;}

.melding { padding-left: 30vw; background: var(--primary-color); color: var(--white-color); font-weight: 700; padding-top: 5px; padding-bottom: 5px; display: none;}
.melding.active { display: block;}
.melding p { margin-bottom: 0;}

.block.content a,
.block.content p a { position: relative; width: fit-content;}

.block.content a:not(.btn):after,
.block.content p a:not(.btn):after { content: ''; width: 0%; height: 1px; border-bottom: 1px solid var(--primary-color); display: block; position: absolute; left: 0; bottom: 0; transition: width 0.5s;}

.block.content a:not(.btn):hover::after,
.block.content p a:not(.btn):hover::after { width: 100%;}

/*Top*/

.row.hassearch > .container > .row { padding-left: 75px;}

body:has(.search-wrapper.open) .weglot-container { display: none;}

.main-logo { transition: all 0.5s !important;}
.main-logo img { transition: transform 0.5s !important;}

.topbar { background: #F0F0F0; font-weight: bold; font-size: 16px; color: #7B7B7B; padding-top: 6px; padding-bottom: 6px; text-transform: uppercase;}

.topbar .desk-phone { text-align: start;}

.topbar .top-contact i { color: var(--blue-color); padding-right: 10px; pointer-events: all; cursor: pointer;}
.topbar .top-contact a { color: rgb(123, 123, 123);}
.topbar .top-contact a.phone { margin-left: 10px; opacity: 0; transition: all 0.5s;}
.topbar .top-contact a.phone:hover { color: var(--primary-color); opacity: 1;}

.top-tree { display: flex; justify-content: space-around; align-items: center;}
.topbar .hassearch .top-tree .weglot-container { display: none;}
.topbar .available,
.topbar .not_available { font-size: 0.875rem;}
.topbar .available:before,
.topbar .not_available:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 8px; background: var(--primary-color); margin: 0px 10px 1px 0; display: inline-block;}
.topbar .available:before { background: #1BBA28;}
.topbar .not_available:before { background: var(--primary-color);}

.topbar .block.menuitem { }
.topbar .block.menuitem ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: end; gap: 0 24px;}
.topbar .block.menuitem ul li { list-style: ''; width: fit-content;}
.topbar .block.menuitem ul li a { font-size: 0.875rem; color: var(--black-color); transition: all 0.5s;}
.topbar .block.menuitem ul li a:hover { color: var(--primary-color);}
.topbar .block.menuitem ul li.active a { color: var(--primary-color);}

.topbar .top-search i { color: var(--blue-color);}

/*HEADER*/
.main-logo { pointer-events: none; position: absolute; z-index: 1008; width: 34vw; top: -4vw; left: -5vw; transition: 0.3s ease-in; -o-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in;}
.main-logo img { pointer-events: none; width: 100%;}
.main-logo.small-header { width: 28%; top: -4vw; left: -3vw; position: fixed; z-index: 1050;}

.link-cutout { position: absolute; display: block; z-index: 1051; transform-origin: bottom right;}
.link-cutout.cutout-big { top: 0.7vw; height: 34vw; width: 34vw; transform: rotate(45deg) translate(-85%, 20%); border-radius: 6vw; left: -2.1vw;}
.link-cutout.cutout-small { top: -6vw; height: 34vw; width: 34vw; transform: rotate(45deg) translate(-85%, 20%); border-radius: 4vw; left: -3.5vw; position: fixed;}

.table-striped tbody tr:nth-of-type(odd) { background: #F5F5F5;}
.table-striped tbody tr td:first-child { font-weight: bold;}
.table td, .table th { border: none;}

.modal#proefritaanvragen { }
.modal#proefritaanvragen .modal-content { background: var(--white-color); padding: 0 40px;}
.modal#proefritaanvragen  .modal-header { border: none;}
.modal#proefritaanvragen form { margin-top: 20px;}
.modal#proefritaanvragen  h4 { font-weight: 700;}
.modal#proefritaanvragen  h5 { color: var(--primary-color); font-weight: 700;}
.modal#proefritaanvragen  label { font-weight: 700; font-size: 14px;}
.modal#proefritaanvragen  input, .modal#proefritaanvragen textarea { background: var(--white-color); border: none; color: #000; border: 1px solid #d6d6d6;}
.modal#proefritaanvragen .btn-default { background: var(--primary-color); color: var(--white-color); width: 100%; transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in;}
.modal#proefritaanvragen .btn-default:hover { background: #bd0200;}

blockquote { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; color: #856404; background-color: #fff3cd; border-color: #ffeeba;}
blockquote p:last-child { margin: 0;}

.nav-item .nav-link { height: 20px; display: flex; align-items: center;}
.nav-item .nav-link:has(.NumOfEvents) { position: relative;}
.nav-item .NumOfEvents { margin-left: 6px; background: var(--primary-color); color: var(--white-color); width: 20px; height: 20px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 0.75rem;}

.nav-item .nav-link:has(.newsAlert) { position: relative;}
.nav-item .newsAlert { margin-left: 6px; background: var(--primary-color); width: 8px; height: 8px; border-radius: 50%;}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle, 
.btn-primary.focus, 
.btn-primary:focus { background-color: transparent !important;}

.slick-prev:focus,  
.slick-next:focus { background-color: var(--primary-color) !important;}

.navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { top: -180px; pointer-events: none;}
/*.container-fluid.nav:has(.navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-inview) .navbar.navbar-expand-xl.navbar-light:not(.fixed)  { pointer-events: none;}*/

.main-slider button.slick-prev.slick-arrow { bottom: -22px;}
.main-slider button.slick-next.slick-arrow { bottom: 44px;}

/*================================== Navigatie ==================================
================================================================================*/

.container-fluid.nav { justify-content: center;}
.container-fluid.nav .navbar { width: 100%;}
.container-fluid.nav .navbar .navbar-nav { align-items: center;}
.container-fluid.nav .navbar .navbar-nav .nav-item { position: static;}
.container-fluid.nav .navbar .navbar-nav .nav-item .nav-link { position: relative;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color { position: absolute; width: 100vw; height: fit-content; top: 100%; left: 0; margin-left: 0; overflow: hidden; border-bottom: 2px solid var(--primary-color); z-index: 999;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu { display: flex; flex-wrap: wrap; position: relative; padding-left: calc(15% + var(--half-space)); top: 0; background-color: transparent; border-top: 0;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item { width: 50%;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item .nav-link { font-size: 1.5rem; color: var(--black-color);}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item:has(ul) .nav-link { pointer-events: none; padding-left: 0;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item ul { margin-top: 24px; padding-left: 0;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item ul li { list-style: ''; padding-bottom: 6px;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item ul li a { font-size: 1rem; font-weight: 500; color: var(--black-color);}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list { }
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item { display: none; position: relative; width: fit-content; width: 100%; height: 100%;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .image { }
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .image::before { content: ''; position: absolute; width: 100%; height: 100%; inset: 0; background-color: var(--black-color); opacity: 0.6;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .image img { width: 100%; height: auto;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .content { position: absolute; width: 100%; height: 100%; inset: 0; padding: 0 50px; display: flex; flex-direction: column; justify-content: center;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .content p { }
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .content h2 { text-wrap: balance; color: var(--white-color) !important; margin-bottom: 24px;}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .content .btn { color: var(--white-color) !important; width: fit-content;}

/*Active*/
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item ul li.active > a { color: var(--primary-color);}

/*Hovers*/
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) { overflow-x: hidden;}
.container-fluid.nav .navbar .navbar-nav .nav-item:hover { background-color: var(--bg-color);}
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color { display: none;}
.container-fluid.nav .navbar .navbar-nav .nav-item:hover .bg-color { display: inline-flex;}
.container-fluid.nav .navbar .navbar-nav .nav-item .nav-link:hover,
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item .nav-link:hover,
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu .nav-item ul li a:hover { color: var(--primary-color);}

/*Background*/
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.slider,
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.banner:has(img),
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.content,
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.footer { position: relative; display: block;}

body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.slider::before,
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.banner::before,
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.content::before,
body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .container-fluid.footer::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: var(--black-color); opacity: 0.3; z-index: 9;}

body:has(.container-fluid.nav .navbar .navbar-nav .nav-item.dropdown:hover) .main-slider .slick-prev, .main-slider .slick-next { z-index: 8;}

/*Sticky nav mutations*/
.container-fluid.nav .navbar .navbar-nav .nav-item .bg-color { }
.container-fluid.nav .navbar.fixed-nav .navbar-nav .nav-item .bg-color { left: 0;}
.container-fluid.nav .navbar.fixed-nav #navbarNav { justify-content: end;}

/*================================== BANNER SLIDER ==================================
================================================================================*/

.container-fluid.slider { --banner-height: 820px; --mbh: calc(100dvh - 96px - 48px); position: relative; overflow: hidden; max-height: var(--mbh);}

.banner-slider { position: relative;}
.banner-slider .item { position: relative;}
.banner-slider .item-content { position: relative; height: var(--banner-height); max-height: var(--mbh); overflow: hidden; background: var(--bg-color);}
.banner-slider .video-wrap { position: absolute; inset: 0; z-index: 1; overflow: hidden; background-size: cover; background-position: center;}
.banner-slider .video-wrap iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: var(--banner-height); min-width: 177.78vh; min-height: 56.25vw; transform: translate(-50%, -50%); border: 0; opacity: 0; transition: opacity 0.6s ease;}
.banner-slider .video-wrap.video-playing iframe { opacity: 1;}
.banner-slider .loader-wrap { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; transition: opacity 0.4s ease; pointer-events: none;}
.banner-slider .video-wrap.video-playing .loader-wrap { opacity: 0;}
.banner-slider .loader { width: 44px; height: 44px; border: 3px solid rgba(255,255,255,0.25); border-top-color: var(--primary-color); border-radius: 50%; animation: banner-spin 0.8s linear infinite;}

.banner-slider > .item:not(:first-child) { opacity: 0;}

@keyframes banner-spin {
  to { transform: rotate(360deg);}
}

.banner-slider .image { position: absolute; margin-bottom: 0; inset: 0; z-index: 1; overflow: hidden;}
.banner-slider .image img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: var(--mbh); object-fit: cover;}
.banner-slider .item-content::before { content: ''; position: absolute; inset: 0; z-index: 3; background: linear-gradient(231deg, rgba(0,0,0,0.23) 44%, rgba(0,0,0,0.85) 63%, rgba(0,0,0,0.96) 80%); pointer-events: none;}

/*--- Content ---*/
.banner-slider .content { position: relative; z-index: 4; height: 100%; display: flex; align-items: center; color: var(--white-color);}
.banner-slider .content .container { display: flex; flex-direction: column; align-items: flex-start;}
.banner-slider .content .title,
.banner-slider .content .text { max-width: 720px;}

.banner-slider .content .pre-title { display: block; color: var(--white-color); font-size: 19px; font-weight: 500; text-transform: uppercase; background-color: var(--primary-color); padding: 8px 20px; margin-bottom: 8px;}
.banner-slider .content h1,
.banner-slider .content h2 { color: var(--primary-color); font-size: clamp(2.75rem, 5.5vw, 5rem); line-height: 1em; font-weight: 900; text-transform: uppercase; margin-bottom: 24px;}
.banner-slider .content .text { font-size: 20px; line-height: 1.3em; color: var(--white-color); max-width: 620px; margin-bottom: 28px;}
.banner-slider .content .text p:last-child { margin-bottom: 0;}
.banner-slider .content .btn-primary { color: var(--white-color) !important; border-bottom: 1px solid var(--primary-color) !important;}
.banner-slider .content .btn-primary:hover { color: var(--primary-color); border-color: var(--white-color) !important;}
.banner-slider .content .logo { margin: 0 0 20px;}
.banner-slider .content .logo img { width: auto; max-width: 285px; max-height: 90px; height: auto;}
.banner-slider .banner-nav { position: absolute; z-index: 6; bottom: 40px; right: calc(var(--half-space) + 15px); display: flex; align-items: center; gap: 8px;}

/*Arrows (58x58)*/
.banner-slider .slick-arrow { position: static; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease, border-color 0.3s ease;}
.banner-slider .slick-arrow:before { content: none;}

/*Pijl-icoon: bestaande PNG's, wit gemaakt via filter (op de span, niet de knop)*/
.banner-slider .slick-arrow .arrow-ico { display: block; width: 24px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; filter: var(--filter-white);}
.banner-slider .slick-prev .arrow-ico { background-image: var(--mv-arrow-next); scale: -1;}
.banner-slider .slick-next .arrow-ico { background-image: var(--mv-arrow-next);}

.banner-slider .slick-prev { background: transparent; border: 1px solid var(--white-color);}
.banner-slider .slick-next { background: var(--primary-color); border: 1px solid var(--primary-color);}
.banner-slider .slick-prev:hover { background: rgba(255,255,255,0.15);}
.banner-slider .slick-next:hover { background: var(--black-color); border-color: var(--black-color);}

/*Dots als streepjes, links van de pijlen*/
.banner-slider .slick-dots { position: static; width: auto; display: flex; align-items: center; gap: 8px; padding: 0; margin: 0 16px 0 0;}
.banner-slider .slick-dots li { width: auto; height: auto; margin: 0;}
.banner-slider .slick-dots li button { width: 21px !important; height: 3px !important; padding: 0; border-radius: 0; background: var(--white-color) !important; transition: background 0.3s ease;}
.banner-slider .slick-dots li button:before { content: none;}
.banner-slider .slick-dots li.slick-active button { background: var(--primary-color) !important;}

/*================================== CONTENT ==================================
================================================================================*/
.container-fluid.content .block.content p + p:has(.btn) { margin-top: 50px;}

/*Brands*/
.block.list.motor-brand { position: relative; overflow: hidden;}
.motor-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.20211834733893552) 20%, rgba(0,0,0,0) 100%); display: flex;}
.block.list.motor-brand .motor-logo { width: 166px; height: 105px; position: absolute; left: -2px; text-align: center; display: flex;}
.block.list.motor-brand .motor-logo::after { content: ''; background: url('/media/2025-04/Element-MV.svg') right no-repeat; background-size: cover; width: 206px; height: 135px; position: absolute; left: 0; top: -3px; filter: brightness(0) saturate(100%) invert(5%) sepia(7%) saturate(974%) hue-rotate(22deg) brightness(96%) contrast(85%);}
.block.list.motor-brand .motor-logo .logo-cont { position: relative; align-self: center; padding: 0px 0px 0px 20px; z-index: 1; margin-top: -20px;}
.block.list.motor-brand .motor-logo img { width: 105px; height: auto; max-height: 105px;}
.motor-overlay-content { align-self: flex-end; padding: 30px;}
.motor-overlay-content h3 { color: var(--white-color); font-weight: 800; -webkit-transition: all .2s ease; transition: all .2s ease;}
.motor-overlay-content .btn.btn-primary { color: #fff !important; border-color: var(--white-color); background: transparent; font-size: 16px; font-weight: 700; -webkit-transition: all .2s ease; transition: all .2s ease;}
.motor-overlay-content .btn.btn-primary:hover { color: var(--white-color) !important; border-color: var(--primary-color) !important; background: transparent;}
.motor-overlay-content .btn.btn-primary:hover::after { margin-left: 40px;}

.image-block img { width: 100%;}

.motor-brand .image-cont { overflow: hidden;}
.motor-brand .image-cont img { -webkit-transition: all .2s ease; transition: all .2s ease;}
.motor-brand:hover .image-cont img { transform: scale(1.1);}
.motor-brand:hover h3 { color: #FF0000;}
.motor-brand:hover .motor-overlay-content .btn.btn-primary { color: var(--white-color) !important; border-color: var(--primary-color) !important; background: transparent;}
.motor-brand:hover .motor-overlay-content .btn.btn-primary::after { margin-left: 40px;}

.slide-item span.pre-title { rotate: -90deg;}
.slide-item span.pre-title.aos-init { opacity: 0; bottom: 220px;}
.slide-item span.pre-title.aos-init.aos-animate { opacity: 1; bottom: unset;}

/*HOME ITEMS*/

.home-item { }
.item-content h4 { color: var(--primary-color); text-transform: uppercase; font-size: 16px; font-weight: 600;}
.item-content h3 { font-size: 30px; font-weight: bold; text-transform: uppercase;}
.item-content .btn { margin-top: 20px;}

.right-out-shop { position: absolute; right: 0; background: #FAFAFA; padding: 60px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.shoplink h5 { color: var(--primary-color); text-transform: uppercase; font-weight: 600;}
.shoplink h3 { font-size: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.shop-content { padding: 0 4rem;}

.cal-item { position: relative;}
.cal-item:hover { cursor: pointer;}
.cal-item .cal-overlay { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; padding: 40px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.20) 30%, rgba(0,0,0,0) 100%);}
.cal-item .cal-overlay .cal-details { align-self: flex-end; width: 100%; font-weight: bold; color: var(--white-color);}
.cal-dates { font-size: 20px; font-weight: 500; text-transform: uppercase;}
.cal-title { font-size: 28px; font-weight: 900; text-transform: uppercase; color: var(--white-color);}
.cal-item .cal-img { overflow: hidden;}
.cal-img img { transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in;}
.cal-item:hover .cal-img img { transform: scale(1.1) rotate(3deg); cursor: pointer;}

.calendar-details { }
.calendar-details h4 { color: #000;}
.calendar-details .cal-dates { color: var(--primary-color); font-size: 18px; font-weight: 700;}
.calendar-details .btn-back { margin: 0;}
.cal-item::after { content: ''; position: absolute; top: 20px; left: 0; padding: 10px 42px; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.cal-item.event::after { content: 'Event'; background-color: var(--white-color); color: var(--blue-color);}
.cal-item.actie::after { content: 'Actie'; background-color: var(--primary-color); color: var(--white-color);}
.cal-item::after { content: var(--label-text) !important;}

/*content*/
.seperator { position: relative;}

/*werkplaats*/
.werkplaats-slider button.slick-prev.slick-arrow { bottom: -33px;}
.werkplaats-slider button.slick-next.slick-arrow { bottom: 33px;}

.werkplaats-slider iframe { pointer-events: none;}
.werkplaats-slider .slick-prev:before, .werkplaats-slider .slick-next:before { display: none;}
.werkplaats-slider .slick-prev, .werkplaats-slider .slick-next { width: 66px; height: 66px; background: var(--white-color);}
.werkplaats-slider .slick-next { background: var(--primary-color);}
.werkplaats-slider .slick-next:hover { background: #000000 !important;}
.werkplaats-slider .slick-prev:hover { background: var(--primary-color) !important;}
.werkplaats-slider button.slick-prev.slick-arrow { top: auto; left: auto; right: 0; bottom: -33px; z-index: 3;}
.werkplaats-slider button.slick-next.slick-arrow { top: auto; left: auto; right: 0; bottom: 33px; z-index: 3;}

/*Als aanpassingen live gaan de bootstrap veranderen en de regel hieronder weghalen >= col-lg-4*/
.block.product.row.homeHuurmotoren .col-lg-6 { max-width: 33%;}
.block.product.row.homeHuurmotoren > :nth-child(1) { transition-delay: .2s !important;}
.block.product.row.homeHuurmotoren > :nth-child(2) { transition-delay: .3s !important;}
.block.product.row.homeHuurmotoren > :nth-child(3) { transition-delay: .4s !important;}

.side-event { padding: 0 20%;}
.side-event .vert-text { position: absolute; font-weight: 900; text-transform: uppercase; rotate: -90deg; left: -1.4rem; top: 22%; font-size: 34px;}
.side-event h2 { font-size: 110px; line-height: 0.85em; position: relative; left: -4px;}
.side-event h2.dark { font-size: 42px;}

.rent-item { position: relative;}
.rent-item .rent-overlay { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; padding: 20px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.20) 30%, rgba(0,0,0,0) 100%);}
.rent-item .rent-overlay .rent-details { align-self: flex-end; width: 100%; font-weight: bold; color: var(--white-color);}
.rent-license { font-size: 20px; font-weight: 500; text-transform: uppercase;}
.rent-title { font-size: 28px; font-weight: 900; text-transform: uppercase; color: var(--white-color);}
.rent-price { position: absolute; right: 0; bottom: 25%; background: red; color: var(--white-color); padding: 4px 16px; text-transform: uppercase; font-size: 16px; font-weight: bold;}
.rent-item .rent-img { overflow: hidden;}
.rent-img img { transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in;}
.rent-item:hover .rent-img img { transform: scale(1.1) rotate(3deg); cursor: pointer;}

.motoshare { padding: 0 0 0 20%;}
.motoshare img { margin-bottom: 20px;}
.motoshare .btn { margin-top: 20px;}

.block.list.demos { gap: 24px 0;}
.block.list.demos .item { position: relative; overflow: hidden; height: 100%;}
.block.list.demos .item .image { height: 100%;}
.block.list.demos .item .image:after { content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 70%); opacity: 0.7;}
.block.list.demos .item .image img { transition: all 0.5s; height: 100%; width: 100%; object-fit: cover;}
.block.list.demos .item:hover .image img { transform: scale(1.1) rotate(3deg);}
.block.list.demos .item .content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px;}
.block.list.demos .item .content .subtitle { color: var(--white-color); font-size: 19px; font-weight: 500; text-transform: unset; }
.block.list.demos .item .content h3 { font-size: 28px; font-weight: 900; text-transform: uppercase; color: var(--white-color);}
.block.list.demos .item .content .btn { color: var(--white-color) !important;}

.block.list.demos .hire-vid .video-wrap { position: relative; overflow: hidden; aspect-ratio: 1 / 1;}
.block.list.demos .hire-vid .video-wrap iframe { position: absolute; top: 50%; left: 50%; width: calc(100% * 1 / 1); height: 100%; transform: translate(-50%, -50%); border: 0; pointer-events: none;}
.block.list.demos .hire-vid .video-wrap .loader-wrap { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; z-index: 2;}

.block:is(.store-vid-block,.store-text) { margin: 150px 0;}

.block.html.store-vid-block .store-vid { aspect-ratio: 845/540; width: 100%; height: auto;}
.block.html.store-vid-block .store-vid .video-wrap { position: relative; height: 100%; overflow: hidden;}
.block.html.store-vid-block .store-vid .video-wrap iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: max(100%, calc(100% * 16 * 540 / (9 * 845))); height: max(100%, calc(100% * 9 * 845 / (16 * 540))); border: 0;}
.block.html.store-vid-block .store-vid .video-wrap .video-toggle { position: absolute; inset: 0; width: 100%; height: 100%; background: transparent; border: 0; padding: 0; cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 3rem; opacity: 0; transition: opacity .2s;}
.block.html.store-vid-block .store-vid .video-wrap:hover .video-toggle,
.block.html.store-vid-block .store-vid .video-wrap.is-paused .video-toggle { opacity: 1;}
.block.html.store-vid-block .store-vid .video-wrap .video-toggle .fa-play { display: none;}
.block.html.store-vid-block .store-vid .video-wrap.is-paused .video-toggle .fa-pause { display: none;}
.block.html.store-vid-block .store-vid .video-wrap.is-paused .video-toggle .fa-play { display: inline-block;}


.store-text { }
.store-text p { }
.store-text p:has(.btn) { margin-top: 80px;}

.block.content.btn-grid p:has(> .btn) { display: grid; grid-template-columns: repeat(2, max-content); gap: 2.125rem 3.125rem;}
.block.content.btn-grid p:has(> .btn) .btn { margin: 0;}

.slick-slide { position: relative;}
.slide-content { position: absolute; bottom: 0; left: 0; background: var(--white-color); padding: 50px 60px; max-width: 33%; font-size: 16px;}
.slide-content h3 { font-weight: bold; font-size: 36px; margin-bottom: 18px;}

.random-occasions { gap: 36px 0; margin-bottom: 36px;}
.random-occasions .item { height: 100%; display: flex; flex-direction: column; padding: 0; border: 1px solid var(--gray-color); background-color: var(--white-color);}
.random-occasions .item .image { text-align: center; overflow: hidden;}
.random-occasions .item .image a { }
.random-occasions .item .image a img { width: 100%; object-fit: contain; transition: all 0.5s;}
.random-occasions .item .content { position: relative; flex: 1; display: flex; flex-direction: column; padding: 0 24px 15px 24px;}
.random-occasions .item .content .top { padding: 15px 0; border-top: 1px solid var(--light-gray-color);}
.random-occasions .item .content .top strong { color: var(--primary-color);}
.random-occasions .item .content .top h3 { font-size: 1.25rem; margin: 0; height: 48px;}
.random-occasions .item .content .top p { display: flex; gap: 0 6px; margin-bottom: 0;}
.random-occasions .item .content .top p span { }
.random-occasions .item .content .top p span:nth-child(2) { text-transform: lowercase;}
.random-occasions .item .content .bottom { margin-top: auto; padding-top: 12px;}
.random-occasions .item .content .bottom .row { }
.random-occasions .item .content .bottom .price { display: flex; flex-direction: column; justify-content: flex-end;}
.random-occasions .item .content .bottom .price strong { font-size: 1.1rem; text-box-trim: trim-both; }
.random-occasions .item .content .bottom .more { height: 100%; display: flex; justify-content: end; align-items: flex-end;}
.random-occasions .item .content .bottom .more a { font-size: 0.875rem; color: var(--primary-color); text-box-trim: trim-both;}
.random-occasions .item .content .bottom .more a i { font-size: inherit; color: var(--primary-color); margin-left: 12px; transition: all 0.5s;}
.random-occasions .item a::after { display: none;}

/*Hover*/
.random-occasions .item:has(a:is(:hover, :focus-visible)) .image a img { scale: 1.1;}
.random-occasions .item .content .bottom .more a:is(:hover, :focus-visible) i { transform: translateX(6px);}
/*TEAM - OUR PEOPLE*/
.person { text-align: center;}
.person .person-image { display: inline-grid; position: relative; overflow: hidden; width: 100%;}
.person .person-image img { transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; width: 100%;}
.person:hover .person-image img { transform: scale(1.1) rotate(3deg); cursor: pointer;}
.person .person-overlay { width: auto; display: inline-flex; position: absolute; width: 100%; height: 100%; align-items: flex-end; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.20) 30%, rgba(0,0,0,0) 100%);}
.person span.person-title { font-weight: bold; font-size: 14px;}
.person-overlay-text { width: 100%; text-align: center; color: var(--white-color); margin-bottom: 20px;}
.person-overlay-text h4 { text-transform: unset; font-size: 22px; font-weight: bold; margin: 0; color: var(--white-color);}
.person-details { }
.person-details h3 { font-weight: 800; color: var(--primary-color);}
.person-details .person-title { font-weight: 800; text-transform: uppercase; margin-bottom: 2rem; display: block;}

span.person-text ul { padding-left: 20px; line-height: 2em;}

/*OUR PEOPLE - MIRROR BLOCK*/
.person-mirror-item > .row.no-gutters { background: #F5F5F5; border-radius: 40px; overflow: hidden; min-height: 400px;}
.person-mirror-image { background-size: cover; display: block; width: 100%; height: 100%; background-position: center center;}
.person-mirror-details { padding: 60px;}
.person-mirror-details a.phone-nr { display: inline-block; margin: 20px 0; font-weight: 700;}
.person-mirror-details a.phone-nr .fa-phone { color: var(--primary-color); font-size: 14px; margin-right: 6px;}
.person-mirror-details a.e-mail { display: inline-block; margin: 20px 0; font-weight: 700; margin-left: 30px;}
.person-mirror-details a.e-mail .fa-envelope { color: var(--primary-color); font-size: 14px; margin-right: 6px;}
.person-mirror-details .btn.btn-primary:focus { background: transparent !important;}

/*SLICK SLIDER*/
.slick-dots li button:before { }
.slick-dots { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; bottom: -40px !important;}
.slick-dots li { margin: 0 0.25rem;}
.slick-dots button { display: block; width: 12px; height: 12px; padding: 0; border: none; border-radius: 100%; background-color: #F5F5F5 !important; text-indent: -9999px;}
.slick-dots li button { width: 15px !important; height: 15px !important;}
.slick-dots li.slick-active button { background-color: red !important;}

a.anchor { display: block; position: relative; top: -150px; visibility: hidden;}

/*FORMULIER STYLING*/
.block.form { padding: 20px;}
.form_field_head { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.form_field_head h3 { font-weight: 700; font-size: 22px; margin-top: 30px;}
label.col-sm-3.control-label.form_field_name { font-weight: 600; color: grey; padding-left: 0; hyphens: auto;}
.col-sm-9.form_field_entry label { font-size: 15px;}
.col-sm-9.form_field_entry label input { margin-right: 4px;}

.select-css { display: block; font-size: 16px; font-family: 'Montserrat'; font-weight: 700; color: #444; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; max-width: 100%; border: none; border-bottom: 2px solid #000; margin-bottom: 10px; outline: none;}
.select-css:hover { color: var(--primary-color);}

.select-css:disabled:hover, .select-css[aria-disabled=true] { border-color: #aaa;}

.filters .select-css { width: auto; max-width: auto; display: inline-block; margin-right: 10px;}
.filter-text { display: inline-block; font-weight: bold; margin-right: 20px;}

/*INSTAGRAM FEED*/
#instagram-feed1 a { overflow: hidden;}
#instagram-feed1 a img { transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -ms-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in;}
#instagram-feed1 a:hover img { transform: scale(1.1); transform: scale(1.1) rotate(3deg);}

#whatsapp-widget { position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1099;}
#whatsapp-widget img { width: 60px;}
.mobile-phone { display: none;}

/*Bovag logo*/
.bovag-logo { position: absolute; left: calc(50% + 360px); bottom: 20px;}
.bovag-logo img { width: 150px;}

.container-fluid.content > .row:nth-last-child(1) { padding-bottom: 60px;}

/* VIDEO */
.block.html.video { position: relative; box-shadow: 0px 5px 16px 0px #32323261; }
.block.html.video .image {position: relative; overflow: hidden;}
.block.html.video .image img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.block.html.video .image::before {content: ''; position: absolute; width: 100%; height: 100%; inset: 0; background: rgb(from var(--primary-color) r g b / 0.25); z-index: 1;}
.block.html.video .image .icon {position: absolute; inset: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;z-index: 2;}
.block.html.video .image .icon i {font-size: 2.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--text-color); background-color: var(--grey); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.block.html.video .image + iframe {display: none;}
.block.html.video .image:hover img { transform: scale(1.05); }
.block.html.video .image:hover .icon i {background-color: var(--text-color); color: var(--grey); }
html.fslightbox-open .block.product.cases-products .image:has(.icon) + iframe {display: block; opacity: 0; height: 0; width: 0;}


/*================================== FOOTER ==================================
===============================================================================*/
.footer { background-image: url('../images/footerbg.jpg'); background-size: cover; background-position: center center; padding: 80px 0 140px 0; color: var(--white-color); font-weight: 500; position: relative; overflow: hidden;}
.footer h5 { color: var(--white-color); font-weight: 700; margin-bottom: 20px;}
.footer ul { line-height: 1.8em;}
.footer ul li { display: block; font-weight: 500; font-size: 16px;}
.footer p { font-size: 16px;}
.footer p .fal { margin-right: 6px;}
.footer a:hover { color: var(--primary-color);}

.socials .item { background: var(--primary-color); text-align: center; display: block; float: left; border-radius: 36px; font-size: 32px; padding: 15px 10px; width: 60px; height: 60px;}
.socials .item:hover { background: #000;}
.socials a:nth-child(1) .item { margin-right: 10px;}
.socials .item i { color: var(--white-color); margin-right: 0;}

.footer-logo { position: absolute; bottom: 0; left: 0;}
.geniet-logo { position: absolute; left: calc(45% - 250px); bottom: 20px;}

.newfooter { display: block !important;}

.newfooter-container { max-width: 1230px; margin-right: 0;}

.footer .news .news-brief { position: relative;}
.footer .news .news-brief .btn { position: absolute; top: 0; right: 0; height: 100%; background-color: var(--primary-color) !important; padding: 8px 20px 6px 4px; border-radius: 50rem;}
.footer .news .news-brief .btn::after { content: url('/template/template-default/images/arrow-next.png');}

.footer .news.block.html { width: 100%;}
.footer .news .modal { color: #000;}
.footer .news .modal h5 { color: var(--primary-color);}

.footer .google-reviews-wrap { position: absolute; left: 0; bottom: 0; width: fit-content; z-index: 1;}
.footer .google-reviews-wrap .koyfWN { display: none !important;}
.footer .google-reviews-wrap .grMzUy { color: #fff !important;}
.footer .google-reviews-wrap .kngyxL { color: #fff !important;}

.footer .block.menuitem { }
.footer .block.menuitem a { position: relative; color: var(--white-color); padding-bottom: 3px;}
.footer .block.menuitem a:hover { color: var(--primary-color);}
.footer .block.menuitem a::after { display: none;}

.footer .block.content.footer-contact { width: fit-content; position: relative; right: 0;}
.footer .block.content.footer-contact a { color: var(--white-color);}
.footer .block.content.footer-contact a:hover { color: var(--primary-color);}
.footer .block.content.footer-contact a::after { display: none;}
.footer .block.list.socials { position: absolute; bottom: -60px;}

.footer .footer-logo img { max-height: 240px;}
.footer .bovag-logo { display: none;}

.footer ul { padding-left: 0;}

.footer .lr-logo { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: right;}

.footer .lr-logo img:hover { filter: brightness(0) saturate(100%) invert(45%) sepia(16%) saturate(6998%) hue-rotate(2deg) brightness(100%) contrast(103%);}

.productwijzer { width: 100%; height: 500px; border: none; resize: both; overflow: auto;}

#coronaModal { display: none;}
#coronaModal .socials-wrap { display: flex; justify-content: center; align-items: center; font-size: 32px;}
#coronaModal .socials-wrap a { color: red; margin: 0 10px;}
#coronaModal .socials-wrap a:nth-child(3) { font-size: 26px;}

/*#BIG SCREENS ONLY
==================================================*/
@media only screen and (max-width: 1849px) {
  .footer .google-reviews-wrap { left: unset; right: 0;}
}

/*#BIG SCREENS ONLY
==================================================*/
@media only screen and (min-width: 1740px) {
  .container { width: 1720px; max-width: 1720px;}
}

@media only screen and (min-width: 992px) {
  /*Zodat je geen nummer en pijl naast elkaar krijgt*/
  .navbar ul li:has(> a .NumOfEvents) > a::after { content: '' !important;}

  .navbar ul li:has(.dropdown-menu) > a::after { content: '\f078'; font-family: "Font Awesome 5 Pro"; font-size: 14px; position: relative; bottom: 0; right: 0; left: 6px; display: flex; align-items: center; height: 100%; transition: all 0.5s ease-in-out;}
  .navbar ul li:has(.dropdown-menu):hover > a::after { transform: rotateX(180deg); bottom: 4px;}

  .navbar ul li .dropdown-menu .nav-item { margin: 24px 0;}
}

/*#BIG SCREENS ONLY
==================================================*/
@media only screen and (min-width: 959px) {
  .navbar-expand-xl { padding: 0; position: relative;}
  a.nav-link { text-transform: uppercase; font-weight: bold; font-size: 18px;}
  ul.main.navbar-nav > li.nav-item { padding: 50px 0;}
  .navbar ul li:hover .dropdown-menu { min-width: 260px;}
  .navbar-expand-xl .navbar-nav .nav-link { padding: 0 0.875rem; font-size: 16px;}
  .navbar-expand-xl .navbar-nav .dropdown-menu { border-radius: 0; border: none; border-top: 4px solid var(--primary-color);}
  ul.main.navbar-nav .dropdown-menu { margin-top: -20px; width: 100%;}
  /*.navbar-expand-xl .navbar-nav .dropdown-menu li.nav-item {margin: 15px 0 15px 0;}*/
  .navbar-expand-xl .navbar-nav .dropdown-menu li.nav-item a { width: fit-content; color: #666;}
  .navbar-expand-xl .navbar-nav .dropdown-menu li.nav-item a:hover { color: #000;}

  .fixed-nav { display: block; position: fixed; background: var(--white-color); width: 100%; padding: 0; z-index: 1020; transition: 0.3s ease-in; -o-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in;}
  .fixed-nav ul li:hover .dropdown-menu { margin-top: -4px;}
  .nav-noview { top: -100px;}
  .nav-inview { top: 0; left: 0;}
}

/*#Big container
==================================================*/
@media only screen and (min-width: 1440px) {
  .container { width: 1400px; max-width: 1400px;}
}

@media only screen and (max-width: 1599px) {
  .big-header { width: 32vw;}

  .topbar .top-contact { justify-content: end;}

  .block.slider .slick-slide { overflow: hidden;}
  .block.slider .slick-slide { max-height: 580px;}

  .main-slider button.slick-prev.slick-arrow { bottom: -33px;}
  .main-slider button.slick-next.slick-arrow { bottom: 33px;}
}

@media only screen and (max-width: 1499px) {
  .row.hassearch > .container > .row { padding-left: 85px;}

  .container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .dropdown-menu { padding-left: calc(20% + var(--half-space));}

  .fixed-nav ul { max-width: 90%;}

  .footer .google-reviews-wrap { right: 0; left: unset;}
}

@media only screen and (max-width: 1440px) {
  h2 { font-size: 36px;}

  .main-logo { width: 30vw;}

  .row.hassearch > .container > .row { padding-left: 0px;}

  .topbar .available,
  .topbar .not_available { font-size: 0.75rem;}

  .topbar .block.availability { font-size: 0.75rem;}
  .topbar .nav-item .nav-link { font-size: 0.75rem;}
  .topbar .top-contact a.phone { font-size: 0.75rem;}

  .topbar .block.menuitem ul li a { font-size: 0.75rem;}

  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { top: -133px;}

  .container-fluid.nav { width: 100%;}
  .container-fluid.nav .navbar { width: 100%;}
  .container-fluid.nav .navbar .navbar-nav .nav-item .bg-color { left: 0px; margin-left: 0;}

  .fixed-nav .navbar-expand-xl .navbar-nav .nav-link { padding: 0 8px;}

  .fixed-nav .collapse.navbar-collapse { justify-content: end;}

  .link-cutout.cutout-big { width: 30vw; height: 30vw;}

  .block.form.contact-page .col-sm-3 { flex: 0 0 100%; max-width: 100%;}
  .block.form.contact-page .col-sm-9 { flex: 0 0 100%; max-width: 100%; padding: 0;}
  .block.form.contact-page .col-sm-9 .form-control { width: 100%;}

  .store-text p:has(.btn) { margin-top: 24px;}

  .random-occasions .item .content .bottom .row { flex-direction: column;}
  .random-occasions .item .content .bottom .row > div { width: 100%; max-width: 100%;}
}

@media only screen and (max-width: 1349px) {
  .navbar-expand-xl .navbar-nav .nav-link { font-size: 15px;}

  .container-fluid.nav { padding-right: var(--half-space); justify-content: end;}
  .container-fluid.nav .navbar .navbar-nav .nav-item .bg-color .block.list .item .content h2 { font-size: 1.5rem;}

  .fixed-nav .collapse.navbar-collapse { justify-content: end;}

  .footer .google-reviews-wrap { display: none;}
}

@media only screen and (max-width: 1220px) {
  .title-bar h1 { font-size: 28px;}
  .title-bar i { font-size: 26px;}
  a.nav-link { font-size: 16px;}
  .slide-item h2.slide-title { margin-left: 5px;}
  .slide-item .slide-title-under { margin-left: 10px;}

  .top-search { display: flex;}
  .top-search > .block.html { width: 100%;}
  .top-search > .block.html .search-wrapper { display: block; width: 100%; margin: 0;}

  .topbar .hassearch .top-search .navbar-toggler { position: relative; display: block; box-shadow: none !important; outline: none; width: fit-content; padding-top: 0; padding-right: 0; padding-bottom: 0;}
  .topbar .hassearch .top-search .navbar-toggler-icon { height: fit-content;}
  .topbar .hassearch .top-search .navbar-toggler-icon i { font-size: 30px;}

  .modal .nav-item .bg-color.row { display: none !important;}
  .modal.fixed-left .menu-content .main-menu .navbar-nav li a { height: fit-content; padding: 12px !important;}

  .modal-open .link-cutout.cutout-big { display: none;}

  h5 .NumOfEvents { display: none !important;}
  h5 .NumOfEvents { position: absolute; margin-left: 6px; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; color: var(--primary-color); background-color: var(--white-color); width: 20px; height: 20px; border-radius: 100%;}
  .nav-item .NumOfEvents { background-color: white; color: var(--primary-color); left: 105px !important;}
  .submenu-items .nav-item .NumOfEvents { left: 90px !important;}

  .modal .title-bar h5 a { pointer-events: none;}
  .modal.fade.modal-nav .modal-dialog { max-width: 100vw; margin: 0; height: 100vh;}
  .modal.fade.modal-nav .modal-dialog .modal-content { height: 100vh; background-color: var(--primary-color);}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .title-bar { display: flex; flex-direction: row; align-items: center; background-color: var(--primary-color);}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .title-bar h5 img { width: 200px;}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .title-bar button { position: absolute; right: 12px; background-color: transparent; border: none;}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .title-bar button i { color: var(--white-color);}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .menu-content { background-color: var(--primary-color);}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .menu-content .main-menu-wrapper .main-menu ul { padding-left: 30px;}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .menu-content .main-menu-wrapper .main-menu ul li { }
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .menu-content .main-menu-wrapper .main-menu ul li a { color: var(--white-color);}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-footer .socials { display: flex; justify-content: center;}
  .modal.fade.modal-nav .modal-dialog .modal-content .menu-footer .socials a i { color: var(--white-color); font-size: 24px; padding: 0 12px;}
  .modal.fade.modal-nav .sub-header { display: none;}
  .modal.fixed-left .menu-content .main-menu .navbar-nav { margin-bottom: 15px;}

  .modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu > li > a:has(+ ul) { pointer-events: none; margin-top: 15px; margin-bottom: 15px;}
  .modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li ul { padding-bottom: 24px;}
  .modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li ul li { list-style: none;}

  .modal.fade.modal-nav .modal-dialog .modal-content .menu-top .menu-content .main-menu-wrapper .main-menu ul .weglot-container { width: fit-content !important;}
}

@media only screen and (max-width: 1199px) {
  .container-fluid.slider { --mbh: calc(100dvh - 52px);}

  .main-slider .slick-track { display: flex; align-items: end;}

  .fixed-nav > .container { justify-content: end; padding: 12px 0;}

  .side-event .vert-text { left: -2.2rem; top: 21%;}

  .slide-content { position: relative; max-width: none; padding: 25px 0;}
  .werkplaats-slider button.slick-prev.slick-arrow { bottom: calc(50% - 33px);}
  .werkplaats-slider button.slick-next.slick-arrow { bottom: calc(50% + 33px);}

  .rent-price { bottom: 65%;}

  .link-cutout.cutout-big { width: 30vw; height: 30vw;}

  .topbar { position: sticky; top: 0; z-index: 9;}
  .topbar .block.availability { text-wrap: nowrap;}
  .navbar-expand-xl .navbar-nav .nav-link { font-size: 12px;}

  .topbar .hassearch .top-tree { justify-content: space-between;}
  .topbar .hassearch .top-tree .weglot-container { display: inline-block;}
  .top-four { left: 90px;}
  .topbar .nav-item { }

  .topbar .top-contact a.phone { opacity: 1;}
  .topbar .top-contact a.whats-app { opacity: 0;}

  .top-search > .block.html .search-wrapper { display: flex; justify-content: flex-end;}
  .search-wrapper { display: flex; justify-content: end;}
  .search-wrapper .search-bar { width: min-content !important;}
  .search-wrapper input { width: 100%;}
  .search-wrapper input::placeholder { display: none; color: transparent !important;}

  .search-wrapper.open .search-bar, 
  .search-wrapper.open .search-results-wrapper { width: 100% !important;}

  .cal-item::after { padding: 5px 20px;}
  .container-fluid.nav { padding-right: 15px;}
  .navbar.navbar-expand-xl.navbar-light.fixed-nav { display: none;}
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { position: relative; top: 0; z-index: 0;}

  .container-fluid.slider { z-index: 1;}
  .container-fluid.content { z-index: 1;}

  .random-occasions .item .content { padding: 0 15px 15px 15px;}

  .block:is(.store-vid-block,.store-text) { margin: 0;}
  .block.store-text { margin-top: 50px;}
  .block.store-vid-block { margin-bottom: 50px;}
}

@media only screen and (max-width: 991px) {
  /*Top*/
  /*.top-search > .block.html .search-wrapper {display: none;}*/
  .no-scroll .top-search > .block.html .search-wrapper { display: inline;}

  .nieuwsbrief-topbar { display: none;}
  .nieuwsbrief-topbar-mobile { display: block;}
  .navbar.navbar-light .container { justify-content: flex-end; padding: 0 15px;}

  .navbar.navbar-expand-xl.navbar-light { display: none;}
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { top: -150px;}
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-inview, 
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { display: block; position: sticky; top: 0; padding: 0;}
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-inview li, 
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview li { padding: 10px 0;}

  .no-scroll .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-inview, 
  .no-scroll .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { display: none;}

  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-inview, 
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-noview { pointer-events: all;}

  .fixed-nav > .container { padding: 0;}
  .navbar.navbar-expand-xl.navbar-light.fixed-nav.nav-inview { display: none; position: fixed; background-color: var(--white-color);}

  .container-fluid.nav { padding: unset;}
  .nav-item .NumOfEvents { background-color: white; color: var(--primary-color); left: 90px;}

  .navbar-expand-xl { position: relative; z-index: 1007;}
  .navbar-expand-xl .navbar-nav { display: flex; flex-wrap: wrap;}
  a.nav-link { text-transform: uppercase; font-weight: bold; font-size: 18px;}
  ul.main.navbar-nav > li.nav-item { padding: 20px 0;}
  ul.main.navbar-nav .dropdown-menu { margin-top: -20px; width: 100%;}

  .navbar ul li:hover .dropdown-menu { min-width: 260px;}

  .navbar-expand-xl .navbar-nav .nav-link { padding: 0 1rem; font-size: 16px;}
  .navbar-expand-xl .navbar-nav .dropdown-menu { margin-top: -20px; border-radius: 0; border: none; border-top: 0px solid var(--primary-color);}
  .navbar-expand-xl .navbar-nav .dropdown-menu li.nav-item { margin: 15px 0 15px 0;}
  .navbar-expand-xl .navbar-nav .dropdown-menu li.nav-item a { color: #666;}
  .navbar-expand-xl .navbar-nav .dropdown-menu li.nav-item a:hover { color: #000;}

  .slide-main-content { padding-bottom: 12px;}

  .banner-slider { --banner-height: 620px;}
  .banner-slider .item-content::before { background: linear-gradient(231deg, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.88) 65%, rgba(0,0,0,0.96) 85%);}

  .main-slider { margin-left: 10%; width: 90%;}
  .main-slider.new-slider button.slick-arrow { }
  .main-slider.new-slider button.slick-next.slick-arrow { bottom: 50px !important;}

  .random-occasions .item .content .top h3 { font-size: 1.125rem;}
  .random-occasions .item .content .top p span { font-size: 0.8125rem;}

  #modal-video.modal.show .modal-dialog { max-width: 85vw;}
  #modal-video.modal.show .modal-dialog .modal-content { max-width: 85vw;}

  .slide-item h2.slide-title { margin-left: 65px;}
  .slide-item .slide-title-under { margin-left: 70px;}

  .block.list.brands .col-lg-4 { margin: 25px 0;}

  .right-out-shop { position: relative; padding: 15px; border-radius: 30px;}
  .item-content h4 { margin-top: 15px;}
  .home-item img { width: 100%;}


  .cal-item { margin-bottom: 25px; margin-left: -15px; margin-right: -15px;}
  .cal-item .cal-img img { width: 100%;}
  .side-event { padding: 0;}
  .side-event .vert-text { position: relative; top: 0; left: 0 !important; width: 100%; transform: none !important;}
  .side-event h2 { font-size: 42px; left: 0; top: 0;}
  .side-event h2 br { display: none;}

  .werkplaats-slider { margin-left: 0; width: 100%;}

  .rent-item .rent-img img { width: 100%;}
  .motoshare { padding: 0;}

  .footer-logo { width: 250px;}
  .desk-phone { display: none;}
  .mobile-phone { display: block; text-align: right;}
  .mobile-phone a { width: 30px; height: 30px; text-align: center;}
  .mobile-phone a:first-child { display: inline-block; padding: 3px; border-radius: 100px; background: var(--primary-color); color: var(--white-color);}
  .mobile-phone a:last-child { display: inline-block; padding: 3px; border-radius: 100px; background: #128C7E; color: var(--white-color);}

  .mobile-search { display: flex; align-items: center; padding-left: 30px; max-width: 300px;}
  .mobile-search i { color: var(--white-color); font-size: 19px; margin-left: 15px;}
  .mobile-search input { margin-left: 12px; padding: 12px;}

  .top-one { display: none;}
  .top-two { width: 70%;}
  .top-thee { display: none;}
  .top-four { width: 30%;}

  .slide-item iframe { height: 435px; width: 100%;}

  .main-slider button.slick-prev.slick-arrow { bottom: -26px;}
  .main-slider button.slick-next.slick-arrow { bottom: 40px;}

  .block.product.row.homeHuurmotoren .col-lg-6 { max-width: 50%;}

  .link-cutout.cutout-big { width: 30vw; height: 30vw;}

  .topbar .top-contact { justify-content: start; padding-left: 14vw;}

  .topbar .hassearch .top-one { display: none; order: unset;}
  .topbar .hassearch .top-two { width: 30%; order: 1 !important; padding-left: 9vw;}
  .topbar .hassearch .top-tree { width: 50%; order: 2 !important;}
  .topbar .hassearch .top-four { display: none;}
  .topbar .hassearch .top-search { width: 20%; order: 3 !important; margin-bottom: 0 !important;}
  .topbar .hassearch .top-search .navbar-toggler-icon { height: fit-content;}
  .topbar .hassearch .top-search .navbar-toggler-icon i { font-size: 30px;}

  .search-wrapper { margin-right: 15px;}
  .search-wrapper .search-bar { width: 100% !important;}

  .side-event .vert-text { rotate: 0deg;}

  .werkplaats-slider .slide-content { padding-right: 100px;}

  .footer .news.block.html { max-width: 300px;}
  .footer .google-reviews-wrap { display: block; position: relative;}

  .footer .google-reviews-wrap { margin-bottom: 20px;}
  .footer .google-reviews-wrap .isXSqH { padding-left: 0;}
  .footer .google-reviews-wrap .koyfWN { display: block !important;}

  .footer .block.list.socials { position: relative; bottom: 0;}
}

@media only screen and (max-width: 959px) {
  .title-bar { margin-top: -1em;}
  .title-bar h1 { font-size: 28px;}
  .title-bar i { font-size: 26px;}

  .footer { padding-bottom: 200px;}
}

@media only screen and (max-width: 767px) {
  h2 { font-size: 28px !important;}

  .motor-overlay-content h3 { font-size: 24px;}

  .topbar .hassearch .container > .row { justify-content: end;}
  .topbar .hassearch .top-one { order: 4 !important;}
  .topbar .hassearch .top-two { order: 2 !important; width: 80%;}
  .topbar .hassearch .top-tree { order: 1 !important; width: 100%; justify-content: end;}
  .topbar .hassearch .top-tree .weglot-container { display: none;}
  .topbar .hassearch .top-search { order: 0; width: 20%; margin-bottom: 12px; display: flex; justify-content: end;}

  body .topbar .hassearch .top-tree { height: 25px; transition: height 0.5s, opacity 0.3s;}
  body:has(.nav-inview) .topbar .hassearch .top-tree { opacity: 0; height: 0px;}

  .title-bar { margin-top: 0;}
  .title-bar h1 { font-size: 28px;}
  .title-bar i { font-size: 26px;}

  .slide-main-content { margin-top: 40px;}
  .main-slider { margin-left: 0; width: 100%;}
  .slide-item span.pre-title { transform: none; position: relative; left: 0; top: 0; font-size: 48px;}
  .slide-item h2.slide-title { margin-left: 0; font-size: 72px;}
  .slide-item .slide-title-under { margin-left: 0;}
  .main-slider .slick-prev, .main-slider .slick-next { width: 50px; height: 50px;}
  .main-slider button.slick-prev.slick-arrow { bottom: -25px;}
  .main-slider button.slick-next.slick-arrow { bottom: 25px;}

  .home-item { margin-left: -30px; margin-right: -30px;}
  .rent-item { margin-left: -15px; margin-right: -15px;}
  .motoshare { margin-left: -15px; margin-right: -15px;}

  .random-occasions { gap: 16px 0;}
  .random-occasions > .col-6:nth-child(odd) { padding-right: calc(1.5rem * .3);}
  .random-occasions > .col-6:nth-child(even) { padding-left: calc(1.5rem * .3);}
  .random-occasions .item .content { padding: 0 12px 12px 12px;}
  .random-occasions .item .content .top { padding-bottom: 0;}
  .random-occasions .item .content .top h3 { font-size: 1rem; height: fit-content; padding-bottom: 12px;}

  .shop-content { padding: 25px;}

  .side-event .vert-text { position: relative; top: 0; left: 0; transform: none !important; font-size: 24px;}
  .side-event h2 { left: 0; font-size: 48px; display: block; width: 100%; margin-top: 5px;}
  .side-event h2 br { content: '';}
  .side-event h2 br::after { content: '';}

  .werkplaats-slider button.slick-prev.slick-arrow { bottom: calc(50% - 25px);}
  .werkplaats-slider button.slick-next.slick-arrow { bottom: calc(50% + 25px);}

  .geniet-logo { bottom: 175px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 500px; padding: 0 15px;}
  .geniet-logo img { }
  #whatsapp-widget { display: block;}

  .nieuwsbrief-topbar { display: none;}

  .block.form.contact-page .col-sm-3 { padding: 0;}

  .slide-item iframe { height: 357px; width: 100%;}

  .main-slider button.slick-prev.slick-arrow { bottom: -18px;}
  .main-slider button.slick-next.slick-arrow { bottom: 32px;}

  .block.product.row.homeHuurmotoren .col-lg-6 { max-width: 100%;}

  .side-event h2 br { display: none;}
  .slide-content h3 { font-size: 24px; margin-top: 15px;}

  .shoppingHome { padding-left: 0; padding-right: 0;}
  .block.html.shoplink img { width: 100%; max-height: 280px; object-fit: cover; padding: 0 !important;}

  .footer { padding-bottom: 250px;}
}

@media only screen and (max-width: 575px) {
  .topbar .top-contact { padding-left: 100px;}
  .top-two { width: 60%;}
  .top-two .hHWnVr { position: relative; right: -60px;}

  .top-search > .block.html { width: auto; align-items: center;}

  .cal-item { margin: 0 0 25px 0;}
  .side-event { padding: 0 15px;}
  .home-item { margin: 0 -15px;}
  .shop-content { padding: 0 15px;}

  .slide-item iframe,
  .main-slider.new-slider .slick-slide > img { height: 68vw;}

  .container-fluid.slider > .container > .slide-item > .col-lg-9 { padding: 0;}

  #modal-video.modal.show .modal-dialog { max-width: 100vw;}
  #modal-video.modal.show .modal-dialog .modal-content { max-width: 100vw;}

  .banner-slider { --banner-height: 560px;}
  .banner-slider .content .text { font-size: 16px;}
  .banner-slider .banner-nav { bottom: 24px;}
  .banner-slider .slick-arrow { width: 46px; height: 46px;}
  .banner-slider .item-content::before { background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 60%, rgba(0,0,0,0.96) 100%);}

  .main-slider.new-slider button.slick-arrow { right: 0.5px;}

  .random-occasions .item .content .top h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}

@media only screen and (max-width: 479px) {
  .melding { padding-left: 48vw; text-align: right;}
  .melding p { margin-bottom: 0; font-size: 10px; line-height: 1.2;}

  .main-logo { width: 60vw;}
  .main-logo.small-header { width: 45% !important;}
  .navbar-collapse { padding-top: 30px;}

  body { font-size: 16px;}

  .topbar .top-contact { padding-left: 35vw;}

  .light-bar.dotted { padding-bottom: 300px;}
  .download-p { text-align: center;}

  .quote-block { font-size: 24px;}
  .quote-block h5 { font-size: 22px;}

  .header { margin-top: 90px;}

  .icon-set { font-size: 18px;}
  .title-bar i { font-size: 18px;}
  .title-bar h1 { font-size: 18px;}
  .title-bar { margin-top: -2rem; line-height: 1.2em; border-top-right-radius: 30px;}

  .route-specs { border-top-right-radius: 30px; font-size: 18px;}

  .block.html.shoplink { padding: 0 15px;}

  .btn { font-size: 16px;}
  .slide-main-content .col-lg-3, .slide-main-content .col-lg-9 { margin: 0 -15px;}
  .slide-item span.pre-title { font-size: 36px;}
  .slide-item h2.slide-title { font-size: 40px;}

  .main-slider { margin: 0; width: calc(100% + 0px);}
  .main-slider .slick-prev, .main-slider .slick-next { width: 30px; height: 30px;}
  .main-slider .slick-prev img, .main-slider .slick-next img { width: 75%;}
  .main-slider button.slick-prev.slick-arrow { bottom: -15px;}
  .main-slider button.slick-next.slick-arrow { bottom: 15px;}
  .main-slider.new-slider button.slick-next.slick-arrow { bottom: 30px !important;}

  .slide-item > div:first-child { order: 2;}

  blockquote { margin-left: -15px; margin-right: -15px;}

  .item-content h3 { font-size: 24px;}
  .shoplink h3 { font-size: 24px;}
  .shoplink h5 { font-size: 16px;}
  .shop-content { padding: 0;}

  .block.content.text-center h2 { font-size: 26px;}
  .werkplaats-slider .slide-content { padding-right: 0;}
  .werkplaats-slider button.slick-prev.slick-arrow { bottom: auto; top: 45px;}
  .werkplaats-slider button.slick-next.slick-arrow { bottom: auto; top: 15px;}

  #whatsapp-widget { display: block;}

  .top-two { width: 70%;}
  .top-two .hHWnVr { position: relative; right: -120px;}

  .block.html.motor-brand { overflow: hidden;}
  .block.html.motor-brand .row { width: 100vw;}

  .main-slider button.slick-prev.slick-arrow { bottom: unset; top: 100%; right: 30px;}
  .main-slider button.slick-next.slick-arrow { bottom: unset; top: 100%; right: 0;}


  .disable-aos-mobile [data-aos],
  .disable-aos-mobile[data-aos] { opacity: 1 !important; -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}

  .main-logo { width: 60vw; top: -9vw; left: -8vw;}

  .werkplaats-slider .slick-prev, 
  .werkplaats-slider .slick-next { width: 30px; height: 30px;}
  .werkplaats-slider .slick-prev img, 
  .werkplaats-slider .slick-next img { width: 75%;}

  .werkplaats-slider button.slick-prev.slick-arrow { bottom: -15px;}
  .werkplaats-slider button.slick-next.slick-arrow { bottom: 15px;}

  .werkplaats-slider.new-slider button.slick-next.slick-arrow { bottom: 30px !important;}

  .werkplaats-slider button.slick-prev.slick-arrow { bottom: unset; top: 100%; right: 30px;}
  .werkplaats-slider button.slick-next.slick-arrow { bottom: unset; top: 100%; right: 0;}
}

@media only screen and (max-width: 400px) {
  .top-two { width: 100%;}
  /*.top-four { width: 30%;}*/

  .top-two .hHWnVr { position: relative; right: -100px;}

  .topbar .available, 
  .topbar .not_available { font-size: 0.65rem;}

  .fdSgyg:first-child:not(:only-child) { display: none;}
  .jkrAlq { padding-right: 0 !important; margin-right: 100px !important;}

  /*.slide-item iframe{height: 254px;}*/
  .main-slider button.slick-prev.slick-arrow { bottom: -7px;}
  .main-slider button.slick-next.slick-arrow { bottom: 20px;}
}