html, body {line-height: 24px; margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 14px; color: #333333;height:100%;}
body.is--locked {overflow: hidden;}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 24px 0; color: #333333;}

h1, p.heading-1, h2, p.heading-2, h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; font-weight: normal;}

h1, p.heading-1 {line-height: 32px; font-size: 30px;}
h2, p.heading-2 {line-height: 32px; font-size: 30px;}
h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-size: 24px;}

ul, ol {margin: 0 0 24px 0; padding: 0;}
ul li, ol li {margin: 0 0 0 16px; padding: 0; list-style-type: disc;}

a, a:active, a:focus, a:hover, a:visited {color: #333333;}

a {text-decoration: underline;}
a:hover {text-decoration: underline; color:#DE3831}

a.button {padding: 12px 20px; background-color: #000000; border-radius: 5px; text-decoration: none; color: #FFFFFF; display: inline-block;}
a.button:hover {text-decoration: underline;}

.background-color * {color: #FFFFFF;}
.background-color.red {background-color: red;}
.background-color.blue {background-color: blue;}

.padding.top {padding-top: 30px;}
.padding.right {padding-right: 30px;}
.padding.bottom {padding-bottom: 6px;}
.padding.left {padding-left: 30px;}

.breadcrumb {margin-top: -5px; background-color: #FFFFFF;}
.breadcrumb #breadcrum-text {float: left; margin-right: 10px;}
.breadcrumb .padding.top {padding-top: 12px;}
.breadcrumb .padding.bottom {padding-bottom: 12px;}

ol.breadcrumb {margin: 0; padding: 0;}
ol.breadcrumb li {margin: 0 8px 0 0; padding: 0; list-style-type: none; display: inline-block; float: left;}
ol.breadcrumb li:last-of-type {margin-right: 0;}
ol.breadcrumb li:not(:last-of-type)::after {margin: 11px 0 0 8px; height: 5px; width: 10px; background-color: #000; content: ""; display: inline-block; vertical-align: top;}
ol.breadcrumb li a {display: inline-block; text-decoration:none}
ol.breadcrumb li a {color:unset}
ol.breadcrumb li a span {display: block;}

.media {margin-bottom: 24px;}

.img-fluid {max-width: 100%; height: auto; display: block;width:100%}

.wrapper {width: 100%; max-width: 1280px; margin: 0 auto; /*display: table;*/ }

.umb-grid {padding: 0px 15px;}

header {top: 0; right: 0; left: 0; position: absolute; z-index: 4;}
header:not(.title) {height: 72px;}
header:after {top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); content: ""; position: absolute;}

body.page section.header {position:relative}
body.page section.header .wrapper {position: relative;}
body.page section.header .wrapper::before {
    width: 25%;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    position: absolute;
    display: block;
    content: "";
    z-index: 1;
}

    body.page section.header .wrapper::after {
        width: 25%;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        position: absolute;
        display: block;
        content: "";
        z-index: 1;
    }

body.page section.header .wrapper img {width: 100%; /*height: 360px;*/}
body.page section.header .wrapper .container-fluid {position: relative;}
body.page .header-text {position:absolute;/*top:160px;*/bottom:0; right: 10px;font-size:30px; line-height:32px; overflow: hidden; z-index: 2;}
body.page .header-text p {color:#FFF;text-align:right}
body.page .header-text p span.line-1 {margin-right:50px}
body.page .header-text p span.line-3 {margin-right:0px}
body.page .header-text p span.line-2 {margin-right:100px}
#map {height:600px;}

header nav {float: left;}
header .search {float: right;}

header nav {width: 100%; position: relative; z-index: 4;}
header nav ul, header nav ul li {margin: 0; padding: 0;}
header nav ul {display: -webkit-flex; display: flex; list-style-type: none; padding: 0; justify-content: flex-end;}
header nav ul li {margin-left: 30px; list-style-type: none; display: inline-block; float: left; position: relative;}
header nav ul li:first-of-type {top: 0; left: 0; position: absolute; z-index: 1;}
header nav ul li:first-of-type a img {width: 110px; height: auto; display: block;}
header nav ul li:first-of-type:after {display: none;}
header nav ul li:nth-child(2) {margin-left: auto;}
/*header nav ul li:after {bottom: 16px; left: 50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #FFFFFF; display: block; transform: translateX(-50%); content: ""; transition: all linear 250ms; opacity: 0; position: absolute;}*/
header nav ul li:hover:after, header nav ul li.is-selected:after {bottom: 6px; opacity: 1;}
header nav ul li a, header nav ul li a span {font-size: 15px; display: block;}
header nav ul li a, header nav ul li a:hover {text-decoration: none;}
header nav ul li a span {padding: 24px 0; text-transform: uppercase; color: #FFFFFF; display: inline-block;}
header nav ul li.has-children a span::after {margin-left: 10px; font-family: 'Font Awesome 5 Pro'; font-size: 11px; content: "\f078"; vertical-align: top; display: inline-block;}

.alpha {position: absolute;top: 45px;display: none;width: 100%;height: 100%;background:#000;opacity: .5;z-index: 250;}

header nav ul li ul.sub-menu {-webkit-box-shadow: 5px 5px 9px 4px rgba(0,0,0,0.25); box-shadow: 5px 5px 9px 4px rgba(0,0,0,0.25); position: absolute; background-color: #FFF; left: -50px; z-index: 9998; display: inline-block; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; transform-origin: left top; transform: scaleY(0);}
header nav ul li:hover ul.sub-menu {visibility: visible;opacity: 1; transform: scaleY(1);}
header nav ul li ul.sub-menu li {padding:10px 20px 10px 20px;background-color:#FFF;float:none;display:inline-block; position:relative;top:unset;left:unset;margin:unset;z-index:1}
header nav ul li ul.sub-menu li:after{display:none}
header nav ul li ul.sub-menu li::before{visibility:hidden;top:10px;float:left;display:inline-block;content: "";width:10px;height:5px; color:#000;position:relative;margin-right:10px;z-index:1;background-image: url(/images/bg_link_black.png);}
header nav ul li ul.sub-menu li:hover::before {visibility:visible}
header nav ul li ul.sub-menu li:hover p {text-decoration:underline}
header nav ul li ul.sub-menu li p {padding-left:20px;margin:0; white-space: nowrap;}

main {}

.cookiePopup { background-color: #DE3831;position:fixed;bottom:0;border-top: 5px solid #FF0000;z-index:99;}
.cookiePopup .cookieContainer {position: relative;padding: 11px 60px 10px 30px;}
.cookiePopup .cookieClose {cursor:pointer;font-size:30px;position: absolute;top: 10px; right: 20px;z-index:999;}
.cookiePopup p {text-align:center; color:#FFF}
.cookiePopup a span {font-size:unset;text-align:center;width:100%;display:inline-block;color:#FFF !important; cursor:pointer;text-decoration:underline;}
.cookiePopup a span:hover {text-decoration:none;}
#_cp {border-top: 2px solid #FF0000; background-color: white;}
#_cp_b {font-size: 15px; position: absolute; top: 10px; right: 20px; text-decoration: none; color: white;background-color: #FF0000;padding: 4px 10px; }
#_cp_b:hover {color: black;}
#_cp_p {max-width: 1400px; line-height: 17px; padding: 10px;}
#_cp_p, #_cp_p a, #_cp_p a:hover {color: black;}
#_cp_p a:hover {text-decoration: none;}
#cp-toggle {margin-bottom: 24px;}
#cp-toggle p {margin: 0;}

.side-menu {border-bottom:5px solid #000; margin-bottom:25px;}
.side-menu p.heading-2 {display:inline-block}
.side-menu p.heading-2 a, .side-menu p.heading-2 a:hover {text-decoration: none;}
.side-menu p.heading-2 a:hover {color:#de3831}
.side-menu ul {margin: 0 0 24px 0; padding: 0;}
.side-menu ul li {margin: 0; padding: 0; list-style: none;}
.side-menu ul li:not(:first-of-type) a .icon {margin-top: -1px;}
.side-menu ul li a .icon {margin-right: 10px; display: inline-block; float: left;}
.side-menu ul li a .icon img {width: 48px; height: auto; display: inline-block;}
.side-menu ul li a.has-icon span {width: calc(100% - 58px); padding-top: 16px; display: inline-block; float: left;}
.side-menu ul li a:hover,
.side-menu ul li a.active, 
.side-menu ul li a.has-icon:hover span, 
.side-menu ul li a.has-icon.active span {text-decoration:underline; color: unset;}

.side-menu ul li a:not(.has-icon) {text-decoration: none;}
.side-menu ul li a:not(.has-icon):hover, 
.side-menu ul li a:not(.has-icon).active {text-decoration:underline; color: unset;}
.side-menu ul li a:not(.has-icon).active:before, 
.side-menu ul li a:not(.has-icon):hover::before {visibility: visible;}
.side-menu ul li a:not(.has-icon)::before {top: 22px; float: left; display: inline-block; content: ""; width: 10px; height: 5px; color: #000; position: relative; margin-right: 10px; z-index: 1; visibility: hidden; background-image: url(/images/bg_link_black.png);}
.side-menu ul li a:not(.has-icon) span {padding: 12px 0 12px 20px; display: block;}

.sitemap{}
ul.sitemap li {list-style-type: square}
ul.sitemap a:hover{text-decoration:underline}


section {}

.slider {background-color: #000000; border-bottom: 5px solid #DE3831; overflow: hidden; position: relative;}
.slider .wrapper {/*max-width: unset;*/ position: relative;}
/*.slider .slide::before {top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); content: ""; position: absolute; z-index: 1;}*/
.slider .slide {height: 480px; position: relative;}
.slider .slide::before {
	width: 25%;
	top: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	position: absolute;
	display: block;
	content: "";
	z-index: 1;
}
.slider .slide::after {
	width: 25%;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	position: absolute;
	display: block;
	content: "";
	z-index: 1;
}
.slider .slide picture {top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
.slider .slide picture img {width: 100%; height: 100%; object-fit: cover; margin: 0 auto; opacity: 0.5;}
.slider .slide .overlay {width: 100%; max-width: 1280px; margin: 0 auto; top: 50%; left: 50%; text-align: right; position: absolute; z-index: 2; transform: translate(-50%, -50%); /*word-break: break-all;*/}
.slider .slide .overlay * {color: #FFFFFF;}
.slider .slide .overlay p.heading-2 {line-height: 48px; font-size: 42px;}
.slider .slide .overlay p.button {display: inline-block;}
.slider .slide .overlay p.button a, .slider .slide .overlay p.button a:hover {text-decoration: none;}
.slider .slide .overlay p.button a {display: block;}
.slider .slide .overlay p.button a span {background-color: #DE3831; border-bottom: 5px solid #FF0000; padding: 12px 40px; transition: all linear 250ms; display: block;}
.slider .slide .overlay p.button a:hover span {background-color: #000000; border-bottom-color: #535353;}

p.button {display: inline-block;}
p.button a, p.button a:hover {text-decoration: none;}
p.button a {display: block;}
p.button a span {background-color: #DE3831; border-bottom: 5px solid #FF0000; padding: 12px 40px; color: #FFFFFF; transition: all linear 250ms; display: block;}
p.button a:hover span {background-color: #000000; border-bottom-color: #535353;}


.bx-wrapper {/*max-height: 640px;*/ box-shadow: none; border: 0; background-color: transparent; margin: 0; overflow: hidden;}
.bx-wrapper .bx-viewport {}

.slider .bx-pager {right: 15px; bottom: 91px; left: 15px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); position: absolute; z-index: 9997;}
.slider .bx-pager ul {margin: 0 auto; padding: 0; display: table;}
.slider .bx-pager ul li {margin: 0 0 0 40px; padding: 0; list-style-type: none; display: inline-block; float: left;}
.slider .bx-pager ul li:first-of-type {margin-left: 0;}
.slider .bx-pager ul li a {padding: 24px 0; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #FFFFFF; display: block; position: relative; overflow: hidden;}
.slider .bx-pager ul li a:before {top: -12px; left: 50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #FFFFFF; display: block; transform: translateX(-50%); content: ""; transition: all linear 250ms; opacity: 0; position: absolute; z-index: 1;}
.slider .bx-pager ul li a:hover:before, .slider .bx-pager ul li a.active:before {top: 0; opacity: 1;}

section.header {max-height: 365px; background-color: #000000; background-position: center center; background-repeat: no-repeat; background-size: cover; border-bottom: 5px solid #DE3831; overflow: hidden;}

.search {margin-top: -82px; margin-bottom: 30px; position: relative; z-index: 3;}
.search p.heading-3 {margin: 0 0 14px 0; color: #FFFFFF;}
.search .search-box {padding: 16px 8px; background-color: #FFFFFF; border-radius: 3px; -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.16); box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.16); display: flex; flex-direction: row;}
.search .search-box select {width: 100%; height: 60px; margin: 0 8px; padding: 0; background-color: #EFEFEF; border: 0; border-radius: 3px; outline: none; text-indent: 20px; color: #000000;}
.search .search-box button {width: 62px; height: 60px; margin: 0 8px; background-color: #DE3831; border-bottom: 5px solid #FF0000; border-radius: 3px; font-size: 18px; font-weight: 300;}

.cards {}
.cards .card {margin: 0 0 30px 0; position: relative; transition: all linear 250ms;}
.cards .card {border-bottom: 5px solid #000000; position: relative;}
.cards .card a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 3;}
.cards .card .title {right: 32px; bottom: 32px; left: 32px; position: absolute; z-index: 2;}
.cards .card .title p.heading-2 {line-height: 32px; margin: 0; padding: 0 24px 0 0; font-size: 30px; color: #FFFFFF;}
.cards .card .title p.heading-2:after {margin-right: -24px; font-family: "Font Awesome 5 Pro"; font-size: 14px; content: "\f061"; vertical-align: middle; float: right;}
.cards .card .title p.model {margin: 0 0 14px 0; padding: 0 24px 0 0; font-size: 16px; color: #FFFFFF;}
.cards .card .title p.price {line-height: 32px; margin: 0; padding: 0 24px 0 0; font-size: 24px; color: #FFFFFF;}
.cards .card .title p.price:after {margin-right: -24px; font-family: "Font Awesome 5 Pro"; font-size: 14px; content: "\f061"; vertical-align: middle; float: right;}
.cards .card .media {margin: 0; padding-top: 75%; position: relative;}
.cards .card .media img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; object-fit: cover; position: absolute;}
.cards .card .media:before {top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); content: ""; position: absolute; z-index: 1;}
.cards .card .media > img {width: 100%; height: auto;}

.cards .card:hover {border-bottom-color: #DE3831;}

.occassions .cards {}
.occassions .cards .card .placeholder {position: relative;}
.occassions .cards .card .placeholder .title {right: 32px; bottom: 24px; left: 32px; position: absolute; z-index: 2; overflow: hidden; word-break: break-word;}
.occassions .cards .card .placeholder .media {margin: 0;}
.occassions .cards .card .placeholder .media:before {height: 60%; top: unset; right: 0; bottom: -1px; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); content: ""; position: absolute; z-index: 1;}
.occassions .cards .card .data {padding: 0 25px 30px 25px; background-color: #000000; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
.occassions .cards .card .data .label {width: calc(calc(100% / 3) - 10px); margin: 0 5px; background-color: #DE3831; text-align: center; color: #FFFFFF;}

.ocassion-phone-number {padding-top: 10px;}

.cards .placeholder {border-top: 0;}
.cards .card.service {height: calc(100% - 24px); margin: 0 0 24px 0; text-align: center; position: relative; display: flex; flex-direction: column;}
.cards .card.service a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.cards .card.service .title {right: 0; bottom: 0; left: 0; padding: 0 32px 32px 32px; pointer-events: none;}
.cards .card.service .title p {position: relative; z-index: 1;}
.cards .card.service .title
.cards .card.service p.title {height: 112px; margin: 0; padding: 24px 40px; background-color: #000000; color: #FFFFFF; position: relative;}
.cards .card.service:hover p.title.reparatie_en_onderhoud {background-color: #e7362c;}
.cards .card.service:hover p.title.reparatie_en_onderhoud:before {border-top: 12px solid #e7362c;}
.cards .card.service:hover p.title.financiering_op_maat {background-color: #009ee2;}
.cards .card.service:hover p.title.financiering_op_maat:before {border-top: 12px solid #009ee2;}
.cards .card.service:hover p.title.verzekerd_onderweg {background-color: #e5007e;}
.cards .card.service:hover p.title.verzekerd_onderweg:before {border-top: 12px solid #e5007e;}
.cards .card.service:hover p.title.verkoop_en_lease {background-color: #f29100;}
.cards .card.service:hover p.title.verkoop_en_lease:before {border-top: 12px solid #f29100;}
.cards .card.service:hover p.title.schadeherstel {background-color: #ffdd00;}
.cards .card.service:hover p.title.schadeherstel:before {border-top: 12px solid #ffdd00;}
.cards .card.service:hover p.title.pechhulp {background-color: #39a935;}
.cards .card.service:hover p.title.pechhulp:before {border-top: 12px solid #39a935;}
.cards .card.service p.title:before {top: 100%; left: 50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #000000; display: block; transform: translateX(-50%); content: ""; position: absolute;}
.cards .card.service .body {height: 100%; padding: 0 32px 32px 32px; background-color: #000000; color: #FFFFFF;}
.cards .card.service .body p.summary {height: 72px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.cards .card.service .media {margin: 0; padding: 0; border-bottom: 0; position: relative;}
.cards .card.service .media::before {top: unset; right: 0; bottom: 0; left: 0; height: 50%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); position: absolute; content: ""; z-index: 1;}
.cards .card.service .media .border {right: 0; bottom: 0; left: 0; height: 5px; width: 100%; background-color: rgba(0,0,0,0.25); position: absolute; z-index: 1;}
.cards .card.service .media picture {padding-top: 75%; display: block; position: relative;}
.cards .card.service .media picture img {top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; width: unset; height: 75%; object-fit: cover;}
.cards .card.service p.title, .cards .card.service p.title:before, .cards .card .media, .cards .card.service .media .border {transition: all linear 250ms;}
.cards .card.service:hover p.title {background-color: #DE3831;}
.cards .card.service:hover p.title:before {border-top: 12px solid #DE3831;}
.cards .card.service:hover .media .border {background-color: rgba(0,0,0,0.5);}

.cards .card.service.reparatie_en_onderhoud:hover {border-color: #e7362c;}
.cards .card.service.financiering_op_maat:hover {border-color: #009ee2;}
.cards .card.service.verzekerd_onderweg:hover {border-color: #e5007e;}
.cards .card.service.verkoop_en_lease:hover {border-color: #f29100;}
.cards .card.service.schadeherstel:hover {border-color: #ffdd00;}
.cards .card.service.pechhulp:hover {border-color: #39a935;}

.filter {margin: 0 0 24px 0; padding: 6px 30px 30px 30px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );}
.filter.selected {}
.filter.selected p {margin-bottom: 19px;}
.filter.selected ul.selected--filter {margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.filter.selected ul.selected--filter li {margin: 5px 0 0 0; padding: 0 44px 0 20px; background-color: #DE3831; list-style: none; color: #FFFFFF; position: relative;}
.filter.selected ul.selected--filter li .delete {top: 0; right: 0; width: 24px; height: 24px; margin-left: 20px; background-color: #FF0000; text-align: center; content: "x"; position: absolute; transition: background-color linear 125ms;}
.filter.selected ul.selected--filter li .delete:hover {background-color: #000000;}
.filter.selected ul.selected--filter li .delete a {width: 24px; height: 24px; text-decoration: none; color: #FFFFFF; display: block;}
.filter.selected ul.selected--filter li:not(:last-of-type) {margin-right: 5px;}
.filter.type {display: none; visibility: hidden}
.filter .placeholder {display: flex; flex-direction: row; flex-wrap: nowrap;}
.filter .placeholder select {width: calc(calc(100% / 2) - 5px); height: 32px; padding: 0; background-color: #FFFFFF; border: 0; color: #000000; border-radius: 3px;}
.filter .placeholder select:first-child {margin-right: 10px;}
.filter table,
.filter table tbody,
.filter table tbody tr,
.filter table tbody tr td {width: 100%;}
.filter table tbody tr td {position: relative;}
.filter table tbody tr td input[type=checkbox] {width: 18px; height: 18px; top: 3px; left: 0; position: absolute;}
.filter table tbody tr td label {margin: 0; padding-left: 30px; display: block; cursor: pointer;}

.tabs {display: flex; flex-direction: row; border-bottom: 5px solid #bbbbbb;}
.tabs .tab {margin: 0 1px -5px 0; padding: 10px 20px; border: 1px solid #bbbbbb; border-bottom-width: 5px; cursor: pointer;}
.tabs .tab.active {background-color: #000000; border-color: #000000; border-bottom-color: #535353; color: #FFFFFF;}

.contents {padding-top: 30px; border-bottom: 1px solid #bbbbbb;}
.contents .content {margin-bottom: 30px; display: none;}
.contents .content.active {display: block;}
.contents .content .row {margin: 0;}
.contents .content .row > div {padding: 0;}

.cards.single .card {margin-top:0;}

body.page .cards .placeholder .card {margin-top: 0;}

.SCW_Header {padding:1%; border-bottom: 5px solid #000;}
.SCW_Header a {text-decoration:none;}
.SCW_SubHeader {padding:1%; border-bottom: 3px solid #000;}

.btn-black-link, .btn-red-link {text-decoration: none;display:inline-flex}

p.btn-red-link span{background-color:#DE3831;border-bottom: 5px solid #FF0000;padding: 12px 40px;transition: all linear 250ms;display: inline-block;color:#fff;}
p.btn-red-link span:hover {background-color: #000000;border-bottom: 5px solid #535353;}

p.btn-red-link a, 
a.btn-red-link:hover {text-decoration:none}

span.button-red {background-color: #DE3831;border-bottom: 5px solid #FF0000;padding: 10px 40px;transition: all linear 250ms;color: #fff; display: inline-block;}
span.button-red:hover {background-color: #000000; border-bottom-color: #535353;}

p.btn-black-link span{background-color: #000000;border-bottom: 5px solid #535353;padding: 10px 40px;transition: all linear 250ms;color: #fff;}
p.btn-black-link a, 
a.btn-black-link:hover {text-decoration:none;}

span.button-black {background-color: #000000;border-bottom: 5px solid #535353;padding: 10px 40px;transition: all linear 250ms;color: #fff; display: inline-block;}
span.button-black:hover {background-color: #DE3831;border-bottom-color: #FF0000;}

.cars {}
.cars h2 {font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;font-size: 18px;text-transform: uppercase;margin-bottom:0;line-height:20px;}
.cars .eigenschappen-container div.description {display: inline-block;width: 100%;color: #959595;}
.cars .car .eigenschappen-container > div.row{padding-bottom:15px;}
.cars .price {float:right;margin:0;color:#DE3831;line-height:45px;font-size:30px;}
.cars .car .price h3 {margin:0;line-height:45px;font-size:30px;color:#DE3831;padding-right:15px;}
.cars .car {border-bottom: 1px solid #bbbbbb;padding: 10px 0 25px 10px;}
.cars .car:last-of-type{margin-bottom:10px}
.cars .car .price-container a{float:right;margin-left:10px;margin-right:10px}
.cars .car .price-container {display:inline-block; float:right}
.cars .car:hover {background:radial-gradient(ellipse at center, #fff 0%, #c7d0d5 74%);}
.cars .car .eigenschappen-container {padding-left:15px;}

.callOptions {display:flex;}

.car-detail .images {padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; margin-bottom: 20px;}
.car-detail .image {margin: 1px;}
.car-detail { }
.car-detail .print {display: none; visibility: hidden;}
.car-detail .title {position:relative;margin-bottom:10px;margin-top:10px}
.car-detail .title p {position:absolute; bottom:0;}
.car-detail h1.sub-title {float:left;}

.car-detail .sub-title {line-height:40px;margin-bottom:0;font-size:18px;text-transform:uppercase;}
.car-detail .price-container {position:relative}
.car-detail .price-container .price-description {position:absolute}
.car-detail .description {bottom: 0;}
.car-detail .hr {border-bottom: 1px solid #bbbbbb;height:1px;margin-top:10px;margin-bottom:10px }
.car-detail .title .price {margin-bottom:0;text-align:right;font-size:32px;color:#DE3831;line-height:45px;}
.car-detail h2.price {margin: 0;font-size:30px;font-weight: bold;color:#DE3831;}
.car-detail h2.price span {line-height: 24px; margin-right: auto; font-size: 14px; color: #959595; display: block;}
.car-detail hr {margin: 30px 0; border: 0; border-top: 1px solid #959595;}
.car-detail .specs-container {padding-bottom:20px;}
.car-detail .extra-images div.image {padding:5px; padding-left:0;}
.car-detail .main-img div.image {padding:5px;padding-bottom:0px;padding-left:0;padding-top:4px;width:100%}
/*.car-detail .extra-images div.image {padding-left:5px;}*/
/*.car-detail .extra-images div.image{padding:5px;padding-top:0;}*/
.car-detail .specication-list li {width: calc(50% - 16px); list-style-type:square}
.car-detail div.description {display: inline-block;width: 100%;color: #959595;}
.car-detail .opmerkingen_value{margin:0;padding-bottom:10px}

.car-detail .data {margin-bottom: 30px; display: flex; justify-content: start; flex-wrap: wrap; flex-direction: row;}
.car-detail .data .label {margin: 0 10px 0 0; padding: 0 10px; background-color: #DE3831; text-align: center; color: #FFFFFF;}

.car-detail .padding {padding: 0 0 30px 0;}

.only-print {display: none; visibility: hidden;}

.meerInfo p {margin:0;}

.slider-for {margin: 0 0 20px 0;}

.slider-nav {margin: 0 0 30px 0; position: relative;}
.slider-nav .slick-list {margin: 0 -10px;}
.slider-nav .slick-list .slick-track {}
.slider-nav img {margin: 0 10px;}

.highslide-controls {margin: -45px 0 0;}

button.slick-prev, button.slick-next {top: -88px; margin: 0; padding: 0; background-color: #000000; border: 0; border-bottom: 5px solid #535353; font-size: 0; color: #FFFFFF; outline: none; position: absolute; opacity: 0.50;}
button.slick-prev {left: 50%; transform: translateX(-53px);}
button.slick-next {left: 50%; transform: translateX(5px);}
button.slick-prev:hover, button.slick-next:hover {background-color: #DE3831; border-bottom-color: #FF0000;}
button.slick-prev::before, button.slick-next::before {line-height: 43px; content: "T"; font-family: 'Font Awesome 5 Pro'; font-size: 16px;}
button.slick-prev::before {content: "\f053";}
button.slick-next::before {content: "\f054";}

button.slick-prev {width: 48px; height: 48px;}
button.slick-next {width: 48px; height: 48px;}

.buttons {margin: 30px 0; display: inline-block;}
.buttons a {}
.buttons a:first-of-type {margin-right: 10px;}
.buttons .share {margin-left: auto;}

.spotlight{margin-bottom:30px}
.spotlight p.heading-2 {font-size:30px;margin-bottom:24px;}
.spotlight .spotlight-slider p{margin:0}
.spotlight .spotlight-container div.hr p {border-bottom: 1px solid #bbbbbb;height:1px;margin-top:30px; }
.spotlight .spotlight-container{/*padding-left:10px;padding-right:10px;*/ padding-bottom:20px;}
.spotlight .spotlight-container p.name {display: block;font-weight: bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.spotlight .spotlight-container p.price {white-space:nowrap;display: block;width: 100%;color: #DE3831;margin-bottom: 20px;line-height: 32px;font-size: 30px;text-align: center;}
.spotlight .spotlight-container p.description {color: #959595;text-align:left}
.spotlight .spotlight-container p.value {text-align:left}
.spotlight a.footer {transition: all linear 250ms;color:#fff;line-height:32px;background-color:#DE3831;display:inline-block;width:100%;height:100%; text-decoration:none;text-transform:uppercase;font-size:24px;padding:24px 40px}
.spotlight a.footer:hover {background-color:#000; color:#fff}
.spotlight a.footer:before {transition: all linear 250ms;position: absolute;top: 0;left: 50%;content: " ";border-bottom: 15px solid #DE3831;border-left: 15px solid transparent;border-right: 15px solid transparent;margin-top: 35px;margin-left: -8px;}
.spotlight a.footer:hover::before {border-bottom: 15px solid #000;}
.spotlight .footer-container {padding-top:50px}
.spotlight .custom-controls a {margin:0 5px 0 5px;cursor:pointer;display:inline-block;border-radius:unset; width:15px;height:10px; background:unset; border:1px solid #000}
.spotlight .custom-controls a.active {background:#000}
.spotlight .custom-controls a:hover {background:#000}

.bovag a {color:rgb(0,0,0)}
.bovag .hr {border-top:1px solid gray;height:5px;}
.bovag .outer {
    background-image: url(/images/bg_link_black.png);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-color: #fecb00;
    border-top: 4px solid #FFFFFF;
    margin-bottom: 10px;
    padding: 24px 50px 25px 4px;
    text-align: center;
    transition: all linear 250ms;
}
.bovag a {font-size:30px;}
.bovag .outer:hover {background-color:#e3b912}
.bovag .inner {display:inline-block}
.bovag .inner a {text-decoration:none; transition: all linear 250ms;font-size:12px;}
.bovag .inner a:hover{background-color:#e3b912}
.bovag .bovag_logo {
    float: left;
    height:146px;
    margin-top:-3px;
    padding-left:15px;
}
.bovag .button-yellow {
    background-color: #fecb00;
    margin-right: 10px;
    margin-bottom: 18px;
    padding: 13px 40px;
    display: inline-block;
    float: left;
}

/*
.mobile-bovag{display:none}
*/

.employee{height: calc(100% - 24px); border-bottom:1px solid #bbbbbb; margin-bottom:24px;}
.vacancies {}

#map {margin-bottom: 30px; display: block;}

.forms
.umbraco-forms-form textarea {max-width:unset !important}

footer #footer .facebook-container {float: left}
footer #footer .facebook-container a {margin-bottom:20px;transition: all linear 250ms;position: relative;display: inline-block;padding: 12px 40px;margin-right: 20px;color: #fff;background: #0072bc;border-bottom: solid 5px #004a80;text-decoration: none;}
footer #footer .facebook-container a:before {background-size: 100% !important;position: absolute;left: -4px;top: 13px;display: block;width: 50px;height: 50px;content: '';background: url("/images/facebook-app-symbol.svg") no-repeat center center;}
footer #footer .facebook-container a:hover {text-decoration: none;background-color: #000;border-color: #535353;}

.highslide {}
.news {}
.news.overview .item {}
.news.detail {}

.events {}
.events.overview .item {}
.events.detail {}

.search {}
.search input, .search button {display: inline-block; float: left; outline: none;}
.search input {line-height: 48px; height: 48px; border: 1px solid #000000; border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-indent: 20px;}
.search button {margin: 0; padding: 12px 20px; background-color: #000000; border: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #FFFFFF;}

.search-results {}
.search-results .item {}

.faq {}
.faq.overview ul {margin: 0 0 24px 0; padding: 0;}
.faq.overview ul li {margin: 0; padding: 0; list-style-type: none;}
.faq.overview ul li.question {text-decoration: underline; cursor: pointer;}
.faq.overview ul li.question:hover {text-decoration: none;}
.faq.overview ul li.answer {display: none;}
.faq.overview ul li.answer p:only-of-type, .faq.overview ul li.answer p:last-of-type {margin-bottom: 0;}

.downloads {}
.downloads.overview ul {margin: 0 0 24px 0; padding: 0;}
.downloads.overview ul li {margin: 0; padding: 0; list-style-type: none;}

.gallery {}
.gallery.overview {}
.gallery.overview .item {-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); position: relative;}
.gallery.overview .item a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.gallery.overview .item .media {margin-bottom: 0; position: relative; overflow: hidden;}
.gallery.overview .item .media img {transition: all linear 250ms;}
.gallery.overview .item:hover .media img {transform: scale(1.1);}
.gallery.overview .item .body .padding.top {padding-top: 12px;}
.gallery.overview .item .body .padding.bottom {padding-bottom: 12px;}
.gallery.overview .item .body p.heading-2 {margin-bottom: 0;}
.gallery.detail {}
.gallery.detail .media {position: relative; overflow: hidden;}
.gallery.detail .media a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.gallery.detail .media img {transition: all linear 250ms;}
.gallery.detail .media:hover img {transform: scale(1.1);}

.occasions.macro {background: #fff; background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #c7d0d5 74%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(74%, #c7d0d5)); background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #c7d0d5 74%); background: -o-radial-gradient(center, ellipse cover, #fff 0%, #c7d0d5 74%); background: -ms-radial-gradient(center, ellipse cover, #fff 0%, #c7d0d5 74%); background: radial-gradient(ellipse at center, #fff 0%, #c7d0d5 74%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7d0d5',GradientType=1 ); text-align: center;}
.occasions.macro p.heading-2 {margin: 0; text-transform: none;}

footer {}
footer #footer {}
footer #footer #footer-top {background-color: #000000;}
footer #footer #footer-top * {color: #FFFFFF;}
footer #footer #footer-top .logo {margin: -30px 0 24px 30px;}
footer #footer #footer-top .logo a img {width: 110px;}
footer #footer #footer-top nav p {margin: 0;}
footer #footer #footer-top nav ul {margin: 0; padding: 0;}
footer #footer #footer-top nav ul li {margin: 0; padding: 0; list-style: none;}
footer #footer #footer-top nav ul li a {text-decoration: none;}
footer #footer #footer-top nav ul li a:hover {text-decoration: underline;}
footer #footer #footer-top .card .body p.heading-2 {text-transform: none;}
footer #footer #footer-top .card .body p.summary {height: 72px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
footer #footer #footer-top .card .body p a {padding-right: 32px; font-weight: bold; text-decoration: none; display: inline-block; position: relative;}
footer #footer #footer-top .card .body p a span {display: block;}
footer #footer #footer-top .card .body p a:before, 
footer #footer #footer-top .card .body p a:after {right: 0; width: 12px; height: 4px; background-color: red; content: ""; display: inline-block; position: absolute; vertical-align: middle; transition: all linear 250ms;}
footer #footer #footer-top .card .body p a:before {top: 10px; transform-origin: bottom right;}
footer #footer #footer-top .card .body p a:after {top: 10px; transform-origin: top right;}
footer #footer #footer-top .card .body p a:hover:before {top: 11px; transform: rotate(45deg);}
footer #footer #footer-top .card .body p a:hover:after {bottom: 11px; transform: rotate(-45deg);}
footer #footer #footer-top .card .body p a:hover {text-decoration: underline;}
footer #footer #footer-middle {background-color: #1F1F1F;}
footer #footer #footer-middle ul.social {margin: 8px 0; padding: 0; display: flex; flex-direction: row; float: left;}
footer #footer #footer-middle ul.social li {line-height: 48px; margin: 0; padding: 0; font-weight: bold; list-style: none; color: #FFFFFF;}
footer #footer #footer-middle ul.social li:not(:first-of-type) {margin-left: 20px;}
footer #footer #footer-middle ul.social li a, footer #footer #footer-middle ul.social li a:hover {text-decoration: none;}
footer #footer #footer-middle ul.social li a i {width: 48px; height: 48px; line-height: 48px; font-size: 20px; font-weight: normal; text-align: center; background-color: #DE3831; border-radius: 24px; color: #FFFFFF; display: block;}
footer #footer #footer-middle ul.social li:hover a i {background-color: #FFFFFF; color: #000000;}
footer #footer #footer-middle p {text-align: right; text-transform: uppercase; float: right;}
footer #footer #footer-middle p span {display: block;}
footer #footer #footer-middle p span:first-of-type {margin-right: 40px; color: #FFFFFF;}
footer #footer #footer-middle p span:nth-child(2) {color: #DE3831;}
footer #footer #footer-bottom {background-color: #2E2E2E;}
footer #footer #footer-bottom * {color: #FFFFFF;}
footer #footer #footer-bottom a {text-decoration: none;}
footer #footer #footer-bottom a:hover {text-decoration: underline;}
footer #footer #footer-bottom .padding.top {padding-top: 12px;}
footer #footer #footer-bottom .padding.bottom {padding-bottom: 12px;}
footer #footer #footer-bottom p {margin: 0;}
footer #copyright {}
footer #copyright a {text-decoration: none;}
footer #copyright a:hover {text-decoration: underline;}
footer #copyright .padding.top {padding-top: 12px;}
footer #copyright .padding.bottom {padding-bottom: 12px;}
footer #copyright p {margin: 0; float: right;}

.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

.umbraco-forms-page {}
.umbraco-forms-page fieldset {padding: 0 !important; margin: 0 !important;}
.umbraco-forms-form input.text,
.umbraco-forms-form textarea {width: 100% !important; max-width: 100% !important; margin: 0; padding: 0 ;}
.umbraco-forms-form .umbraco-forms-indicator{color:#DE3831;}
.umbraco-forms-form input.text {height:30px; border: 1px solid rgb(226, 226, 226);padding-left:20px}
.umbraco-forms-form textarea {border: 1px solid rgb(226, 226, 226);padding-left:20px}
.umbraco-forms-container .ikgaakkoordmetdeprivacyencookieverklaring label{float:right;width:98%; color:#DE3831; font-weight:normal}
.umbraco-forms-container .ikgaakkoordmetdeprivacyencookieverklaring input{float:left;margin-top:20px;}
.umbraco-forms-container .titleanddescription p::first-letter{color:red}
.umbraco-forms-navigation input.primary, .umbraco-forms-navigation input.btn {border:unset;float: right;margin-bottom: 10px;background-color: #DE3831;border-bottom: 5px solid #FF0000;padding: 12px 40px;transition: all linear 250ms;display: inline-block;color: #fff;}
.umbraco-forms-navigation input.primary:hover, .umbraco-forms-navigation input.primary, .umbraco-forms-navigation input.btn:hover {background-color:#000000;border-bottom: 5px solid #535353;}
.umbraco-forms-navigation input.primary, .umbraco-forms-navigation input.btn {float: none !important;}
.umbraco-forms-label {margin-top:15px;}

.share {float: right;}
.share span {line-height: 49px;}
.share span, .whatsapp_button, .wa_btn, .fb_btn, .ml_btn, .prt_btn {margin-right: 10px; display: inline-block;}
.ml_btn {margin-right: 0;}
.wa_btn, .whatsapp_button {
    min-width: 48px;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #5cbe4a;
    text-decoration: none;
    text-align: left;
    padding: 10px;
    border-bottom: 5px solid #85ce77;
    font-family: 'Font Awesome 5 Brands';
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    vertical-align: top;
}
.fb_btn {
    min-width: 48px;
    display: inline-block !important;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #0072bc;
    text-decoration: none;
    text-align: left;
    padding: 10px;
    border-bottom: 5px solid #004a80;
    font-family: 'Font Awesome 5 Brands';
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    vertical-align: top;
}
.prt_btn {
    min-width: 48px;
    display: inline-block !important;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #DE3831;
    text-decoration: none;
    text-align: left;
    padding: 10px;
    border-bottom: 5px solid #FF0000;
    font-family: 'Font Awesome 5 Brands';
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    vertical-align: top;
}
.ml_btn {
    min-width: 48px;
    display: inline-block !important;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #000000;
    text-decoration: none;
    text-align: left;
    padding: 10px;
    border-bottom: 5px solid #535353;
    font-family: 'Font Awesome 5 Brands';
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    vertical-align: top;
}
.ml_btn:hover {
    background-color: #DE3831;
    border-color: #FF0000;
    color: #FFFFFF;
}
.fb_btn:hover, .whatsapp_button:hover, .wa_btn:hover, .prt_btn:hover {
    background-color: #000000;
    border-color: #535353;
    color: #FFFFFF;
}
.ml_btn, .prt_btn:focus, .fb_btn:focus, .whatsapp_button:focus, .wa_btn:focus,
.ml_btn, .prt_btn:visited, .fb_btn:visited, .whatsapp_button:visited, .wa_btn:visited,
.ml_btn, .prt_btn:active, .fb_btn:active, .whatsapp_button:active, .wa_btn:active,
.ml_btn, .prt_btn:hover, .fb_btn:hover, .whatsapp_button:hover, .wa_btn:hover {
    color: #FFFFFF;
}

.hamburger {top: 12px; right: 15px; height: 48px; margin: 0; display: none; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; overflow: visible; position: absolute; z-index: 4;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #000000;}
.hamburger.is-active .hamburger-box {background-color: #FFFFFF;}
.hamburger-box {width: 48px; height: 43px; background-color: #FFFFFF; border-bottom: 5px solid #cccccc; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin: -1px 12px 0;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 24px; height: 4px; background-color: #000000; position: absolute; transition-property: transform; transition-duration: 0.125s; transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -8px;}
.hamburger-inner::after {bottom: -8px;}
.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease;}
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease;}
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}
nav.mobile {height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.9); position: fixed; z-index: 0; bottom: 0; left: 0; overflow-x: hidden; text-align: center; display: none; z-index: 3;}
nav.mobile > .mobile-placeholder {padding-top: 142px; background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);}
.slinky-menu {height: unset !important; overflow: hidden; transform: translateZ(0);}
.slinky-menu > ul {left: 0; position: relative; transform: translateZ(0);}
.slinky-menu ul, .slinky-menu li {list-style: none; margin: 0; padding: 0;}
.slinky-menu ul {width: 100%; border-top: 1px solid #DDDDDD;}
.slinky-menu a, 
.slinky-menu a span {line-height: 24px;}
.slinky-menu a {align-items: center; display: flex;}
.slinky-menu a span {flex: 1;}
.slinky-menu li ul {display: none; left: 100%; position: absolute; top: 0;}
.slinky-menu .header {display: flex;}
.slinky-menu header.title {flex: 1; line-height: 32px; margin: 0 0 0 84px; padding: 8px 40px 8px 35px; background-color: #FFFFFF; order: 1; color: #000000;}
.slinky-menu header {}
.slinky-menu header:after {display: none; visibility: hidden;}
.slinky-theme-default {}
.slinky-theme-default .title {}
.slinky-theme-default li, .slinky-theme-default li a, .slinky-theme-default li a span {text-align: left;}
.slinky-theme-default li {line-height: 1; border-bottom: 1px solid #DDDDDD; display: block;}
.slinky-theme-default a {transition: all linear 125ms;}
.slinky-theme-default a:not(.back):not(.next) {width: calc(100% - 84px); line-height: 24px; padding: 12px 40px 12px 35px; text-decoration: none; color: #000000; display: inline-block; vertical-align: top;}
.slinky-theme-default a.nav-link {width: 100% !important; display: block !important;}
.slinky-theme-default a, 
.slinky-theme-default a:hover, 
.slinky-theme-default a:active {text-decoration: none;}
.slinky-theme-default a:hover {background-color: #DDDDDD;}
.slinky-theme-default .next, .slinky-theme-default .back {line-height: 32px; text-align: center; display: inline-block; vertical-align: top;}
.slinky-theme-default .next {padding: 8px 35px 8px 40px; border-left: 1px solid #DDDDDD;}
.slinky-theme-default .back {padding: 8px 40px 8px 35px; border-right: 1px solid #DDDDDD;}
.slinky-theme-default .next::after, .slinky-theme-default .back::after {font-family: 'Font Awesome 5 Pro'; color: #777777;}
.slinky-theme-default .next::after {content: "\f054";}
.slinky-theme-default .back::after {content: "\f053";}
.slinky-theme-default .next a, .slinky-theme-default .back a {text-decoration: none;}

@media (max-width: 767.98px) {
    .share {margin-top: 20px; float: none !important;}
}

@media (max-width: 991.98px) {
    .hamburger {
        display: block;
    }
    p .SCW_Header{display:none}
body.no-scroll {overflow:hidden}
header nav ul li:first-of-type{position:relative;top:unset;left:unset;width:100%}
header nav ul li:first-of-type a{width:max-content;}
header nav ul li:not(:first-child){display:none}
.mobile-menu {display:block; top: 0; width: 100%; text-align: left; color: white; z-index:2; position:fixed;}
.mobile-menu a.btn-black-link {cursor:pointer}
.mobile-menu-container.open {height: calc(100vh - 49px);overflow:scroll;background-color: rgba(255,255,255,0.9);}
.mobile-menu-container.open ul {height:100%;position:relative; opacity: 1; transform: scaleY(1); left:0;}
.mobile-menu-container.open ul lu ul { display:block}
.mobile-menu a.btn-black-link span{width:100%}
.car-detail .title .price {text-align: unset;}
.side-menu{display:none;}
.bovag {display:none}
.mobile-bovag {display:block}
.mobile-bovag .bovag{display:block}
.bovag .button-yellow {padding: 13px 33px;}
.slider .bx-pager{display:none}
.page-title {display:none;}
.cars .car {padding-left:unset;}
#_cp_p {padding: 15px 10px;}
#_cp_b {top: -18px;}
}
@media (max-width: 424px) {
    .bovag .outer {margin-bottom:18px;}
    .cars.padding.left {padding-left:0}
    .cars .car .eigenschappen-container{font-size:13px;padding-left:5px;}
}
@media (max-width: 575.98px) {
    footer #footer #footer-middle p{font-size:32px;line-height:32px}
    .spotlight .spotlight-container {padding-left:10px;padding-right:10px}
    .padding.left {padding-left:20px}
    .padding.right {padding-right:20px}
	.car-detail .specication-list li {width: 100% !important;}
    .search .search-box {flex-direction: column;}
    .search .search-box select {width: calc(100% - 12px); margin-bottom: 16px;}
    .search .search-box button {width: calc(100% - 12px);}
}

@media (max-width: 767.98px) {
	/*nav ul li:first-of-type a img {max-width: 50%;}*/
	.cars .car {padding:0 0 10px 0;}
	.cars .car .price-container a{margin-right:unset}
	.car-detail .main-img div.image{padding:unset; padding-bottom:10px;}
	.car-detail .extra-images div.image {padding:10px; padding-right:0;}
	.car-detail .extra-images div.image.left {padding-left:0;padding-right:10px}
	.car-detail h1.sub-title{padding:unset}
	.car-detail .title .price{padding-left:unset}
	.bovag .outer{font-size:24px;line-height:32px;}
	.bovag .button-yellow{padding: 13px 17px;}
	p.heading-2 {font-size:32px}
	.spotlight .spotlight-container p.price {font-size:32px;}
	.slider .slide .overlay p.heading-2 { line-height: 24px; font-size:24px;}
	.overlay .padding {padding:34px 30px 10px 30px;}
	.slider .slide {height: 480px;}
	.slider .slide .overlay p.button a span {text-align:left}
	h1 {word-wrap:break-word}
	.occasions.macro.spotlight .bx-wrapper {width: calc(100vw - 30px);}
	/*footer .wrapper {display: block;}*/
	/*section.header {display: none;}*/
	.breadcrumb {margin: 0;}
	.cookiePopup .cookieContainer {padding: 10px 40px 10px 30px;}
	footer #copyright p {float: none; text-align: center;}
	p.btn-red-link span {margin-bottom: 10px;}
	.employee h2 {margin-top:10px;}
	h1, p.heading-1 {line-height: 32px; font-size: 30px;}
	h2, p.heading-2 {line-height: 24px; font-size: 24px;}
	h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-size: 18px;}
	header nav ul li.logo a img {width: auto !important; height: 112px !important;}
}
@media (max-width: 768.02px)
{
	header nav ul {justify-content: unset !important;}
    header nav ul li.logo {width: unset !important; margin: 0 !important; display: inline-block !important;; z-index: 3;}
	section.header {height: 160px; margin-bottom: 24px;}
    section.header img {width: unset !important; height: 160px;}
    .slider .slide picture {position: static;}
    .slider .slide picture img {width: auto; height: 100%; display: block;}
	body.page .header-text, #breadcrumb {display: none; visibility: hidden;}
    footer #footer #footer-top .padding {padding: 30px;}
    footer #footer #footer-top .logo {margin: -30px 0 0 0;}
    .search {margin: 0 0 30px 0;}
    .search p.heading-3 {margin: 30px 0; color: #000000;}
}
@media (max-width: 992px) {
    .filter.selected {
        padding: 0;
        background: unset;
    }
}
@media (max-width: 1430px) {
    .car-detail .title p {position:relative}
}
@media (max-width: 1199.98px) {
    .highslide-controls {margin: -45px 0 0;}
}
@media (max-width: 992px) {
    #filter-section {
        margin-bottom: 24px;
        padding: 24px 15px 0 15px;
        background-color: #EFEFEF;
        position: relative;
    }
    .filter-button {
        background-color: #000000;
        border-bottom: 5px solid #535353;
        padding: 12px 40px;
        transition: all linear 250ms;
        text-align: center;
        display: block;
        color: #fff;
        cursor: pointer;
    }
    .filter-button:hover {
        background-color: #DE3831;
        border-bottom: 5px solid #FF0000;
    }
    .filter-placeholder {
        display: none;
    }
    .filter-placeholder .filter {
        padding: 0;
        background: transparent !important;
    }
}
@media (max-width: 1024px) {
    .occassions .cards .card .placeholder .media {
        padding-bottom: 72px;
        background-color: #000000;
    }
    .occassions .cards .card .placeholder .media:before {
        height: 50%;
        bottom: 71px;
    }
    .occassions .cards .card .placeholder .media img {
        bottom: unset;
    }
    .occassions .cards .card .data .label {width: 100%; margin: 5px 0 0 0;}
}
@media (min-width: 993px) {
    .filter-button {
        display: none;
        visibility: hidden;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    header nav ul li.logo {
        margin-left: 0;
    }
    header nav ul li.logo a img {
        width: 96px;
    }
    nav.mobile > .mobile-placeholder {
        padding-top: 199px !important;
    }
}
@media (min-width: 768.02px) {
    .hide-on-desktop {display: none; visibility: hidden;}
}